{"id":1066,"date":"2026-08-17T15:43:09","date_gmt":"2026-08-17T15:43:09","guid":{"rendered":"https:\/\/webdigital.lv\/?page_id=1066"},"modified":"2026-10-11T11:07:48","modified_gmt":"2026-10-11T11:07:48","slug":"home","status":"publish","type":"page","link":"https:\/\/webdigital.lv\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1066\" class=\"elementor elementor-1066 elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fd7822 e-con e-atomic-element e-flexbox-base e-default-div e-fb5af2b \" data-id=\"5fd7822\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5fd7822\" data-e-type=\"e-flexbox\" data-id=\"5fd7822\">\n    \t\t<div class=\"elementor-element elementor-element-755c2b4 elementor-widget elementor-widget-html\" data-id=\"755c2b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEBDIGITAL \u2014 PREMIUM HERO\n     REAL PORTFOLIO \/ SLIDING TRANSITIONS\n========================================================= -->\n\n<section class=\"wdx-hero\" id=\"wdxHero\" role=\"main\"><span id=\"content\" tabindex=\"-1\" class=\"wd-skip-anchor\"><\/span><style id=\"wd-home-a11y-2026\">\n#wdTrust .wdtrust__title span,#wdPremiumServices2 .wdpc2__title span,#wdWorks6 .wdworks6__headrow h2 span,.wd-clients-new__headgrid h2 span,.wdsupport__title span{color:#656560!important}\n#wdTrust .wdtrust__value--accent{color:#b93220!important}\n#wdTrust .wdtrust__link:not(.wdtrust__link--main){color:#171717!important;background:#f54d30!important;border:1px solid #f54d30!important;border-radius:8px!important;padding:9px 13px!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;max-width:100%}\n#wdPremiumServices2 .wdpc2__audit,.wdprice26__eyebrow span,.wdworks6__kicker b,.wdworks6__done small,.wd-clients-new__eyebrow span,.wdsupport__kicker span:first-child{color:#a32c1d!important}\n.wdprice26__note,.wdworks6__copy p,.wd-clients-new__note span{color:#595955!important}\n.wdprice26__note a{color:#8c2046!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}\n.wdprice26__link{background:#171717!important;color:#fff!important;border:2px solid #171717!important}.wdprice26__card--main .wdprice26__link{background:#f54d30!important;color:#fff!important;border-color:#f54d30!important}\n#wdTrust .wdtrust__link:not(.wdtrust__link--main){background:#171717!important;border-color:#171717!important;color:#fff!important}\n.wdprice26__eyebrow span,.wdworks6__kicker b,.wdworks6__done small,.wd-clients-new__eyebrow span,.wdsupport__kicker span:first-child{color:#555550!important}\n.wdprice26__eyebrow,.wdworks6__kicker,.wd-clients-new__eyebrow,.wdsupport__kicker,.wdtrust__kicker{color:#555550!important}\n.wdprice26__eyebrow i,.wd-clients-new__eyebrow i,.wdtrust__kicker i,.wdsupport__kicker i{background:#777770!important}\n.wdprice26__features li:before{color:#555550!important}\n.wdprice26__card--main{border-color:#d0d0ca!important}\n.wdprice26__note a{color:#252525!important}\n#wdTrust .wdtrust__value--accent{color:#555550!important}\n#wdTrust .wdtrust__kicker span:first-child{color:#555550!important}\n.wd-clients-new__headgrid h2 span,.wdsupport__title span,#wdTrust .wdtrust__title span{color:#656560!important}\n.wdworks6__kicker span,.wdworks6__address,.wdsupport__kicker span:not(:first-child),.wdsupport__num{color:#555550!important}\n<\/style><script data-wd-home-a11y=\"1\">(function(){function fix(){var a=document.querySelector('#wdTrust .wdtrust__link');if(a)a.removeAttribute('aria-label');document.querySelectorAll('.wdfx__language-options a').forEach(function(el){el.removeAttribute('aria-label')})}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',fix);else fix();window.addEventListener('load',fix)})();<\/script>\n\n    <div class=\"wdx-hero-inner\">\n\n\n        <!-- =================================================\n   <!-- =========================================================\n     LEFT CONTENT\n========================================================= -->\n\n<div class=\"wdx-content\">\n\n    <div class=\"wdx-eyebrow\">\n        <span><\/span>\n        WEBDIGITAL \u00b7 WEBSITES \u00b7 E-COMMERCE \u00b7 SEO\n    <\/div>\n\n    <h1 class=\"wdx-title\">\n        Website and\n        <br>\n        online store\n        <em>development for businesses.<\/em>\n    <\/h1>\n\n    <p class=\"wdx-description\">\n        WebDigital is your full-service digital partner. We build WordPress websites and WooCommerce stores, deliver SEO, CRM integrations, AI solutions and business process automation \u2014 from planning and launch to ongoing technical support and growth.\n<\/p>\n\n    <div class=\"wdx-actions\">\n\n        <a\n            href=\"\/en\/contact\/\"\n            class=\"wdx-primary\"\n            id=\"wdxOpenAi\"\n            aria-label=\"Get a quote\"\n        >\n            <span>Get a quote<\/span>\n            <b>\u2197<\/b>\n        <\/a>\n\n        <a\n            href=\"\/en\/our-work\/\"\n            class=\"wdx-secondary\"\n        >\n            View our work\n            <span>\u2192<\/span>\n        <\/a>\n\n    <\/div>\n\n    <div class=\"wdx-services\">\n\n        <span>WordPress<\/span>\n        <i><\/i>\n\n        <span>WooCommerce<\/span>\n        <i><\/i>\n\n        <span>SEO<\/span>\n        <i><\/i>\n\n        <span>Technical support<\/span>\n\n    <\/div>\n\n    <div class=\"wdx-stats\">\n\n        <div class=\"wdx-stat\">\n            <strong>10+<\/strong>\n\n            <span>\n                years of<br>\n                experience\n            <\/span>\n        <\/div>\n\n        <div class=\"wdx-stat-line\"><\/div>\n\n        <div class=\"wdx-stat\">\n            <strong>500+<\/strong>\n\n            <span>\n                completed<br>\n                projects\n            <\/span>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n        <!-- =================================================\n             PORTFOLIO\n        ================================================== -->\n\n        <div\n            class=\"wdx-portfolio\"\n            id=\"wdxPortfolio\"\n        >\n\n            <div class=\"wdx-glow\"><\/div>\n\n\n\n            <!-- =================================================\n                 CARD A\n            ================================================== -->\n\n            <a href=\"https:\/\/irgrisinajumi.lv\/\" class=\"wdx-card wdx-slot-left\" id=\"wdxCardA\" target=\"_blank\" rel=\"noopener\">\n\n                <div class=\"wdx-browser\">\n\n                    <div class=\"wdx-browser-bar\">\n\n                        <div class=\"wdx-dots\">\n                            <i><\/i>\n                            <i><\/i>\n                            <i><\/i>\n                        <\/div>\n\n\n                        <div class=\"wdx-browser-domain\"><\/div>\n\n                    <\/div>\n\n\n                    <div class=\"wdx-image-wrap\">\n                        <picture><source media=\"(min-width: 621px)\" srcset=\"\/wp-content\/uploads\/2026\/08\/irg-majaslapa-768x480.webp 768w, \/wp-content\/uploads\/2026\/08\/irg-majaslapa-1024x640.webp 1024w\" sizes=\"610px\"><img src=\"\/wp-content\/uploads\/2026\/08\/irg-majaslapa-768x480.webp\" alt=\"IRG risin\u0101jumi\" width=\"1600\" height=\"1000\" data-no-lazy=\"1\" decoding=\"async\" fetchpriority=\"auto\" title=\"\"><\/picture>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"wdx-project-info\">\n\n                    <div>\n\n                        <small>\n                            WEBSITE DEVELOPMENT\n                        <\/small>\n\n                        <strong><\/strong>\n\n                    <\/div>\n\n\n                    <span class=\"wdx-project-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- =================================================\n                 CARD B \/ MAIN\n            ================================================== -->\n\n            <a href=\"https:\/\/ditra.lv\/\" class=\"wdx-card wdx-slot-main\" id=\"wdxCardB\" target=\"_blank\" rel=\"noopener\">\n\n                <div class=\"wdx-browser\">\n\n                    <div class=\"wdx-browser-bar\">\n\n                        <div class=\"wdx-dots\">\n                            <i><\/i>\n                            <i><\/i>\n                            <i><\/i>\n                        <\/div>\n\n\n                        <div class=\"wdx-browser-domain\"><\/div>\n\n\n                        <div class=\"wdx-browser-more\">\n                            \u2022\u2022\u2022\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"wdx-image-wrap\">\n                        <picture><source media=\"(min-width: 621px)\" srcset=\"\/wp-content\/uploads\/2026\/08\/ditra-majaslapa-768x480.webp 768w, \/wp-content\/uploads\/2026\/08\/ditra-majaslapa-1024x640.webp 1024w\" sizes=\"610px\"><img fetchpriority=\"high\" src=\"\/wp-content\/uploads\/2026\/08\/ditra-majaslapa-768x480.webp\" alt=\"Ditra\" width=\"1600\" height=\"1000\" data-no-lazy=\"1\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\" title=\"\"><\/picture>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"wdx-project-info\">\n\n                    <div>\n\n                        <small>\n                            WEBSITE DEVELOPMENT\n                        <\/small>\n\n                        <strong><\/strong>\n\n                    <\/div>\n\n\n                    <span class=\"wdx-project-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- =================================================\n                 CARD C\n            ================================================== -->\n\n            <a href=\"https:\/\/plaukti.eu\/\" class=\"wdx-card wdx-slot-right\" id=\"wdxCardC\" target=\"_blank\" rel=\"noopener\">\n\n                <div class=\"wdx-browser\">\n\n                    <div class=\"wdx-browser-bar\">\n\n                        <div class=\"wdx-dots\">\n                            <i><\/i>\n                            <i><\/i>\n                            <i><\/i>\n                        <\/div>\n\n\n                        <div class=\"wdx-browser-domain\"><\/div>\n\n                    <\/div>\n\n\n                    <div class=\"wdx-image-wrap\">\n                        <picture><source media=\"(min-width: 621px)\" srcset=\"\/wp-content\/uploads\/2026\/08\/plaukti.eu-majaslapa-768x480.webp 768w, \/wp-content\/uploads\/2026\/08\/plaukti.eu-majaslapa-1024x640.webp 1024w\" sizes=\"610px\"><img src=\"\/wp-content\/uploads\/2026\/08\/plaukti.eu-majaslapa-768x480.webp\" alt=\"Plaukti.eu\" width=\"1600\" height=\"1000\" data-no-lazy=\"1\" decoding=\"async\" fetchpriority=\"auto\" title=\"\"><\/picture>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"wdx-project-info\">\n\n                    <div>\n\n                        <small>\n                            WEBSITE DEVELOPMENT\n                        <\/small>\n\n                        <strong><\/strong>\n\n                    <\/div>\n\n\n                    <span class=\"wdx-project-arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- =================================================\n                 NAVIGATION\n            ================================================== -->\n\n            <div class=\"wdx-navigation\">\n\n                <button\n                    type=\"button\"\n                    id=\"wdxPrev\"\n                    aria-label=\"Previous project\"\n                >\n                    \u2190\n                <\/button>\n\n\n                <div class=\"wdx-progress\">\n                    <span id=\"wdxProgress\"><\/span>\n                <\/div>\n\n\n                <button\n                    type=\"button\"\n                    id=\"wdxNext\"\n                    aria-label=\"Next project\"\n                >\n                    \u2192\n                <\/button>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- =================================================\n         LARGE BACKGROUND WORD\n    ================================================== -->\n\n    <div class=\"wdx-background-word\">\n        WEBDIGITAL\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.wdx-hero,\n.wdx-hero * {\n    box-sizing: border-box;\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.skip-link.screen-reader-text:focus{position:fixed!important;top:12px!important;left:12px!important;z-index:999999!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;padding:12px 18px!important;background:#fff!important;color:#111!important;border:2px solid #111!important}\n.wd-skip-anchor{position:absolute;top:0;left:0;width:1px;height:1px}\n.wdworks6__lead a,.wdreviews__intro a,.wdpc2__intro p a,.wdtrust__description a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}\n.wdx-hero a:focus-visible,.wdpc2 a:focus-visible,.wdworks6 a:focus-visible,.wdtrust a:focus-visible,.wdreviews a:focus-visible{outline:3px solid #ff5033!important;outline-offset:4px!important}\n\n.wdx-hero {\n\n    --orange: #ff5033;\n    --orange-dark: #ed4027;\n    --black: #111111;\n\n    position: relative;\n\n    width: 100%;\n\n    min-height: 720px;\n\n    overflow: hidden;\n\n    font-family:\n        \"Manrope\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    background:\n\n        radial-gradient(\n            circle at 80% 43%,\n            rgba(255,80,51,.085),\n            transparent 29%\n        ),\n\n        linear-gradient(\n            180deg,\n            #fff 0%,\n            #faf9f7 100%\n        );\n\n}\n\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.wdx-hero-inner {\n\n    position: relative;\n\n    z-index: 5;\n\n    width:\n        min(\n            calc(100% - 48px),\n            1390px\n        );\n\n    min-height: 720px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(460px,.9fr)\n        minmax(600px,1.1fr);\n\n    align-items: center;\n\n    gap: 65px;\n\n}\n\n\n\n\/* =========================================================\n   LEFT\n========================================================= *\/\n\n.wdx-content {\n\n    padding:\n        68px 0\n        75px;\n\n}\n\n\n\n\/* EYEBROW *\/\n\n.wdx-eyebrow {\n\n    margin-bottom: 27px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    color: #777;\n\n    font-size: 11px;\n\n    font-weight: 800;\n\n    letter-spacing: 1.65px;\n\n}\n\n\n.wdx-eyebrow > span {\n\n    width: 7px;\n\n    height: 7px;\n\n    border-radius: 50%;\n\n    background:\n        var(--orange);\n\n    box-shadow:\n        0 0 0 5px\n        rgba(255,80,51,.10);\n\n}\n\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.wdx-title {\n\n    max-width: 680px;\n\n    margin: 0;\n\n    color:\n        var(--black);\n\n    font-size:\n        clamp(\n            50px,\n            4.55vw,\n            72px\n        );\n\n    line-height: .97;\n\n    font-weight: 650;\n\n    letter-spacing: -3.8px;\n\n}\n\n\n.wdx-title em {\n\n    display: block;\n\n    max-width: 650px;\n\n    color: #a3a3a3;\n\n    font-style: normal;\n\n    font-size: .92em;\n\n    letter-spacing: -3.4px;\n\n}\n\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.wdx-description {\n    max-width: 535px;\n\n    margin:\n        30px 0\n        34px;\n\n    color: #6f6f6f;\n\n    font-size: 16px;\n\n    line-height: 1.68;\n\n    font-weight: 500;\n}\n\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.wdx-actions {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 27px;\n\n}\n\n\n\n\/* PRIMARY *\/\n\n.wdx-primary {\n\n    min-height: 57px;\n\n    padding:\n        0 8px\n        0 22px;\n\n    border-radius: 12px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #ff6041,\n            #f04327\n        );\n\n    color: #fff;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 22px;\n\n    text-decoration: none;\n\n    font-size: 13px;\n\n    font-weight: 750;\n\n    box-shadow:\n        0 12px 28px\n        rgba(240,67,39,.18);\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n\n}\n\n\n.wdx-primary b {\n\n    width: 41px;\n\n    height: 41px;\n\n    border-radius: 9px;\n\n    background:\n        rgba(255,255,255,.17);\n\n    display: grid;\n\n    place-items: center;\n\n    font-weight: 500;\n\n    transition:\n        transform .25s ease;\n\n}\n\n\n.wdx-primary:hover {\n\n    transform:\n        translateY(-3px);\n\n    box-shadow:\n        0 17px 35px\n        rgba(240,67,39,.25);\n\n}\n\n\n.wdx-primary:hover b {\n\n    transform:\n        translate(2px,-2px);\n\n}\n\n\n\n\/* SECONDARY *\/\n\n.wdx-secondary {\n\n    padding-bottom: 5px;\n\n    border-bottom:\n        1px solid #d4d4d4;\n\n    color: #222;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    text-decoration: none;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n}\n\n\n.wdx-secondary span {\n\n    color:\n        var(--orange);\n\n    transition:\n        transform .2s ease;\n\n}\n\n\n.wdx-secondary:hover span {\n\n    transform:\n        translateX(4px);\n\n}\n\n\n\n\/* =========================================================\n   SERVICES\n========================================================= *\/\n\n.wdx-services {\n\n    margin-top: 47px;\n\n    display: flex;\n\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 11px;\n\n    color: #a1a1a1;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    letter-spacing: .75px;\n\n    text-transform: uppercase;\n\n}\n\n\n.wdx-services i {\n\n    width: 3px;\n\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: #d2d2d2;\n\n}\n\n\n\n\/* =========================================================\n   STATS\n========================================================= *\/\n\n.wdx-stats {\n\n    margin-top: 28px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 17px;\n\n}\n\n\n.wdx-stat {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n}\n\n\n.wdx-stat strong {\n\n    color:\n        var(--orange);\n\n    font-size: 25px;\n\n    line-height: 1;\n\n    font-weight: 750;\n\n    letter-spacing: -1.5px;\n\n}\n\n\n.wdx-stat span {\n\n    color: #9e9e9e;\n\n    font-size: 9px;\n\n    line-height: 1.3;\n\n    font-weight: 800;\n\n    letter-spacing: .6px;\n\n    text-transform: uppercase;\n\n}\n\n\n.wdx-stat-line {\n\n    width: 1px;\n\n    height: 29px;\n\n    background: #ddd;\n\n}\n\n\n\n\/* =========================================================\n   PORTFOLIO\n========================================================= *\/\n\n.wdx-portfolio {\n\n    position: relative;\n\n    height: 610px;\n\n    perspective: 1400px;\n\n}\n\n\n\n\/* GLOW *\/\n\n.wdx-glow {\n\n    position: absolute;\n\n    left: 54%;\n\n    top: 49%;\n\n    width: 560px;\n\n    height: 560px;\n\n    transform:\n        translate(-50%,-50%);\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,80,51,.060);\n\n    filter:\n        blur(90px);\n\n    pointer-events: none;\n\n}\n\n\n\n\/* =========================================================\n   CARD BASE\n========================================================= *\/\n\n.wdx-card {\n\n    position: absolute;\n\n    width: 610px;\n\n    height: 420px;\n\n    left: 50%;\n\n    top: 50%;\n\n    display: block;\n\n    color: inherit;\n\n    text-decoration: none;\n\n    transform-origin:\n        center center;\n\n    transition:\n        transform .78s\n        cubic-bezier(.22,1,.36,1),\n        opacity .60s ease,\n        filter .65s ease;\n\n    will-change:\n        transform,\n        opacity;\n\n}\n\n\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n.wdx-slot-main {\n\n    z-index: 10;\n\n    opacity: 1;\n\n    filter:\n        saturate(1);\n\n    transform:\n        translate(-50%,-50%)\n        translate3d(18px,0,0)\n        rotate(-0.8deg)\n        scale(1);\n\n}\n\n\n\n\/* =========================================================\n   LEFT BACK\n========================================================= *\/\n\n.wdx-slot-left {\n\n    z-index: 3;\n\n    opacity: .66;\n\n    filter:\n        saturate(.86)\n        brightness(.99);\n\n    transform:\n        translate(-50%,-50%)\n        translate3d(-235px,128px,0)\n        rotate(-5.5deg)\n        scale(.64);\n\n}\n\n\n\n\/* =========================================================\n   RIGHT BACK\n========================================================= *\/\n\n.wdx-slot-right {\n\n    z-index: 2;\n\n    opacity: .72;\n\n    filter:\n        saturate(.9)\n        brightness(1.01);\n\n    transform:\n        translate(-50%,-50%)\n        translate3d(275px,-118px,0)\n        rotate(5deg)\n        scale(.74);\n\n}\n\n\n\n\/* =========================================================\n   OFF SCREEN LEFT\n========================================================= *\/\n\n.wdx-slot-off-left {\n\n    z-index: 1;\n\n    opacity: 0;\n\n    transform:\n        translate(-50%,-50%)\n        translate3d(-590px,180px,0)\n        rotate(-13deg)\n        scale(.48);\n\n}\n\n\n\n\/* =========================================================\n   OFF SCREEN RIGHT\n========================================================= *\/\n\n.wdx-slot-off-right {\n\n    z-index: 1;\n\n    opacity: 0;\n\n    transform:\n        translate(-50%,-50%)\n        translate3d(590px,-180px,0)\n        rotate(13deg)\n        scale(.48);\n\n}\n\n\n\n\/* NO TRANSITION *\/\n\n.wdx-no-transition {\n\n    transition:\n        none !important;\n\n}\n\n\n\n\/* =========================================================\n   BROWSER\n========================================================= *\/\n\n.wdx-browser {\n\n    width: 100%;\n\n    height: 100%;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        rgba(0,0,0,.075);\n\n    border-radius: 16px;\n\n    background: #fff;\n\n    box-shadow:\n        0 28px 70px\n        rgba(0,0,0,.14),\n        0 8px 24px\n        rgba(0,0,0,.06);\n\n}\n\n\n\n\/* BROWSER BAR *\/\n\n.wdx-browser-bar {\n\n    position: relative;\n\n    height: 37px;\n\n    padding:\n        0 16px;\n\n    border-bottom:\n        1px solid #ececec;\n\n    background:\n        rgba(250,250,250,.97);\n\n    display: flex;\n\n    align-items: center;\n\n}\n\n\n\n\/* DOTS *\/\n\n.wdx-dots {\n\n    display: flex;\n\n    gap: 4px;\n\n}\n\n\n.wdx-dots i {\n\n    width: 5px;\n\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: #ccc;\n\n}\n\n\n\n\/* DOMAIN *\/\n\n.wdx-browser-domain {\n\n    position: absolute;\n\n    left: 50%;\n\n    transform:\n        translateX(-50%);\n\n    color: #555;\n\n    font-size: 8px;\n\n    font-weight: 650;\n\n}\n\n\n\n\/* MORE *\/\n\n.wdx-browser-more {\n\n    margin-left: auto;\n\n    color: #555;\n\n    font-size: 8px;\n\n}\n\n\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n.wdx-image-wrap {\n\n    width: 100%;\n\n    height:\n        calc(100% - 37px);\n\n    overflow: hidden;\n\n    background: #eee;\n\n}\n\n\n.wdx-image-wrap img {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    object-position:\n        center top;\n\n    transition:\n        transform .9s\n        cubic-bezier(.22,1,.36,1);\n\n}\n\n\n.wdx-slot-main:hover\n.wdx-image-wrap img {\n\n    transform:\n        scale(1.025);\n\n}\n\n\n\n\/* =========================================================\n   PROJECT INFO\n========================================================= *\/\n\n.wdx-project-info {\n\n    position: absolute;\n\n    z-index: 25;\n\n    left: 18px;\n\n    right: 18px;\n\n    bottom: 16px;\n\n    min-height: 54px;\n\n    padding:\n        9px 9px\n        9px 13px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.58);\n\n    border-radius: 10px;\n\n    background:\n        rgba(255,255,255,.92);\n\n    backdrop-filter:\n        blur(13px);\n\n    -webkit-backdrop-filter:\n        blur(13px);\n\n    box-shadow:\n        0 12px 35px\n        rgba(0,0,0,.11);\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content:\n        space-between;\n\n    transition:\n        opacity .3s ease;\n\n}\n\n\n\n\/* INFO ONLY MAIN *\/\n\n.wdx-slot-left\n.wdx-project-info,\n\n.wdx-slot-right\n.wdx-project-info,\n\n.wdx-slot-off-left\n.wdx-project-info,\n\n.wdx-slot-off-right\n.wdx-project-info {\n\n    opacity: 0;\n\n    pointer-events: none;\n\n}\n\n\n.wdx-slot-main\n.wdx-project-info {\n\n    opacity: 1;\n\n}\n\n\n\n\/* INFO TEXT *\/\n\n.wdx-project-info small {\n\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: #555;\n\n    font-size: 8px;\n\n    font-weight: 800;\n\n    letter-spacing: 1px;\n\n}\n\n\n.wdx-project-info strong {\n\n    display: block;\n\n    color: #171717;\n\n    font-size: 13px;\n\n    font-weight: 750;\n\n}\n\n\n\n\/* ARROW *\/\n\n.wdx-project-arrow {\n\n    width: 32px;\n\n    height: 32px;\n\n    border-radius: 8px;\n\n    background:\n        var(--orange);\n\n    color: #fff;\n\n    display: grid;\n\n    place-items: center;\n\n    font-size: 11px;\n\n}\n\n\n\n\/* =========================================================\n   NAVIGATION\n========================================================= *\/\n\n.wdx-navigation {\n\n    position: absolute;\n\n    z-index: 40;\n\n    left: 50%;\n\n    bottom: 24px;\n\n    transform:\n        translateX(-50%);\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n}\n\n\n\n\/* BUTTONS *\/\n\n.wdx-navigation button {\n\n    width: 37px;\n\n    height: 37px;\n\n    padding: 0;\n\n    border:\n        1px solid #ddd;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,.94);\n\n    color: #222;\n\n    cursor: pointer;\n\n    display: grid;\n\n    place-items: center;\n\n    font-size: 11px;\n\n    box-shadow:\n        0 8px 20px\n        rgba(0,0,0,.05);\n\n    transition:\n        background .2s ease,\n        color .2s ease,\n        transform .2s ease;\n\n}\n\n\n.wdx-navigation button:hover {\n\n    background:\n        var(--orange);\n\n    border-color:\n        var(--orange);\n\n    color: #fff;\n\n    transform:\n        translateY(-2px);\n\n}\n\n\n\n\/* PROGRESS *\/\n\n.wdx-progress {\n\n    width: 82px;\n\n    height: 2px;\n\n    overflow: hidden;\n\n    border-radius: 10px;\n\n    background: #ddd;\n\n}\n\n\n.wdx-progress span {\n\n    display: block;\n\n    width: 0;\n\n    height: 100%;\n\n    background:\n        var(--orange);\n\n}\n\n\n\n\/* =========================================================\n   BIG BG WORD\n========================================================= *\/\n\n.wdx-background-word {\n\n    position: absolute;\n\n    z-index: 1;\n\n    left: 50%;\n\n    bottom: -57px;\n\n    transform:\n        translateX(-50%);\n\n    color:\n        rgba(10,10,10,.016);\n\n    font-size:\n        clamp(\n            130px,\n            18vw,\n            300px\n        );\n\n    line-height: .8;\n\n    font-weight: 800;\n\n    letter-spacing: -16px;\n\n    white-space: nowrap;\n\n    user-select: none;\n\n    pointer-events: none;\n\n}\n\n\n\n\/* =========================================================\n   OPENING ANIMATION \u2014 ELEMENTOR SAFE\n   Visible by default. Animation is enabled only after JS\n   confirms the block is running on the frontend.\n========================================================= *\/\n\n\/* Default state: ALWAYS visible *\/\n.wdx-eyebrow,\n.wdx-title,\n.wdx-description,\n.wdx-actions,\n.wdx-services,\n.wdx-stats {\n    opacity: 1;\n    transform: none;\n}\n\n\/* Portfolio is also visible by default *\/\n.wdx-slot-main {\n    opacity: 1;\n}\n\n\/* Only frontend JS adds .wdx-anim-ready *\/\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-eyebrow,\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-title,\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-description,\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-actions,\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-services,\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-stats {\n    opacity: 0;\n    transform: translateY(22px);\n}\n\n\/* LOADED *\/\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-eyebrow {\n    animation:\n        wdxFadeUp\n        .65s\n        .08s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-title {\n    animation:\n        wdxFadeUp\n        .82s\n        .15s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-description {\n    animation:\n        wdxFadeUp\n        .72s\n        .28s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-actions {\n    animation:\n        wdxFadeUp\n        .70s\n        .38s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-services {\n    animation:\n        wdxFadeUp\n        .65s\n        .47s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n.wdx-hero.wdx-anim-ready.wdx-loaded\n.wdx-stats {\n    animation:\n        wdxFadeUp\n        .65s\n        .54s\n        cubic-bezier(.22,1,.36,1)\n        forwards;\n}\n\n@keyframes wdxFadeUp {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* First-load portfolio animation only when JS mode is active *\/\n\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-slot-main {\n    opacity: 0;\n    transform:\n        translate(-50%,-50%)\n        translate3d(80px,25px,0)\n        rotate(3deg)\n        scale(.91);\n}\n\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-slot-left {\n    opacity: 0;\n    transform:\n        translate(-50%,-50%)\n        translate3d(-340px,190px,0)\n        rotate(-12deg)\n        scale(.50);\n}\n\n.wdx-hero.wdx-anim-ready:not(.wdx-loaded)\n.wdx-slot-right {\n    opacity: 0;\n    transform:\n        translate(-50%,-50%)\n        translate3d(390px,-185px,0)\n        rotate(11deg)\n        scale(.60);\n}\n\n\/* Elementor editor \/ preview: never hide the hero *\/\nbody.elementor-editor-active .wdx-hero *,\nbody.elementor-editor-preview .wdx-hero *,\n.elementor-edit-area .wdx-hero * {\n    animation: none !important;\n}\n\nbody.elementor-editor-active .wdx-hero .wdx-eyebrow,\nbody.elementor-editor-active .wdx-hero .wdx-title,\nbody.elementor-editor-active .wdx-hero .wdx-description,\nbody.elementor-editor-active .wdx-hero .wdx-actions,\nbody.elementor-editor-active .wdx-hero .wdx-services,\nbody.elementor-editor-active .wdx-hero .wdx-stats,\nbody.elementor-editor-preview .wdx-hero .wdx-eyebrow,\nbody.elementor-editor-preview .wdx-hero .wdx-title,\nbody.elementor-editor-preview .wdx-hero .wdx-description,\nbody.elementor-editor-preview .wdx-hero .wdx-actions,\nbody.elementor-editor-preview .wdx-hero .wdx-services,\nbody.elementor-editor-preview .wdx-hero .wdx-stats,\n.elementor-edit-area .wdx-hero .wdx-eyebrow,\n.elementor-edit-area .wdx-hero .wdx-title,\n.elementor-edit-area .wdx-hero .wdx-description,\n.elementor-edit-area .wdx-hero .wdx-actions,\n.elementor-edit-area .wdx-hero .wdx-services,\n.elementor-edit-area .wdx-hero .wdx-stats {\n    opacity: 1 !important;\n    transform: none !important;\n}\n\nbody.elementor-editor-active .wdx-hero .wdx-slot-main,\nbody.elementor-editor-active .wdx-hero .wdx-slot-left,\nbody.elementor-editor-active .wdx-hero .wdx-slot-right,\nbody.elementor-editor-preview .wdx-hero .wdx-slot-main,\nbody.elementor-editor-preview .wdx-hero .wdx-slot-left,\nbody.elementor-editor-preview .wdx-hero .wdx-slot-right,\n.elementor-edit-area .wdx-hero .wdx-slot-main,\n.elementor-edit-area .wdx-hero .wdx-slot-left,\n.elementor-edit-area .wdx-hero .wdx-slot-right {\n    opacity: 1 !important;\n}\n\n\/* =========================================================\n   RESPONSIVE 1200\n========================================================= *\/\n\n@media (max-width: 1200px) {\n\n    .wdx-hero-inner {\n\n        grid-template-columns:\n            .94fr\n            1.06fr;\n\n        gap: 10px;\n\n    }\n\n\n    .wdx-title {\n\n        font-size: 55px;\n\n        letter-spacing:\n            -3.2px;\n\n    }\n\n\n    .wdx-card {\n\n        width: 530px;\n\n        height: 370px;\n\n    }\n\n\n    .wdx-slot-left {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(-205px,118px,0)\n            rotate(-5.5deg)\n            scale(.61);\n\n    }\n\n\n    .wdx-slot-right {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(235px,-105px,0)\n            rotate(5deg)\n            scale(.71);\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .wdx-hero {\n\n        min-height: auto;\n\n    }\n\n\n    .wdx-hero-inner {\n\n        width:\n            calc(100% - 32px);\n\n        min-height: auto;\n\n        grid-template-columns:\n            1fr;\n\n    }\n\n\n    .wdx-content {\n\n        padding:\n            65px 0\n            20px;\n\n    }\n\n\n    .wdx-title {\n\n        max-width: 720px;\n\n        font-size:\n            clamp(\n                48px,\n                9vw,\n                70px\n            );\n\n    }\n\n\n    .wdx-portfolio {\n\n        width: 100%;\n\n        max-width: 720px;\n\n        height: 530px;\n\n        margin:\n            0 auto;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 620px) {\n\n    .wdx-hero-inner {\n\n        width:\n            calc(100% - 28px);\n\n    }\n\n\n    .wdx-content {\n\n        padding-top: 48px;\n\n    }\n\n\n    .wdx-title {\n\n        font-size: 42px;\n\n        line-height: 1;\n\n        letter-spacing:\n            -2.5px;\n\n    }\n\n\n    .wdx-description {\n\n        font-size: 16px;\n        line-height: 1.65;\n\n    }\n\n\n    .wdx-actions {\n\n        flex-direction:\n            column;\n\n        align-items:\n            stretch;\n\n        gap: 18px;\n\n    }\n\n\n    .wdx-primary {\n\n        width: 100%;\n\n        justify-content:\n            space-between;\n\n    }\n\n\n    .wdx-secondary {\n\n        align-self:\n            flex-start;\n\n    }\n\n\n    .wdx-services {\n\n        margin-top: 37px;\n\n    }\n\n\n    .wdx-portfolio {\n\n        height: 430px;\n\n        margin-top: 10px;\n\n    }\n\n\n    .wdx-card {\n\n        width: 94%;\n\n        height: 295px;\n\n    }\n\n\n    .wdx-slot-main {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(0,0,0)\n            rotate(-1deg)\n            scale(1);\n\n    }\n\n\n    .wdx-slot-left {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(-112px,92px,0)\n            rotate(-5deg)\n            scale(.60);\n\n    }\n\n\n    .wdx-slot-right {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(112px,-72px,0)\n            rotate(5deg)\n            scale(.66);\n\n    }\n\n\n    .wdx-slot-off-left {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(-360px,110px,0)\n            rotate(-12deg)\n            scale(.48);\n\n    }\n\n\n    .wdx-slot-off-right {\n\n        transform:\n            translate(-50%,-50%)\n            translate3d(360px,-100px,0)\n            rotate(12deg)\n            scale(.48);\n\n    }\n\n\n    .wdx-project-info {\n\n        left: 11px;\n\n        right: 11px;\n\n        bottom: 11px;\n\n        min-height: 53px;\n\n    }\n\n\n    .wdx-navigation {\n\n        bottom: 0;\n\n    }\n\n\n    .wdx-background-word {\n\n        display: none;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE FINAL \u2014 PORTFOLIO \/ MOCKUPS OFF\n   \u041d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0443\u044e \u0447\u0430\u0441\u0442\u044c Hero.\n========================================================= *\/\n\n@media (max-width: 620px) {\n\n    .wdx-portfolio {\n        display: none !important;\n    }\n\n    .wdx-background-word {\n        display: none !important;\n    }\n\n    .wdx-hero {\n        min-height: auto !important;\n    }\n\n    .wdx-hero-inner {\n        min-height: auto !important;\n        display: block !important;\n    }\n\n    .wdx-content {\n        width: 100%;\n        padding-top: 48px !important;\n        padding-bottom: 48px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   FINAL HERO POLISH\n========================================================= *\/\n\n.wdx-title em {\n    text-wrap: balance;\n}\n\n.wdx-description {\n    text-wrap: pretty;\n}\n\n.wdx-primary,\n.wdx-secondary,\n.wdx-card {\n    -webkit-tap-highlight-color: transparent;\n}\n\n.wdx-card:focus-visible,\n.wdx-primary:focus-visible,\n.wdx-secondary:focus-visible,\n.wdx-navigation button:focus-visible {\n    outline: 2px solid var(--orange);\n    outline-offset: 4px;\n}\n\n@media (max-width: 620px) {\n\n    .wdx-title em {\n        max-width: 100%;\n        font-size: .90em;\n        letter-spacing: -2.4px;\n    }\n\n    .wdx-description {\n        max-width: 100%;\n    }\n\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY READABILITY\n========================================================= *\/\n\n.wdx-primary,\n.wdx-secondary {\n    line-height: 1.35;\n}\n\n.wdx-services {\n    line-height: 1.4;\n}\n\n.wdx-stat span {\n    line-height: 1.35;\n}\n\n@media (max-width: 620px) {\n    .wdx-eyebrow {\n        font-size: 10px;\n        line-height: 1.35;\n    }\n\n    .wdx-services {\n        font-size: 10px;\n    }\n\n    .wdx-stat span {\n        font-size: 9px;\n    }\n}\n\n<\/style>\n\n\n\n<script>\n(function () {\n\n    const PORTFOLIO = [\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 1\n            ================================================= *\/\n\n            {\n                image: \"\/wp-content\/uploads\/2026\/08\/ditra-majaslapa.webp\",\n                name: \"Ditra\",\n                domain: \"ditra.lv\",\n                url: \"https:\/\/ditra.lv\/\"\n            },\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 2\n            ================================================= *\/\n\n            {\n                image: \"\/wp-content\/uploads\/2026\/08\/plaukti.eu-majaslapa.webp\",\n                name: \"Plaukti.eu\",\n                domain: \"plaukti.eu\",\n                url: \"https:\/\/plaukti.eu\/\"\n            },\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 3\n            ================================================= *\/\n\n            {\n                image: \"\/wp-content\/uploads\/2026\/08\/apwoodline-majaslapa.webp\",\n                name: \"AP Woodline\",\n                domain: \"apwoodline.eu\",\n                url: \"https:\/\/apwoodline.eu\/\"\n            },\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 4\n            ================================================= *\/\n\n            {\n                image: \"\/wp-content\/uploads\/2026\/08\/baumsrent-majaslapas.webp\",\n                name: \"Baumsrent\",\n                domain: \"baumsrent.lv\",\n                url: \"https:\/\/baumsrent.lv\/\"\n            },\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 5\n            ================================================= *\/\n\n        \n            \n             {\n                image: \"\/wp-content\/uploads\/2026\/08\/gaisakompresori-majaslap.webp\",\n                name: \"Gaisakompresori.lv\",\n                domain: \"gaisakompresori.lv\",\n                url: \"https:\/\/gaisakompresori.lv\/\"\n            },\n\n\n            \/* =================================================\n               \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 6\n            ================================================= *\/\n\n            \n            \n            {\n                image: \"\/wp-content\/uploads\/2026\/08\/irg-majaslapa.webp\",\n                name: \"IRG risin\u0101jumi\",\n                domain: \"irgrisinajumi.lv\",\n                url: \"https:\/\/irgrisinajumi.lv\/\"\n            }\n    ];\n\n    const CHANGE_EVERY = 6500;\n    const MOVE_TIME = 780;\n\n    function initWdxHero() {\n\n        if (window.matchMedia(\"(max-width: 620px)\").matches && !document.body.classList.contains(\"elementor-editor-active\")) return;\n\n        const hero = document.getElementById(\"wdxHero\");\n        const portfolio = document.getElementById(\"wdxPortfolio\");\n        const prevButton = document.getElementById(\"wdxPrev\");\n        const nextButton = document.getElementById(\"wdxNext\");\n        const progress = document.getElementById(\"wdxProgress\");\n\n        const cards = [\n            document.getElementById(\"wdxCardA\"),\n            document.getElementById(\"wdxCardB\"),\n            document.getElementById(\"wdxCardC\")\n        ];\n\n        if (!hero || !portfolio || !cards.every(Boolean)) {\n            return;\n        }\n\n        if (hero.dataset.wdxInitialized === \"1\") {\n            return;\n        }\n\n        hero.dataset.wdxInitialized = \"1\";\n\n        const body = document.body;\n        const inElementor =\n            body.classList.contains(\"elementor-editor-active\") ||\n            body.classList.contains(\"elementor-editor-preview\") ||\n            !!hero.closest(\".elementor-edit-area\");\n\n        let current = 0;\n        let moving = false;\n        let timer = null;\n\n        function getProject(index) {\n            const length = PORTFOLIO.length;\n            return PORTFOLIO[(index + length) % length];\n        }\n\n        function renderCard(card, project) {\n            if (!card || !project) return;\n\n            const image = card.querySelector(\".wdx-image-wrap img\");\n            const name = card.querySelector(\".wdx-project-info strong\");\n            const domain = card.querySelector(\".wdx-browser-domain\");\n\n            if (image) {\n                const source = image.parentElement.querySelector(\"source\");\n                if (source) {\n                    const srcset = project.image.replace(\".webp\", \"-768x480.webp\") + \" 768w, \" + project.image.replace(\".webp\", \"-1024x640.webp\") + \" 1024w\";\n                    if (source.getAttribute(\"srcset\") !== srcset) source.setAttribute(\"srcset\", srcset);\n                }\n                image.alt = project.name;\n            }\n\n            if (name) name.textContent = project.name;\n            if (domain) domain.textContent = project.domain;\n\n            card.href = project.url;\n        }\n\n        function getCard(slot) {\n            return cards.find(card => card.classList.contains(slot));\n        }\n\n        function restartProgress() {\n            if (!progress || inElementor) return;\n\n            progress.style.transition = \"none\";\n            progress.style.width = \"0%\";\n\n            requestAnimationFrame(function () {\n                requestAnimationFrame(function () {\n                    progress.style.transition =\n                        \"width \" + CHANGE_EVERY + \"ms linear\";\n                    progress.style.width = \"100%\";\n                });\n            });\n        }\n\n        function initialRender() {\n            const left = getCard(\"wdx-slot-left\");\n            const main = getCard(\"wdx-slot-main\");\n            const right = getCard(\"wdx-slot-right\");\n\n            if (!left || !main || !right) return;\n\n            renderCard(left, getProject(current - 1));\n            renderCard(main, getProject(current));\n            renderCard(right, getProject(current + 1));\n\n            restartProgress();\n        }\n\n        function nextProject() {\n            if (moving || inElementor || window.matchMedia(\"(max-width: 620px)\").matches || document.hidden) return;\n\n            const left = getCard(\"wdx-slot-left\");\n            const main = getCard(\"wdx-slot-main\");\n            const right = getCard(\"wdx-slot-right\");\n\n            if (!left || !main || !right) return;\n\n            moving = true;\n\n            left.classList.remove(\"wdx-slot-left\");\n            left.classList.add(\"wdx-slot-off-left\");\n\n            main.classList.remove(\"wdx-slot-main\");\n            main.classList.add(\"wdx-slot-left\");\n\n            right.classList.remove(\"wdx-slot-right\");\n            right.classList.add(\"wdx-slot-main\");\n\n            current = (current + 1) % PORTFOLIO.length;\n\n            setTimeout(function () {\n\n                left.classList.add(\"wdx-no-transition\");\n                left.classList.remove(\"wdx-slot-off-left\");\n                left.classList.add(\"wdx-slot-off-right\");\n\n                renderCard(left, getProject(current + 1));\n\n                void left.offsetHeight;\n\n                left.classList.remove(\"wdx-no-transition\");\n\n                requestAnimationFrame(function () {\n                    left.classList.remove(\"wdx-slot-off-right\");\n                    left.classList.add(\"wdx-slot-right\");\n                });\n\n                moving = false;\n                restartProgress();\n\n            }, MOVE_TIME);\n        }\n\n        function previousProject() {\n            if (moving || inElementor || window.matchMedia(\"(max-width: 620px)\").matches || document.hidden) return;\n\n            const left = getCard(\"wdx-slot-left\");\n            const main = getCard(\"wdx-slot-main\");\n            const right = getCard(\"wdx-slot-right\");\n\n            if (!left || !main || !right) return;\n\n            moving = true;\n\n            right.classList.remove(\"wdx-slot-right\");\n            right.classList.add(\"wdx-slot-off-right\");\n\n            main.classList.remove(\"wdx-slot-main\");\n            main.classList.add(\"wdx-slot-right\");\n\n            left.classList.remove(\"wdx-slot-left\");\n            left.classList.add(\"wdx-slot-main\");\n\n            current =\n                (current - 1 + PORTFOLIO.length)\n                % PORTFOLIO.length;\n\n            setTimeout(function () {\n\n                right.classList.add(\"wdx-no-transition\");\n                right.classList.remove(\"wdx-slot-off-right\");\n                right.classList.add(\"wdx-slot-off-left\");\n\n                renderCard(right, getProject(current - 1));\n\n                void right.offsetHeight;\n\n                right.classList.remove(\"wdx-no-transition\");\n\n                requestAnimationFrame(function () {\n                    right.classList.remove(\"wdx-slot-off-left\");\n                    right.classList.add(\"wdx-slot-left\");\n                });\n\n                moving = false;\n                restartProgress();\n\n            }, MOVE_TIME);\n        }\n\n        function startAutoPlay() {\n            if (inElementor) return;\n\n            clearInterval(timer);\n            timer = setInterval(nextProject, CHANGE_EVERY);\n        }\n\n        function restartAutoPlay() {\n            if (inElementor) return;\n\n            startAutoPlay();\n            restartProgress();\n        }\n\n        initialRender();\n\n        if (inElementor) {\n            hero.classList.add(\"wdx-loaded\");\n            return;\n        }\n\n        \/* Enable animation only after JS is confirmed working *\/\n        hero.classList.add(\"wdx-anim-ready\");\n\n        requestAnimationFrame(function () {\n            requestAnimationFrame(function () {\n                hero.classList.add(\"wdx-loaded\");\n            });\n        });\n\n        if (nextButton) {\n            nextButton.addEventListener(\"click\", function () {\n                nextProject();\n                restartAutoPlay();\n            });\n        }\n\n        if (prevButton) {\n            prevButton.addEventListener(\"click\", function () {\n                previousProject();\n                restartAutoPlay();\n            });\n        }\n\n        portfolio.addEventListener(\"mouseenter\", function () {\n            clearInterval(timer);\n        });\n\n        portfolio.addEventListener(\"mouseleave\", function () {\n            restartAutoPlay();\n        });\n\n        startAutoPlay();\n    }\n\n    function initWdxAiCta() {\n        const aiCta = document.getElementById(\"wdxOpenAi\");\n        if (!aiCta || aiCta.dataset.wdxAiReady === \"1\") return;\n\n        aiCta.dataset.wdxAiReady = \"1\";\n\n        aiCta.addEventListener(\"click\", function (e) {\n            e.preventDefault();\n\n            const headerAiButton = document.getElementById(\"wdSupportButton\");\n\n            if (headerAiButton) {\n                headerAiButton.click();\n                return;\n            }\n\n            \/* Fallback if the global AI chat button is unavailable *\/\n            window.location.href = \"\/kontakti\/\";\n        });\n    }\n\n    function bootWdxHero() {\n        initWdxHero();\n        initWdxAiCta();\n\n        \/* Elementor sometimes injects the HTML widget later *\/\n        setTimeout(initWdxHero, 300);\n        setTimeout(initWdxHero, 1000);\n    }\n\n    window.matchMedia(\"(max-width: 620px)\").addEventListener(\"change\", function (event) { if (!event.matches) initWdxHero(); });\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            bootWdxHero,\n            { once: true }\n        );\n    } else {\n        bootWdxHero();\n    }\n\n    if (window.jQuery) {\n        window.jQuery(window).on(\n            \"elementor\/frontend\/init\",\n            function () {\n                setTimeout(bootWdxHero, 100);\n            }\n        );\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1571f57 e-con e-atomic-element e-flexbox-base e-default-div e-1571f57-b85278d \" data-id=\"1571f57\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1571f57\" data-e-type=\"e-flexbox\" data-id=\"1571f57\">\n    \t\t<div class=\"elementor-element elementor-element-d7b6d26 elementor-widget elementor-widget-html\" data-id=\"d7b6d26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 02 \/ K\u0100P\u0112C WEBDIGITAL\r\n     VALUE \/ TRUST SECTION \u2014 ELEMENTOR SAFE\r\n========================================================= -->\r\n\r\n<section class=\"wdtrust\" id=\"wdTrust\">\r\n\r\n    <div class=\"wdtrust__inner\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"wdtrust__left wdtrust__reveal\">\r\n\r\n            <div class=\"wdtrust__kicker\">\r\n                <span>02<\/span>\r\n                <i><\/i>\r\n                <span>WHY WEBDIGITAL<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"wdtrust__title\">\r\n                More than a website.\r\n                <span>Support beyond launch.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"wdtrust__subtitle\">\r\n                One partner for development, maintenance and improvements.\r\n            <\/p>\r\n\r\n            <p class=\"wdtrust__description\">\r\n                We plan the structure, build your website and explain how to manage it. After launch, you can come back for technical help, new features or ongoing maintenance.\r\n            <\/p>\r\n\r\n            <div class=\"wdtrust__actions\">\r\n                <a href=\"#wdReviews\" class=\"wdtrust__link\" aria-label=\"Read WebDigital Google reviews\">\u2605 25 Google reviews \u2192<\/a>\r\n\r\n                <a href=\"\/en\/about-us\/\" class=\"wdtrust__link wdtrust__link--main\">\r\n                    Learn more about WebDigital\r\n                    <span>\u2197<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT -->\r\n        <div class=\"wdtrust__facts\">\r\n\r\n            <div class=\"wdtrust__fact wdtrust__reveal\" style=\"--delay:.08s\">\r\n                <div class=\"wdtrust__value wdtrust__value--accent\">01<\/div>\r\n\r\n                <div class=\"wdtrust__fact-text\">\r\n                    <strong>EVERYTHING IN ONE PLACE<\/strong>\r\n                    <p>\r\n                        Design, development, SEO, integrations, hosting and support \u2014 coordinated in one place.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <span class=\"wdtrust__index\">01<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"wdtrust__fact wdtrust__reveal\" style=\"--delay:.16s\">\r\n                <div class=\"wdtrust__value\">02<\/div>\r\n\r\n                <div class=\"wdtrust__fact-text\">\r\n                    <strong>A CLEAR PROCESS<\/strong>\r\n                    <p>\r\n                        You know the scope, costs and milestones before development starts.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <span class=\"wdtrust__index\">02<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"wdtrust__fact wdtrust__reveal\" style=\"--delay:.24s\">\r\n                <div class=\"wdtrust__value\">03<\/div>\r\n\r\n                <div class=\"wdtrust__fact-text\">\r\n                    <strong>SUPPORT AND DEVELOPMENT<\/strong>\r\n                    <p>\r\n                        Choose one-off help or ongoing maintenance and development after launch.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <span class=\"wdtrust__index\">03<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.wdtrust,\r\n.wdtrust * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wdtrust a {\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.wdtrust {\r\n    --orange: #ff5033;\r\n    --black: #151515;\r\n    --grey: #969692;\r\n    --text: #5f5f5b;\r\n    --line: #d8d8d3;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: #efefeb;\r\n\r\n    color: var(--black);\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n.wdtrust::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0 0 auto 0;\r\n    height: 1px;\r\n    background: #d8d8d3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.wdtrust__inner {\r\n    width: min(calc(100% - 48px), 1390px);\r\n    margin: 0 auto;\r\n\r\n    padding: 72px 0;\r\n\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(500px, .92fr);\r\n    gap: 72px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.wdtrust__kicker {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #7f7f7b;\r\n\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    letter-spacing: 1.25px;\r\n}\r\n\r\n.wdtrust__kicker span:first-child {\r\n    color: var(--orange);\r\n}\r\n\r\n.wdtrust__kicker i {\r\n    width: 30px;\r\n    height: 1px;\r\n    background: #c6c6c1;\r\n}\r\n\r\n\r\n.wdtrust__title {\r\n    max-width: 690px;\r\n    margin: 0;\r\n\r\n    color: var(--black);\r\n\r\n    font-size: clamp(44px, 3.7vw, 58px);\r\n    line-height: 1.01;\r\n    font-weight: 650;\r\n    letter-spacing: -2.8px;\r\n}\r\n\r\n.wdtrust__title span {\r\n    display: block;\r\n    color: #9c9c98;\r\n}\r\n\r\n\r\n.wdtrust__subtitle {\r\n    max-width: 610px;\r\n\r\n    margin: 16px 0 0;\r\n\r\n    color: #3f3f3c;\r\n\r\n    font-size: 18px;\r\n    line-height: 1.55;\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.wdtrust__description {\r\n    max-width: 620px;\r\n\r\n    margin: 20px 0 0;\r\n    padding-left: 18px;\r\n\r\n    border-left: 2px solid var(--orange);\r\n\r\n    color: var(--text);\r\n\r\n    font-size: 16px;\r\n    line-height: 1.72;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LINKS\r\n========================================================= *\/\r\n\r\n.wdtrust__actions {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 26px;\r\n\r\n    margin-top: 24px;\r\n}\r\n\r\n.wdtrust__link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    padding-bottom: 6px;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.3;\r\n    font-weight: 750;\r\n}\r\n\r\n.wdtrust__link--main {\r\n    color: #171717;\r\n    border-bottom: 1px solid #b8b8b3;\r\n}\r\n\r\n.wdtrust__link--main span {\r\n    color: var(--orange);\r\n}\r\n\r\n.wdtrust__link--muted {\r\n    color: #70706c;\r\n    border-bottom: 1px solid transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT\r\n========================================================= *\/\r\n\r\n.wdtrust__facts {\r\n    width: 100%;\r\n    border-top: 1px solid var(--line);\r\n}\r\n\r\n.wdtrust__fact {\r\n    position: relative;\r\n\r\n    min-height: 102px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 180px minmax(0, 1fr) 26px;\r\n    align-items: center;\r\n    gap: 24px;\r\n\r\n    padding: 18px 0;\r\n\r\n    border-bottom: 1px solid var(--line);\r\n\r\n    transition:\r\n        padding-left .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n.wdtrust__fact:hover {\r\n    padding-left: 10px;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,80,51,.035),\r\n            transparent 75%\r\n        );\r\n}\r\n\r\n\r\n.wdtrust__value {\r\n    color: #151515;\r\n\r\n    font-size: 46px;\r\n    line-height: .95;\r\n    font-weight: 650;\r\n    letter-spacing: -2.7px;\r\n}\r\n\r\n.wdtrust__value--accent {\r\n    color: var(--orange);\r\n}\r\n\r\n\r\n\r\n.wdtrust__fact-text strong {\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: #292927;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.25;\r\n    font-weight: 850;\r\n    letter-spacing: .65px;\r\n}\r\n\r\n.wdtrust__fact-text p {\r\n    max-width: 330px;\r\n\r\n    margin: 0;\r\n\r\n    color: #6d6d69;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.45;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n.wdtrust__index {\r\n    align-self: start;\r\n    padding-top: 4px;\r\n\r\n    color: #595955;\r\n\r\n    font-size: 10px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    letter-spacing: .5px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WORDPRESS LOGO\r\n========================================================= *\/\r\n\r\n.wdtrust__wp-value {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.wdtrust__wp-logo {\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 38px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.wdtrust__wp-logo img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n}\r\n\r\n.wdtrust__wp-name {\r\n    color: #171717;\r\n\r\n    font-size: 22px;\r\n    line-height: 1;\r\n\r\n    font-weight: 750;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   24\/7 ONLINE CHAT\r\n========================================================= *\/\r\n\r\n.wdtrust__chat-value {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    color: #151515;\r\n\r\n    font-size: 46px;\r\n    line-height: .95;\r\n\r\n    font-weight: 650;\r\n    letter-spacing: -2.7px;\r\n}\r\n\r\n.wdtrust__chat-status {\r\n    position: relative;\r\n\r\n    width: 13px;\r\n    height: 13px;\r\n\r\n    flex: 0 0 13px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.wdtrust__chat-status i {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #34bd78;\r\n}\r\n\r\n.wdtrust__chat-status::before,\r\n.wdtrust__chat-status::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(52,189,120,.45);\r\n\r\n    animation:\r\n        wdtrustOnlinePulse\r\n        2.2s ease-out\r\n        infinite;\r\n}\r\n\r\n.wdtrust__chat-status::after {\r\n    animation-delay: 1.1s;\r\n}\r\n\r\n@keyframes wdtrustOnlinePulse {\r\n\r\n    0% {\r\n        width: 8px;\r\n        height: 8px;\r\n        opacity: .8;\r\n    }\r\n\r\n    75%,\r\n    100% {\r\n        width: 29px;\r\n        height: 29px;\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n   Visible by default = Elementor safe\r\n========================================================= *\/\r\n\r\n.wdtrust__reveal {\r\n    opacity: 1;\r\n    transform: none;\r\n}\r\n\r\n.wdtrust.wdtrust--animate .wdtrust__reveal {\r\n    opacity: 0;\r\n    transform: translateY(22px);\r\n\r\n    transition:\r\n        opacity .72s cubic-bezier(.22,1,.36,1),\r\n        transform .72s cubic-bezier(.22,1,.36,1);\r\n\r\n    transition-delay: var(--delay, 0s);\r\n}\r\n\r\n.wdtrust.wdtrust--animate .wdtrust__reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* Elementor editor: always visible *\/\r\nbody.elementor-editor-active .wdtrust__reveal,\r\nbody.elementor-editor-preview .wdtrust__reveal,\r\n.elementor-edit-area .wdtrust__reveal {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    transition: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .wdtrust__inner {\r\n        grid-template-columns: 1fr 440px;\r\n        gap: 54px;\r\n    }\r\n\r\n    .wdtrust__title {\r\n        font-size: 49px;\r\n    }\r\n\r\n    .wdtrust__fact {\r\n        grid-template-columns: 132px 1fr 22px;\r\n    }\r\n\r\n    .wdtrust__value {\r\n        font-size: 39px;\r\n    }\r\n\r\n    .wdtrust__wp-logo {\r\n        width: 33px;\r\n        height: 33px;\r\n        flex-basis: 33px;\r\n    }\r\n\r\n    .wdtrust__wp-name {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .wdtrust__chat-value {\r\n        font-size: 39px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .wdtrust__inner {\r\n        width: calc(100% - 36px);\r\n        padding: 72px 0;\r\n\r\n        grid-template-columns: 1fr;\r\n        gap: 50px;\r\n    }\r\n\r\n    .wdtrust__left,\r\n    .wdtrust__facts {\r\n        max-width: 740px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 620px) {\r\n\r\n    .wdtrust__inner {\r\n        width: calc(100% - 28px);\r\n\r\n        padding: 56px 0;\r\n\r\n        gap: 40px;\r\n    }\r\n\r\n    .wdtrust__kicker {\r\n        margin-bottom: 20px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .wdtrust__title {\r\n        font-size: 38px;\r\n        line-height: 1.02;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .wdtrust__subtitle {\r\n        margin-top: 16px;\r\n        font-size: 17px;\r\n    }\r\n\r\n    .wdtrust__description {\r\n        margin-top: 23px;\r\n        padding-left: 14px;\r\n\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .wdtrust__actions {\r\n        margin-top: 26px;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 16px;\r\n    }\r\n\r\n    .wdtrust__link {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .wdtrust__fact {\r\n        min-height: 108px;\r\n\r\n        grid-template-columns: 100px minmax(0, 1fr) 18px;\r\n        gap: 13px;\r\n\r\n        padding: 18px 0;\r\n    }\r\n\r\n    .wdtrust__fact:hover {\r\n        padding-left: 0;\r\n        background: transparent;\r\n    }\r\n\r\n    .wdtrust__value {\r\n        font-size: 32px;\r\n        letter-spacing: -1.7px;\r\n    }\r\n\r\n\r\n    .wdtrust__wp-value {\r\n        gap: 7px;\r\n    }\r\n\r\n    .wdtrust__wp-logo {\r\n        width: 25px;\r\n        height: 25px;\r\n        flex-basis: 25px;\r\n    }\r\n\r\n    .wdtrust__wp-name {\r\n        font-size: 14px;\r\n        letter-spacing: -.4px;\r\n    }\r\n\r\n    .wdtrust__chat-value {\r\n        gap: 8px;\r\n        font-size: 32px;\r\n        letter-spacing: -1.7px;\r\n    }\r\n\r\n    .wdtrust__chat-status {\r\n        width: 10px;\r\n        height: 10px;\r\n        flex-basis: 10px;\r\n    }\r\n\r\n    .wdtrust__fact-text strong {\r\n        margin-bottom: 5px;\r\n        font-size: 11px;\r\n    }\r\n\r\n    .wdtrust__fact-text p {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .wdtrust__index {\r\n        font-size: 8px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .wdtrust__reveal {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .wdtrust__chat-status::before,\r\n    .wdtrust__chat-status::after {\r\n        animation: none !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n@media (max-width: 620px) {\r\n    .wdtrust__wp-logo {\r\n        width: 28px;\r\n        height: 28px;\r\n        flex-basis: 28px;\r\n    }\r\n\r\n    .wdtrust__wp-name {\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function initWdTrust() {\r\n\r\n        var section = document.getElementById(\"wdTrust\");\r\n\r\n        if (!section || section.dataset.initialized === \"1\") {\r\n            return;\r\n        }\r\n\r\n        section.dataset.initialized = \"1\";\r\n\r\n        \/*\r\n         * Elementor editor:\r\n         * do not hide anything.\r\n         *\/\r\n        var body = document.body;\r\n\r\n        var isEditor =\r\n            body.classList.contains(\"elementor-editor-active\") ||\r\n            body.classList.contains(\"elementor-editor-preview\");\r\n\r\n        if (isEditor) {\r\n            return;\r\n        }\r\n\r\n        var items =\r\n            section.querySelectorAll(\".wdtrust__reveal\");\r\n\r\n        if (!items.length) {\r\n            return;\r\n        }\r\n\r\n        \/*\r\n         * Only now enable the hidden animation state.\r\n         * So if JS is blocked, the block is still visible.\r\n         *\/\r\n        section.classList.add(\"wdtrust--animate\");\r\n\r\n        if (!(\"IntersectionObserver\" in window)) {\r\n\r\n            for (var i = 0; i < items.length; i++) {\r\n                items[i].classList.add(\"is-visible\");\r\n            }\r\n\r\n            return;\r\n        }\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n                function (entries) {\r\n\r\n                    entries.forEach(function (entry) {\r\n\r\n                        if (entry.isIntersecting) {\r\n\r\n                            entry.target.classList.add(\"is-visible\");\r\n\r\n                            observer.unobserve(entry.target);\r\n                        }\r\n\r\n                    });\r\n\r\n                },\r\n                {\r\n                    threshold: 0.08,\r\n                    rootMargin: \"0px 0px -20px 0px\"\r\n                }\r\n            );\r\n\r\n        for (var j = 0; j < items.length; j++) {\r\n            observer.observe(items[j]);\r\n        }\r\n\r\n    }\r\n\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initWdTrust\r\n        );\r\n\r\n    } else {\r\n\r\n        initWdTrust();\r\n    }\r\n\r\n\r\n    \/*\r\n     * Elementor frontend init.\r\n     *\/\r\n    if (window.jQuery) {\r\n\r\n        window.jQuery(window).on(\r\n            \"elementor\/frontend\/init\",\r\n            function () {\r\n                initWdTrust();\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-afe2ba5 e-con e-atomic-element e-flexbox-base e-default-div e-afe2ba5-45420dd \" data-id=\"afe2ba5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"afe2ba5\" data-e-type=\"e-flexbox\" data-id=\"afe2ba5\">\n    \t\t<div class=\"elementor-element elementor-element-6d9a109 elementor-widget elementor-widget-html\" data-id=\"6d9a109\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEBDIGITAL \u2014 03 \/ PAKALPOJUMI\n     VALUE-FOCUSED SERVICE CARDS\n     2x2 \/ SVG ICONS \/ ELEMENTOR SAFE\n========================================================= -->\n\n<section class=\"wdpc2\" id=\"wdPremiumServices2\">\n\n    <div class=\"wdpc2__inner\">\n\n        <!-- =====================================================\n             HEADER\n        ====================================================== -->\n\n        <div class=\"wdpc2__header wdpc2__reveal\">\n\n            <div class=\"wdpc2__kicker\">\n                <span>03<\/span>\n                <i><\/i>\n                <span>SERVICES<\/span>\n            <\/div>\n\n            <div class=\"wdpc2__header-grid\">\n\n                <h2 class=\"wdpc2__title\">\n                    Digital solutions for your business:\n                    <span>websites, SEO, CRM and AI automation.<\/span>\n                <\/h2>\n\n                <div class=\"wdpc2__intro\">\n\n                    <p>\n                        Build a new website, improve an existing one or get technical help. Explore our core services below.\n                    <\/p>\n\n                    <a href=\"\/en\/contact\/\" class=\"wdpc2__intro-link\">\n                        Get a quote\n                        <span>\u2197<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             GRID\n        ====================================================== -->\n\n        <div class=\"wdpc2__grid\">\n\n\n            <!-- =================================================\n                 01 \u2014 M\u0100JASLAPAS\n            ================================================== -->\n\n            <article class=\"wdpc2__card wdpc2__card--accent wdpc2__reveal\" style=\"--delay:.08s\">\n\n                <div class=\"wdpc2__card-top\">\n\n                    <span class=\"wdpc2__number\">01<\/span>\n\n                    <a\n                        href=\"\/en\/website-development\/\"\n                        class=\"wdpc2__arrow\"\n                        aria-label=\"Website development\"\n                    >\u2197<\/a>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__icon\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <rect x=\"7\" y=\"10\" width=\"50\" height=\"39\" rx=\"5\"><\/rect>\n                        <path d=\"M7 19h50\"><\/path>\n                        <circle cx=\"13\" cy=\"15\" r=\"1.2\"><\/circle>\n                        <circle cx=\"18\" cy=\"15\" r=\"1.2\"><\/circle>\n                        <path d=\"M24 29l-6 5 6 5\"><\/path>\n                        <path d=\"M40 29l6 5-6 5\"><\/path>\n                        <path d=\"M35 26l-6 16\"><\/path>\n                        <path d=\"M24 55h16\"><\/path>\n                        <path d=\"M29 49v6\"><\/path>\n                        <path d=\"M35 49v6\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"35\" y=\"18\" width=\"290\" height=\"154\" rx=\"9\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M35 39H325\" stroke=\"#e8e8e2\"\/><circle cx=\"47\" cy=\"29\" r=\"2\" fill=\"#ff5033\"\/><circle cx=\"55\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><circle cx=\"63\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><rect x=\"53\" y=\"57\" width=\"85\" height=\"7\" rx=\"3\" fill=\"#1d1d1a\"\/><rect x=\"53\" y=\"70\" width=\"68\" height=\"5\" rx=\"2\" fill=\"#d9d9d3\"\/><rect x=\"53\" y=\"86\" width=\"117\" height=\"5\" rx=\"2\" fill=\"#e8e8e2\"\/><rect x=\"53\" y=\"98\" width=\"105\" height=\"5\" rx=\"2\" fill=\"#e8e8e2\"\/><rect x=\"53\" y=\"118\" width=\"59\" height=\"18\" rx=\"4\" fill=\"#ff5033\"\/><rect x=\"191\" y=\"56\" width=\"113\" height=\"90\" rx=\"5\" fill=\"#1d1d1a\"\/><circle cx=\"248\" cy=\"101\" r=\"28\" fill=\"#ff5033\"\/><path d=\"M232 108L248 87L263 108Z\" fill=\"#fff\" opacity=\".85\"\/><rect x=\"283\" y=\"104\" width=\"35\" height=\"66\" rx=\"5\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><rect x=\"289\" y=\"114\" width=\"23\" height=\"34\" rx=\"3\" fill=\"#ff5033\"\/><\/svg><\/div><div class=\"wdpc2__content\">\n\n                    <h3>Website development<\/h3>\n\n                    <p>\n                        Custom WordPress websites that explain what you offer and make it easy for visitors to contact you.\n                    <\/p>\n\n                    <p class=\"wdpc2__subcopy\">\n                        We plan the pages, design for mobile and desktop, set up key features and prepare the site for launch.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__features\">\n                    <div><i><\/i>Thoughtful page structure<\/div>\n                    <div><i><\/i>Custom responsive design<\/div>\n                    <div><i><\/i>Basic SEO setup<\/div>\n                    <div><i><\/i>Contact forms and calls to action<\/div>\n                    <div><i><\/i>Visitor analytics<\/div>\n                    <div><i><\/i>Multilingual solutions<\/div>\n                    <div><i><\/i>SSL and security settings<\/div>\n                    <div><i><\/i>Training and post-launch support<\/div>\n                <\/div>\n\n                <button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\">\n                    <span>Show more<\/span>\n                    <i>+<\/i>\n                <\/button>\n\n                <div class=\"wdpc2__bottom\">\n\n                    <span class=\"wdpc2__more-features\">\n                        + additional features as needed\n                    <\/span>\n\n                    <a\n                        href=\"\/en\/website-development\/\"\n                        class=\"wdpc2__more\"\n                    >\n                        Learn more\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- =================================================\n                 02 \u2014 E-VEIKALI\n            ================================================== -->\n\n            <article class=\"wdpc2__card wdpc2__reveal\" style=\"--delay:.14s\">\n\n                <div class=\"wdpc2__card-top\">\n\n                    <span class=\"wdpc2__number\">02<\/span>\n\n                    <a\n                        href=\"\/en\/online-store-development\/\"\n                        class=\"wdpc2__arrow\"\n                        aria-label=\"Online store development\"\n                    >\u2197<\/a>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__icon\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <path d=\"M16 22h34l-4 22H21z\"><\/path>\n                        <path d=\"M23 22c0-7 3-11 9-11s9 4 9 11\"><\/path>\n                        <path d=\"M25 31h14\"><\/path>\n                        <path d=\"M25 36h8\"><\/path>\n                        <circle cx=\"24\" cy=\"51\" r=\"2\"><\/circle>\n                        <circle cx=\"44\" cy=\"51\" r=\"2\"><\/circle>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"35\" y=\"18\" width=\"290\" height=\"154\" rx=\"9\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M35 39H325\" stroke=\"#e8e8e2\"\/><circle cx=\"47\" cy=\"29\" r=\"2\" fill=\"#ff5033\"\/><circle cx=\"55\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><circle cx=\"63\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><rect x=\"52\" y=\"53\" width=\"61\" height=\"6\" rx=\"2\" fill=\"#1d1d1a\"\/><path d=\"M281 54h12l-2 9h-8z\" fill=\"#ff5033\"\/><rect x=\"53\" y=\"72\" width=\"73\" height=\"54\" rx=\"4\" fill=\"#f1f1eb\"\/><path d=\"M74 89l15-7 15 7v19l-15 7-15-7z\" fill=\"#b9b9ad\"\/><rect x=\"53\" y=\"136\" width=\"52\" height=\"5\" rx=\"2\" fill=\"#d0d0c7\"\/><rect x=\"53\" y=\"147\" width=\"31\" height=\"5\" rx=\"2\" fill=\"#1d1d1a\"\/><rect x=\"138\" y=\"72\" width=\"73\" height=\"54\" rx=\"4\" fill=\"#f1f1eb\"\/><path d=\"M159 89l15-7 15 7v19l-15 7-15-7z\" fill=\"#ff5033\"\/><rect x=\"138\" y=\"136\" width=\"52\" height=\"5\" rx=\"2\" fill=\"#d0d0c7\"\/><rect x=\"138\" y=\"147\" width=\"31\" height=\"5\" rx=\"2\" fill=\"#1d1d1a\"\/><rect x=\"223\" y=\"72\" width=\"73\" height=\"54\" rx=\"4\" fill=\"#f1f1eb\"\/><path d=\"M244 89l15-7 15 7v19l-15 7-15-7z\" fill=\"#b9b9ad\"\/><rect x=\"223\" y=\"136\" width=\"52\" height=\"5\" rx=\"2\" fill=\"#d0d0c7\"\/><rect x=\"223\" y=\"147\" width=\"31\" height=\"5\" rx=\"2\" fill=\"#1d1d1a\"\/><\/svg><\/div><div class=\"wdpc2__content\">\n\n                    <h3>Online store development<\/h3>\n\n                    <p>\n                        WooCommerce stores with clear product pages, straightforward checkout and integrated payments and shipping.\n                    <\/p>\n\n                    <p class=\"wdpc2__subcopy\">\n                        Connect inventory, accounting and other systems to reduce manual order processing.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__features\">\n                    <div><i><\/i>WooCommerce setup<\/div>\n                    <div><i><\/i>Payment integration<\/div>\n                    <div><i><\/i>Shipping integration<\/div>\n                    <div><i><\/i>Product and category structure<\/div>\n                    <div><i><\/i>Automated invoices and notifications<\/div>\n                    <div><i><\/i>Multilingual support<\/div>\n                    <div><i><\/i>Product feeds for price comparison sites<\/div>\n                    <div><i><\/i>Inventory and external system integration<\/div>\n                <\/div>\n\n                <button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\">\n                    <span>Show more<\/span>\n                    <i>+<\/i>\n                <\/button>\n\n                <div class=\"wdpc2__bottom\">\n\n                    <span class=\"wdpc2__more-features\">\n                        + custom e-commerce features\n                    <\/span>\n\n                    <a\n                        href=\"\/en\/online-store-development\/\"\n                        class=\"wdpc2__more\"\n                    >\n                        Learn more\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- =================================================\n                 03 \u2014 ATBALSTS \/ ATT\u012aST\u012aBA\n            ================================================== -->\n\n            <article class=\"wdpc2__card wdpc2__reveal\" style=\"--delay:.20s\">\n\n                <div class=\"wdpc2__card-top\">\n\n                    <span class=\"wdpc2__number\">03<\/span>\n\n                    <a\n                        href=\"\/en\/wordpress\/\"\n                        class=\"wdpc2__arrow\"\n                        aria-label=\"WordPress improvements and support\"\n                    >\u2197<\/a>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__icon wdpc2__icon--wordpress\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <circle cx=\"32\" cy=\"32\" r=\"24\"><\/circle>\n                        <path d=\"M18 23h5l9 25 5-15-4-10h5l2 5 2-5h5l-5 11 5 14\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"35\" y=\"18\" width=\"290\" height=\"154\" rx=\"9\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M35 39H325\" stroke=\"#e8e8e2\"\/><circle cx=\"47\" cy=\"29\" r=\"2\" fill=\"#ff5033\"\/><circle cx=\"55\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><circle cx=\"63\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><rect x=\"35\" y=\"40\" width=\"53\" height=\"131\" fill=\"#1d1d1a\"\/><circle cx=\"61\" cy=\"63\" r=\"14\" fill=\"#fff\"\/><path d=\"M52 57l5 14 4-10 4 10 5-14\" stroke=\"#1d1d1a\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M48 92h26M48 106h20M48 120h23\" stroke=\"#797971\" stroke-width=\"3\"\/> <rect x=\"104\" y=\"56\" width=\"82\" height=\"8\" rx=\"3\" fill=\"#1d1d1a\"\/><rect x=\"104\" y=\"80\" width=\"92\" height=\"70\" rx=\"5\" fill=\"#f2f2ed\"\/><circle cx=\"150\" cy=\"115\" r=\"23\" stroke=\"#deded5\" stroke-width=\"5\" fill=\"none\"\/><path d=\"M150 92a23 23 0 0 1 21 32\" stroke=\"#ff5033\" stroke-width=\"5\" fill=\"none\"\/><path d=\"M141 116l6 6 13-15\" stroke=\"#1d1d1a\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M214 88h82M214 110h72M214 132h78\" stroke=\"#deded5\" stroke-width=\"6\"\/><circle cx=\"295\" cy=\"151\" r=\"18\" fill=\"#ff5033\"\/><path d=\"M287 151l5 5 10-11\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><div class=\"wdpc2__content\">\n\n                    <h3>WordPress improvements and support<\/h3>\n\n                    <p>\n                        Fix errors, improve performance or add features to your existing WordPress or WooCommerce website.\n                    <\/p>\n\n                    <p class=\"wdpc2__subcopy\">\n                        One-off tasks and ongoing maintenance, including websites built by other developers.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__features\">\n                    <div><i><\/i>Existing website improvements<\/div>\n                    <div><i><\/i>New feature development<\/div>\n                    <div><i><\/i>WordPress migration<\/div>\n                    <div><i><\/i>Speed optimization<\/div>\n                    <div><i><\/i>Error fixes and troubleshooting<\/div>\n                    <div><i><\/i>Resolving security issues<\/div>\n                    <div><i><\/i>Updates and monitoring<\/div>\n                    <div><i><\/i>Long-term technical support<\/div>\n                <\/div>\n\n                <button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\">\n                    <span>Show more<\/span>\n                    <i>+<\/i>\n                <\/button>\n\n                <div class=\"wdpc2__bottom\">\n\n                    <span class=\"wdpc2__more-features\">\n                        WordPress \u00b7 WooCommerce \u00b7 custom solutions\n                    <\/span>\n\n                    <a\n                        href=\"\/en\/wordpress\/\"\n                        class=\"wdpc2__more\"\n                    >\n                        Learn more\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- =================================================\n                 04 \u2014 SEO\n            ================================================== -->\n\n            <article class=\"wdpc2__card wdpc2__reveal\" style=\"--delay:.26s\">\n\n                <div class=\"wdpc2__card-top\">\n\n                    <span class=\"wdpc2__number\">04<\/span>\n\n                    <a\n                        href=\"\/en\/seo-services\/\"\n                        class=\"wdpc2__arrow\"\n                        aria-label=\"SEO services\"\n                    >\u2197<\/a>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__icon\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <circle cx=\"27\" cy=\"27\" r=\"15\"><\/circle>\n                        <path d=\"M38 38l13 13\"><\/path>\n                        <path d=\"M18 32l7-8 6 5 8-11\"><\/path>\n                        <path d=\"M35 18h4v4\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"35\" y=\"18\" width=\"290\" height=\"154\" rx=\"9\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M35 39H325\" stroke=\"#e8e8e2\"\/><circle cx=\"47\" cy=\"29\" r=\"2\" fill=\"#ff5033\"\/><circle cx=\"55\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><circle cx=\"63\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><path d=\"M54 144H306M54 65V144\" stroke=\"#e4e4dc\"\/><path d=\"M67 131L110 118L152 121L195 91L237 81L291 55V144H67Z\" fill=\"#ff5033\" opacity=\".08\"\/><path d=\"M67 131L110 118L152 121L195 91L237 81L291 55\" stroke=\"#ff5033\" stroke-width=\"3\" fill=\"none\"\/><circle cx=\"291\" cy=\"55\" r=\"4\" fill=\"#ff5033\"\/><rect x=\"62\" y=\"54\" width=\"68\" height=\"6\" rx=\"3\" fill=\"#1d1d1a\"\/><rect x=\"62\" y=\"67\" width=\"44\" height=\"5\" rx=\"2\" fill=\"#d0d0c7\"\/><rect x=\"205\" y=\"116\" width=\"91\" height=\"39\" rx=\"5\" fill=\"#1d1d1a\"\/><path d=\"M219 142l10-10 10 5 14-13\" stroke=\"#ff5033\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M266 129h17M266 139h12\" stroke=\"#fff\" stroke-width=\"3\"\/><\/svg><\/div><div class=\"wdpc2__content\">\n\n                    <h3>SEO services<\/h3>\n\n                    <p>\n                        Improve how search engines understand your website with technical SEO, keyword research and focused content updates.\n                    <\/p>\n\n                    <p class=\"wdpc2__subcopy\">\n                        We prioritize work around your services, competitors and the searches that matter to your business.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"wdpc2__features\">\n                    <div><i><\/i>Keyword research and analysis<\/div>\n                    <div><i><\/i>SEO audit<\/div>\n                    <div><i><\/i>Technical SEO<\/div>\n                    <div><i><\/i>Metadata optimization<\/div>\n                    <div><i><\/i>Competitor research<\/div>\n                    <div><i><\/i>Content and page optimization<\/div>\n                    <div><i><\/i>URLs and site structure<\/div>\n                    <div><i><\/i>Performance improvements and technical fixes<\/div>\n                <\/div>\n\n                <button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\">\n                    <span>Show more<\/span>\n                    <i>+<\/i>\n                <\/button>\n\n                <div class=\"wdpc2__bottom\">\n\n                    <a\n                        href=\"\/en\/free-seo-check\/\"\n                        class=\"wdpc2__audit\"\n                    >\n                        Free SEO check\n                    <\/a>\n\n                    <a\n                        href=\"\/en\/seo-services\/\"\n                        class=\"wdpc2__more\"\n                    >\n                        Learn more\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n       \n<article class=\"wdpc2__card wdpc2__reveal\" style=\"--delay:.30s\"><div class=\"wdpc2__card-top\"><span class=\"wdpc2__number\">05<\/span><a href=\"\/en\/crm-integrations\/\" class=\"wdpc2__arrow\" aria-label=\"CRM & Integrations\">\u2197<\/a><\/div><div class=\"wdpc2__icon\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"7\" y=\"12\" width=\"20\" height=\"17\" rx=\"3\"\/><rect x=\"37\" y=\"12\" width=\"20\" height=\"17\" rx=\"3\"\/><rect x=\"22\" y=\"40\" width=\"20\" height=\"17\" rx=\"3\"\/><path d=\"M17 29v5h30v-5M32 34v6\"\/><\/svg><\/div><div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"35\" y=\"18\" width=\"290\" height=\"154\" rx=\"9\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M35 39H325\" stroke=\"#e8e8e2\"\/><circle cx=\"47\" cy=\"29\" r=\"2\" fill=\"#ff5033\"\/><circle cx=\"55\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><circle cx=\"63\" cy=\"29\" r=\"2\" fill=\"#ddd\"\/><rect x=\"35\" y=\"40\" width=\"50\" height=\"131\" fill=\"#1d1d1a\"\/><path d=\"M48 59h23M48 77h16M48 95h21\" stroke=\"#797971\" stroke-width=\"3\"\/><rect x=\"100\" y=\"56\" width=\"61\" height=\"96\" rx=\"5\" fill=\"#f3f3ed\"\/><rect x=\"108\" y=\"64\" width=\"33\" height=\"4\" rx=\"2\" fill=\"#b5b5aa\"\/><rect x=\"106\" y=\"80\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><circle cx=\"116\" cy=\"92\" r=\"4\" fill=\"#ff5033\"\/><path d=\"M125 89h22M125 96h15\" stroke=\"#d6d6ce\" stroke-width=\"3\"\/><rect x=\"106\" y=\"113\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><rect x=\"170\" y=\"56\" width=\"61\" height=\"96\" rx=\"5\" fill=\"#f3f3ed\"\/><rect x=\"178\" y=\"64\" width=\"33\" height=\"4\" rx=\"2\" fill=\"#b5b5aa\"\/><rect x=\"176\" y=\"80\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><circle cx=\"186\" cy=\"92\" r=\"4\" fill=\"#ff5033\"\/><path d=\"M195 89h22M195 96h15\" stroke=\"#d6d6ce\" stroke-width=\"3\"\/><rect x=\"176\" y=\"113\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><rect x=\"240\" y=\"56\" width=\"61\" height=\"96\" rx=\"5\" fill=\"#f3f3ed\"\/><rect x=\"248\" y=\"64\" width=\"33\" height=\"4\" rx=\"2\" fill=\"#ff5033\"\/><rect x=\"246\" y=\"80\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><circle cx=\"256\" cy=\"92\" r=\"4\" fill=\"#ff5033\"\/><path d=\"M265 89h22M265 96h15\" stroke=\"#d6d6ce\" stroke-width=\"3\"\/><rect x=\"246\" y=\"113\" width=\"49\" height=\"25\" rx=\"4\" fill=\"#fff\"\/><\/svg><\/div><div class=\"wdpc2__content\"><h3>CRM & Integrations<\/h3><p>Connect websites and online stores to CRM, accounting, inventory and other business systems to reduce manual work and keep data in sync.<\/p><p class=\"wdpc2__subcopy\">Custom API integrations tailored to your processes.<\/p><\/div><div class=\"wdpc2__features\"><div><i><\/i>CRM integrations<\/div><div><i><\/i>API and data exchange<\/div><div><i><\/i>Inventory and accounting systems<\/div><div><i><\/i>Workflow automation<\/div><\/div><button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\"><span>Show more<\/span><i>+<\/i><\/button><div class=\"wdpc2__bottom\"><span class=\"wdpc2__more-features\">Custom business integrations<\/span><a href=\"\/en\/crm-integrations\/\" class=\"wdpc2__more\">Explore CRM integrations <span>\u2192<\/span><\/a><\/div><\/article>\n<article class=\"wdpc2__card wdpc2__reveal\" style=\"--delay:.36s\"><div class=\"wdpc2__card-top\"><span class=\"wdpc2__number\">06<\/span><a href=\"\/en\/ai-assistants\/\" class=\"wdpc2__arrow\" aria-label=\"AI & Automation\">\u2197<\/a><\/div><div class=\"wdpc2__icon\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"12\" y=\"17\" width=\"40\" height=\"34\" rx=\"8\"\/><path d=\"M32 10v7M22 32h1M41 32h1M23 41c6 5 12 5 18 0M6 30h6M52 30h6\"\/><\/svg><\/div><div class=\"wdpc2__visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 360 190\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M85 96H276M181 96V145\" stroke=\"#cfcfc4\" stroke-width=\"2\"\/><rect x=\"26\" y=\"63\" width=\"71\" height=\"63\" rx=\"11\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M44 84h35v24H44zM44 84l17 13 18-13\" stroke=\"#9a9a8e\" stroke-width=\"2\" fill=\"none\"\/><rect x=\"143\" y=\"51\" width=\"77\" height=\"87\" rx=\"14\" fill=\"#1d1d1a\"\/><path d=\"M181 69l5 15 16 5-16 5-5 16-5-16-15-5 15-5z\" fill=\"#ff5033\"\/><circle cx=\"181\" cy=\"123\" r=\"3\" fill=\"#fff\"\/><rect x=\"264\" y=\"63\" width=\"71\" height=\"63\" rx=\"11\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M282 83h35v24h-35zM291 90h17M291 99h11\" stroke=\"#9a9a8e\" stroke-width=\"2\" fill=\"none\"\/><rect x=\"150\" y=\"146\" width=\"63\" height=\"31\" rx=\"7\" fill=\"#fff\" stroke=\"#d9d9d3\"\/><path d=\"M171 160l7 6 13-13\" stroke=\"#ff5033\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M117 92l4 4-4 4M241 92l4 4-4 4\" stroke=\"#ff5033\" stroke-width=\"2\" fill=\"none\"\/><\/svg><\/div><div class=\"wdpc2__content\"><h3>AI & Automation<\/h3><p>Build AI assistants for customer support and automate recurring tasks across your website, email and business tools.<\/p><p class=\"wdpc2__subcopy\">Practical AI solutions connected to your existing workflows.<\/p><\/div><div class=\"wdpc2__features\"><div><i><\/i>Website AI assistants<\/div><div><i><\/i>Email and inquiry handling<\/div><div><i><\/i>CRM and document integrations<\/div><div><i><\/i>Task automation<\/div><\/div><button class=\"wdpc2__mobile-toggle\" type=\"button\" aria-expanded=\"false\"><span>Show more<\/span><i>+<\/i><\/button><div class=\"wdpc2__bottom\"><span class=\"wdpc2__more-features\">AI solutions for business<\/span><a href=\"\/en\/ai-assistants\/\" class=\"wdpc2__more\">Explore AI solutions <span>\u2192<\/span><\/a><\/div><\/article>\n <\/div>\n\n\n        <!-- =====================================================\n             FOOT CTA\n        ====================================================== -->\n\n        <div class=\"wdpc2__foot wdpc2__reveal\" style=\"--delay:.32s\">\n\n            <div>\n                <small>NEED A DIFFERENT SOLUTION?<\/small>\n\n                <strong>\n                    Tell us what you need \u2014 we will suggest the next step.\n                <\/strong>\n            <\/div>\n\n            <a href=\"\/en\/contact\/\" class=\"wdpc2__foot-button\">\n                Get in touch\n                <span>\u2197<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.wdpc2,\n.wdpc2 * {\n    box-sizing: border-box;\n}\n\n.wdpc2 a {\n    text-decoration: none;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.wdpc2 {\n    --orange: #ff5033;\n    --black: #151515;\n    --text: #62625e;\n    --muted: #92928e;\n    --line: #dfdfda;\n    --surface: #fafaf8;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n\n    background: #ffffff;\n    color: var(--black);\n\n    font-family:\n        \"Manrope\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n.wdpc2::before {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    top: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: #e4e4e0;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.wdpc2__inner {\n    width: min(calc(100% - 48px), 1390px);\n\n    margin: 0 auto;\n\n    padding: 100px 0 88px;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.wdpc2__header {\n    margin-bottom: 52px;\n}\n\n.wdpc2__kicker {\n    display: flex;\n    align-items: center;\n    gap: 11px;\n\n    margin-bottom: 25px;\n\n    color: #81817d;\n\n    font-size: 11px;\n    line-height: 1;\n    font-weight: 800;\n    letter-spacing: 1.25px;\n}\n\n.wdpc2__kicker span:first-child {\n    color: var(--orange);\n}\n\n.wdpc2__kicker i {\n    width: 30px;\n    height: 1px;\n\n    background: #d0d0cb;\n}\n\n\n.wdpc2__header-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1.12fr)\n        minmax(340px,.88fr);\n\n    gap: 90px;\n\n    align-items: end;\n}\n\n\n.wdpc2__title {\n    max-width: 760px;\n\n    margin: 0;\n\n    color: var(--black);\n\n    font-size:\n        clamp(\n            46px,\n            4vw,\n            64px\n        );\n\n    line-height: 1;\n    font-weight: 650;\n    letter-spacing: -3.1px;\n}\n\n.wdpc2__title span {\n    display: block;\n    color: #a0a09c;\n}\n\n\n.wdpc2__intro p {\n    max-width: 500px;\n\n    margin: 0;\n\n    color: var(--text);\n\n    font-size: 16px;\n    line-height: 1.7;\n    font-weight: 500;\n}\n\n\n.wdpc2__intro-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n\n    margin-top: 22px;\n    padding-bottom: 6px;\n\n    border-bottom: 1px solid #c2c2bd;\n\n    color: #1c1c1a;\n\n    font-size: 14px;\n    font-weight: 750;\n}\n\n.wdpc2__intro-link span {\n    color: var(--orange);\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.wdpc2__grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n    gap: 16px;\n\n    align-items: stretch;\n}\n\n\n\/* =========================================================\n   CARD\n========================================================= *\/\n\n.wdpc2__card {\n    position: relative;\n\n    min-height: 770px;\n\n    padding:\n        28px 30px 30px;\n\n    border:\n        1px solid\n        var(--line);\n\n    border-radius: 20px;\n\n    background:\n        var(--surface);\n\n    display: flex;\n    flex-direction: column;\n\n    transition:\n        transform .34s cubic-bezier(.22,1,.36,1),\n        box-shadow .34s ease,\n        border-color .34s ease,\n        background .34s ease;\n}\n\n\n.wdpc2__card::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: 24px;\n    right: 24px;\n    top: -1px;\n\n    height: 2px;\n\n    background: var(--orange);\n\n    transform: scaleX(0);\n\n    transform-origin: left center;\n\n    transition:\n        transform .36s\n        cubic-bezier(.22,1,.36,1);\n}\n\n\n.wdpc2__card:hover {\n    transform:\n        translateY(-5px);\n\n    border-color:\n        #d5d5d0;\n\n    background: #fff;\n\n    box-shadow:\n        0 24px 60px\n        rgba(0,0,0,.055);\n}\n\n.wdpc2__card:hover::before {\n    transform: scaleX(1);\n}\n\n\n.wdpc2__card--accent {\n    background:\n        linear-gradient(\n            145deg,\n            #fff4ef 0%,\n            #fafaf8 54%\n        );\n\n    border-color:\n        #efd9d1;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n.wdpc2__card-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.wdpc2__number {\n    color: #595955;\n\n    font-size: 10px;\n    line-height: 1;\n\n    font-weight: 800;\n    letter-spacing: .8px;\n}\n\n.wdpc2__card--accent\n.wdpc2__number {\n    color: var(--orange);\n}\n\n\n\/* =========================================================\n   ARROW\n========================================================= *\/\n\n.wdpc2__arrow {\n    width: 42px;\n    height: 42px;\n\n    border:\n        1px solid\n        #d7d7d2;\n\n    border-radius: 50%;\n\n    display: grid;\n    place-items: center;\n\n    color: var(--orange);\n\n    font-size: 13px;\n\n    transition:\n        transform .25s ease,\n        color .25s ease,\n        background .25s ease,\n        border-color .25s ease;\n}\n\n.wdpc2__card:hover\n.wdpc2__arrow {\n    transform:\n        translate(2px,-2px);\n\n    color: #fff;\n\n    background: var(--orange);\n\n    border-color: var(--orange);\n}\n\n\n\/* =========================================================\n   ICON\n========================================================= *\/\n\n.wdpc2__icon {\n    width: 72px;\n    height: 72px;\n\n    margin-top: 36px;\n\n    border:\n        1px solid\n        #ddddda;\n\n    border-radius: 18px;\n\n    background:\n        rgba(255,255,255,.74);\n\n    display: grid;\n    place-items: center;\n\n    color: #222;\n\n    transition:\n        transform .32s cubic-bezier(.22,1,.36,1),\n        color .32s ease,\n        background .32s ease,\n        border-color .32s ease;\n}\n\n\n.wdpc2__icon svg {\n    width: 42px;\n    height: 42px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.55;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n.wdpc2__card:hover\n.wdpc2__icon {\n    transform:\n        translateY(-3px)\n        rotate(-3deg);\n\n    color: var(--orange);\n\n    border-color:\n        rgba(255,80,51,.28);\n\n    background: #fff;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.wdpc2__content {\n    margin-top: 31px;\n}\n\n.wdpc2__content h3 {\n    max-width: 560px;\n\n    margin: 0;\n\n    color: #171717;\n\n    font-size:\n        clamp(\n            29px,\n            2.25vw,\n            36px\n        );\n\n    line-height: 1.05;\n\n    font-weight: 650;\n\n    letter-spacing: -1.6px;\n}\n\n\n.wdpc2__content p {\n    max-width: 600px;\n\n    margin:\n        17px 0 0;\n\n    color: #656561;\n\n    font-size: 16px;\n    line-height: 1.65;\n\n    font-weight: 500;\n}\n\n\n.wdpc2__content\n.wdpc2__subcopy {\n    margin-top: 12px;\n\n    color: #858581;\n\n    font-size: 14px;\n\n    line-height: 1.58;\n}\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n.wdpc2__features {\n    margin-top: 26px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n\n    gap:\n        11px 24px;\n}\n\n\n.wdpc2__features div {\n    display: flex;\n    align-items: flex-start;\n\n    gap: 10px;\n\n    color: #575753;\n\n    font-size: 14px;\n    line-height: 1.4;\n\n    font-weight: 600;\n}\n\n\n.wdpc2__features i {\n    width: 7px;\n    height: 7px;\n\n    margin-top: .43em;\n\n    flex: 0 0 7px;\n\n    border:\n        1.5px solid\n        var(--orange);\n\n    border-radius: 50%;\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n.wdpc2__bottom {\n    margin-top: auto;\n\n    padding-top: 32px;\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n\n    gap: 20px;\n}\n\n\n\/* =========================================================\n   MORE FEATURES \/ AUDIT\n========================================================= *\/\n\n.wdpc2__more-features {\n    max-width: 260px;\n\n    color: #595955;\n\n    font-size: 11px;\n    line-height: 1.4;\n\n    font-weight: 750;\n    letter-spacing: .2px;\n}\n\n\n.wdpc2__audit {\n    display: inline-flex;\n    align-items: center;\n\n    padding:\n        8px 10px;\n\n    border:\n        1px solid\n        rgba(255,80,51,.26);\n\n    border-radius: 7px;\n\n    background:\n        rgba(255,80,51,.055);\n\n    color: var(--orange);\n\n    font-size: 11px;\n    line-height: 1;\n\n    font-weight: 800;\n\n    letter-spacing: .25px;\n\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   MORE LINK\n========================================================= *\/\n\n.wdpc2__more {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    padding-bottom: 6px;\n\n    border-bottom:\n        1px solid\n        #bdbdb8;\n\n    color: #1d1d1b;\n\n    font-size: 14px;\n\n    font-weight: 750;\n\n    white-space: nowrap;\n}\n\n.wdpc2__more span {\n    color: var(--orange);\n\n    transition:\n        transform .22s ease;\n}\n\n.wdpc2__more:hover span {\n    transform:\n        translateX(3px);\n}\n\n\n\/* =========================================================\n   FOOT CTA\n========================================================= *\/\n\n.wdpc2__foot {\n    margin-top: 40px;\n\n    padding:\n        27px 0;\n\n    border-top:\n        1px solid\n        var(--line);\n\n    border-bottom:\n        1px solid\n        var(--line);\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 35px;\n}\n\n\n.wdpc2__foot small {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: #999995;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    letter-spacing: .8px;\n}\n\n\n.wdpc2__foot strong {\n    display: block;\n\n    color: #333330;\n\n    font-size: 17px;\n    line-height: 1.45;\n\n    font-weight: 650;\n}\n\n\n.wdpc2__foot-button {\n    min-height: 48px;\n\n    padding:\n        0 9px 0 18px;\n\n    border-radius: 11px;\n\n    background: #171717;\n\n    color: #fff;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 18px;\n\n    white-space: nowrap;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n\n.wdpc2__foot-button span {\n    width: 32px;\n    height: 32px;\n\n    border-radius: 8px;\n\n    background: var(--orange);\n\n    display: grid;\n    place-items: center;\n}\n\n\n\/* =========================================================\n   ELEMENTOR-SAFE ANIMATION\n========================================================= *\/\n\n.wdpc2__reveal {\n    opacity: 1;\n    transform: none;\n}\n\n\n.wdpc2.wdpc2--animate\n.wdpc2__reveal {\n    opacity: 0;\n\n    transform:\n        translateY(24px);\n\n    transition:\n        opacity .75s\n        cubic-bezier(.22,1,.36,1),\n        transform .75s\n        cubic-bezier(.22,1,.36,1);\n\n    transition-delay:\n        var(--delay,0s);\n}\n\n\n.wdpc2.wdpc2--animate\n.wdpc2__reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\nbody.elementor-editor-active\n.wdpc2__reveal,\nbody.elementor-editor-preview\n.wdpc2__reveal,\n.elementor-edit-area\n.wdpc2__reveal {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .wdpc2__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }\n\n    .wdpc2__header-grid {\n        grid-template-columns:\n            1fr 350px;\n\n        gap: 50px;\n    }\n\n    .wdpc2__title {\n        font-size: 52px;\n    }\n\n    .wdpc2__card {\n        min-height: 820px;\n    }\n\n    .wdpc2__features {\n        grid-template-columns: 1fr;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL TABLET\n========================================================= *\/\n\n@media (max-width: 800px) {\n\n    .wdpc2__inner {\n        width:\n            calc(100% - 36px);\n\n        padding:\n            76px 0 68px;\n    }\n\n    .wdpc2__header-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }\n\n    .wdpc2__grid {\n        grid-template-columns: 1fr;\n    }\n\n    .wdpc2__card {\n        min-height: auto;\n    }\n\n    .wdpc2__features {\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 620px) {\n\n    .wdpc2__inner {\n        width:\n            calc(100% - 28px);\n\n        padding:\n            58px 0 52px;\n    }\n\n    .wdpc2__header {\n        margin-bottom: 38px;\n    }\n\n    .wdpc2__kicker {\n        margin-bottom: 20px;\n\n        font-size: 10px;\n    }\n\n    .wdpc2__title {\n        font-size: 39px;\n\n        letter-spacing: -2px;\n    }\n\n    .wdpc2__intro p {\n        font-size: 16px;\n\n        line-height: 1.65;\n    }\n\n    .wdpc2__grid {\n        gap: 12px;\n    }\n\n    .wdpc2__card {\n        padding: 22px;\n\n        border-radius: 16px;\n    }\n\n    .wdpc2__icon {\n        width: 62px;\n        height: 62px;\n\n        margin-top: 29px;\n\n        border-radius: 15px;\n    }\n\n    .wdpc2__icon svg {\n        width: 36px;\n        height: 36px;\n    }\n\n    .wdpc2__content {\n        margin-top: 27px;\n    }\n\n    .wdpc2__content h3 {\n        font-size: 30px;\n\n        letter-spacing: -1.4px;\n    }\n\n    .wdpc2__content p {\n        font-size: 15px;\n\n        line-height: 1.62;\n    }\n\n    .wdpc2__content\n    .wdpc2__subcopy {\n        font-size: 14px;\n    }\n\n    .wdpc2__features {\n        margin-top: 24px;\n\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n    }\n\n    .wdpc2__features div {\n        font-size: 14px;\n    }\n\n    .wdpc2__bottom {\n        padding-top: 29px;\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 16px;\n    }\n\n    .wdpc2__foot {\n        margin-top: 30px;\n\n        padding:\n            24px 0;\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 20px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .wdpc2__reveal,\n    .wdpc2__card,\n    .wdpc2__icon,\n    .wdpc2__arrow {\n        opacity: 1 !important;\n        transform: none !important;\n        transition: none !important;\n        animation: none !important;\n    }\n\n}\n\n\n\n\n\/* =========================================================\n   MOBILE FINAL \u2014 COMPACT SERVICES\n   Desktop stays unchanged.\n   On phones show the essentials first and reveal details on tap.\n========================================================= *\/\n\n.wdpc2__mobile-toggle {\n    display: none;\n}\n\n@media (max-width: 620px) {\n\n    .wdpc2__inner {\n        width: calc(100% - 28px) !important;\n        padding: 48px 0 44px !important;\n    }\n\n    .wdpc2__header {\n        margin-bottom: 28px !important;\n    }\n\n    .wdpc2__kicker {\n        margin-bottom: 16px !important;\n        font-size: 9px !important;\n    }\n\n    .wdpc2__title {\n        font-size: 36px !important;\n        line-height: 1.02 !important;\n        letter-spacing: -1.8px !important;\n    }\n\n    .wdpc2__intro {\n        margin-top: 0;\n    }\n\n    .wdpc2__intro p {\n        max-width: 100%;\n        font-size: 15px !important;\n        line-height: 1.55 !important;\n    }\n\n    \/* Main CTA is repeated later on the page and inside cards *\/\n    .wdpc2__intro-link {\n        display: none !important;\n    }\n\n    .wdpc2__grid {\n        gap: 10px !important;\n    }\n\n    .wdpc2__card {\n        min-height: auto !important;\n        padding: 18px !important;\n        border-radius: 15px !important;\n    }\n\n    .wdpc2__card::before {\n        left: 18px;\n        right: 18px;\n    }\n\n    .wdpc2__arrow {\n        width: 36px !important;\n        height: 36px !important;\n        font-size: 12px !important;\n    }\n\n    .wdpc2__icon {\n        width: 50px !important;\n        height: 50px !important;\n        margin-top: 20px !important;\n        border-radius: 13px !important;\n    }\n\n    .wdpc2__icon svg {\n        width: 29px !important;\n        height: 29px !important;\n    }\n\n    .wdpc2__content {\n        margin-top: 19px !important;\n    }\n\n    .wdpc2__content h3 {\n        font-size: 25px !important;\n        line-height: 1.08 !important;\n        letter-spacing: -1.1px !important;\n    }\n\n    .wdpc2__content p {\n        margin-top: 12px !important;\n        font-size: 14px !important;\n        line-height: 1.52 !important;\n    }\n\n    \/* Secondary paragraph is available on demand *\/\n    .wdpc2__subcopy {\n        display: none;\n    }\n\n    .wdpc2__features {\n        margin-top: 18px !important;\n        grid-template-columns: 1fr !important;\n        gap: 8px !important;\n    }\n\n    .wdpc2__features div {\n        font-size: 13px !important;\n        line-height: 1.35 !important;\n    }\n\n    .wdpc2__features div:nth-child(n+5) {\n        display: none;\n    }\n\n    .wdpc2__features i {\n        width: 6px !important;\n        height: 6px !important;\n        flex-basis: 6px !important;\n    }\n\n    .wdpc2__mobile-toggle {\n        width: 100%;\n        min-height: 42px;\n        margin-top: 17px;\n        padding: 0 12px 0 14px;\n        border: 1px solid #ddddda;\n        border-radius: 10px;\n        background: rgba(255,255,255,.72);\n        color: #3c3c39;\n        cursor: pointer;\n\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n\n        font-size: 12px;\n        line-height: 1;\n        font-weight: 750;\n    }\n\n    .wdpc2__mobile-toggle i {\n        width: 24px;\n        height: 24px;\n        border-radius: 7px;\n        background: rgba(255,80,51,.08);\n        color: var(--orange);\n\n        display: grid;\n        place-items: center;\n\n        font-size: 16px;\n        line-height: 1;\n        font-style: normal;\n        font-weight: 500;\n\n        transition: transform .2s ease;\n    }\n\n    .wdpc2__card.is-mobile-open .wdpc2__subcopy {\n        display: block;\n    }\n\n    .wdpc2__card.is-mobile-open .wdpc2__features div:nth-child(n+5) {\n        display: flex;\n    }\n\n    .wdpc2__card.is-mobile-open .wdpc2__mobile-toggle i {\n        transform: rotate(45deg);\n    }\n\n    .wdpc2__bottom {\n        margin-top: 0 !important;\n        padding-top: 18px !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        gap: 12px !important;\n    }\n\n    .wdpc2__more-features {\n        display: none !important;\n    }\n\n    .wdpc2__more,\n    .wdpc2__audit {\n        font-size: 12px !important;\n    }\n\n    \/* The final page CTA already handles contact conversion. *\/\n    .wdpc2__foot {\n        display: none !important;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .wdpc2__mobile-toggle i {\n        transition: none !important;\n    }\n}\n\n<\/style>\n\n\n<script>\n(function () {\n\n    function initWdPremiumServices2() {\n\n        var section =\n            document.getElementById(\n                \"wdPremiumServices2\"\n            );\n\n        if (\n            !section ||\n            section.dataset.initialized === \"1\"\n        ) {\n            return;\n        }\n\n        section.dataset.initialized = \"1\";\n\n\n        var body = document.body;\n\n        var isEditor =\n            body.classList.contains(\n                \"elementor-editor-active\"\n            )\n            ||\n            body.classList.contains(\n                \"elementor-editor-preview\"\n            );\n\n\n        \/* Elementor: always visible *\/\n\n        if (isEditor) {\n            return;\n        }\n\n\n        var items =\n            section.querySelectorAll(\n                \".wdpc2__reveal\"\n            );\n\n\n        if (!items.length) {\n            return;\n        }\n\n\n        section.classList.add(\n            \"wdpc2--animate\"\n        );\n\n\n        if (\n            !(\n                \"IntersectionObserver\"\n                in window\n            )\n        ) {\n\n            items.forEach(\n                function (item) {\n\n                    item.classList.add(\n                        \"is-visible\"\n                    );\n\n                }\n            );\n\n            return;\n        }\n\n\n        var observer =\n            new IntersectionObserver(\n\n                function (entries) {\n\n                    entries.forEach(\n\n                        function (entry) {\n\n                            if (\n                                entry.isIntersecting\n                            ) {\n\n                                entry.target\n                                    .classList\n                                    .add(\n                                        \"is-visible\"\n                                    );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        }\n\n                    );\n\n                },\n\n                {\n                    threshold: .07,\n                    rootMargin:\n                        \"0px 0px -20px 0px\"\n                }\n\n            );\n\n\n        items.forEach(\n            function (item) {\n\n                observer.observe(\n                    item\n                );\n\n            }\n        );\n\n    }\n\n\n\n    \/* =========================================================\n       MOBILE SERVICE DETAILS\n    ========================================================= *\/\n    function initWdPremiumServicesMobileToggles() {\n\n        var section = document.getElementById(\"wdPremiumServices2\");\n        if (!section) return;\n\n        var buttons = section.querySelectorAll(\".wdpc2__mobile-toggle\");\n\n        buttons.forEach(function (button) {\n\n            if (button.dataset.ready === \"1\") return;\n            button.dataset.ready = \"1\";\n\n            button.addEventListener(\"click\", function () {\n\n                var card = button.closest(\".wdpc2__card\");\n                if (!card) return;\n\n                var isOpen = card.classList.toggle(\"is-mobile-open\");\n\n                button.setAttribute(\n                    \"aria-expanded\",\n                    isOpen ? \"true\" : \"false\"\n                );\n\n                var label = button.querySelector(\"span\");\n\n                if (label) {\n                    label.textContent =\n                        isOpen\n                            ? \"R\u0101d\u012bt maz\u0101k\"\n                            : \"R\u0101d\u012bt vair\u0101k\";\n                }\n\n            });\n\n        });\n    }\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initWdPremiumServices2\n        );\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initWdPremiumServicesMobileToggles\n        );\n\n    } else {\n\n        initWdPremiumServices2();\n        initWdPremiumServicesMobileToggles();\n    }\n\n\n    if (window.jQuery) {\n\n        window.jQuery(window).on(\n            \"elementor\/frontend\/init\",\n            function () {\n\n                setTimeout(\n                    function () {\n                        initWdPremiumServices2();\n                        initWdPremiumServicesMobileToggles();\n                    },\n                    100\n                );\n\n            }\n        );\n\n    }\n\n})();\n<\/script>\n<style id=\"wdpc2-visual-six-2026\">\n.wdpc2 .wdpc2__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:36px 28px!important}\n.wdpc2 .wdpc2__card{padding:0 0 22px!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}\n.wdpc2 .wdpc2__card::before,.wdpc2 .wdpc2__card::after{display:none!important}\n.wdpc2 .wdpc2__card-top{margin-bottom:10px!important}\n.wdpc2 .wdpc2__arrow{width:34px!important;height:34px!important;border:0!important;background:transparent!important;font-size:20px!important}\n.wdpc2 .wdpc2__icon{display:none!important}\n.wdpc2__visual{width:100%;height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:22px}\n.wdpc2__visual svg{display:block;width:100%;height:100%;transition:transform .3s ease}\n.wdpc2__card:hover .wdpc2__visual svg{transform:translateY(-3px)}\n.wdpc2 .wdpc2__content{margin-top:0!important}\n.wdpc2 .wdpc2__content h3{font-size:27px!important;line-height:1.18!important;letter-spacing:-.9px!important;min-height:64px}\n.wdpc2 .wdpc2__content p{font-size:14px!important;line-height:1.7!important;margin-top:14px!important}\n.wdpc2 .wdpc2__content .wdpc2__subcopy{display:block!important;font-size:13px!important;line-height:1.65!important}\n.wdpc2 .wdpc2__features{grid-template-columns:1fr!important;gap:9px!important;margin-top:22px!important;margin-bottom:22px!important}\n.wdpc2 .wdpc2__features div{display:flex!important;font-size:13px!important;line-height:1.5!important}\n.wdpc2 .wdpc2__features i{border:0!important;background:var(--orange)!important;width:4px!important;height:4px!important;flex-basis:4px!important;margin-top:.6em!important}\n.wdpc2 .wdpc2__bottom{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding-top:0!important;margin-top:auto!important}\n.wdpc2 .wdpc2__more-features{display:block!important}\n.wdpc2 .wdpc2__more{white-space:normal!important;border:0!important;font-size:13px!important}\n.wdpc2 .wdpc2__mobile-toggle{display:none!important}\n.wdpc2 .wdpc2__intro-link{display:inline-flex!important}\n@media(max-width:1100px){.wdpc2 .wdpc2__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}\n@media(max-width:700px){.wdpc2 .wdpc2__grid{grid-template-columns:1fr!important;gap:35px!important}.wdpc2__visual{height:180px;margin-bottom:18px}.wdpc2 .wdpc2__content h3{font-size:26px!important;min-height:0}.wdpc2 .wdpc2__card{padding:0!important}.wdpc2 .wdpc2__features{margin-bottom:20px!important}.wdpc2 .wdpc2__foot{display:flex!important}}\n@media(prefers-reduced-motion:reduce){.wdpc2__visual svg{transition:none!important;transform:none!important}}\n<\/style>\n<style id=\"wdpc2-refined-layout-2026\">\n.wdpc2 .wdpc2__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}\n.wdpc2 .wdpc2__card{padding:28px 30px 30px!important;border-radius:18px!important;background:var(--surface)!important;overflow:hidden!important}\n.wdpc2 .wdpc2__card-top{margin-bottom:0!important;position:relative!important;z-index:2!important}\n.wdpc2 .wdpc2__number{font-size:12px!important}\n.wdpc2 .wdpc2__arrow{width:40px!important;height:40px!important;background:#fff!important;border-radius:50%!important}\n.wdpc2 .wdpc2__visual{height:220px!important;margin:5px 0 20px!important}\n.wdpc2 .wdpc2__visual svg{width:100%!important;max-width:440px!important;filter:drop-shadow(0 14px 12px rgba(29,29,26,.055));}\n.wdpc2 .wdpc2__content h3{font-size:30px!important;line-height:1.2!important;letter-spacing:-1px!important;min-height:0!important}\n.wdpc2 .wdpc2__content p{font-size:15px!important;line-height:1.7!important;margin-top:16px!important}\n.wdpc2 .wdpc2__content .wdpc2__subcopy{font-size:14px!important}\n.wdpc2 .wdpc2__features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 22px!important;margin:24px 0 28px!important}\n.wdpc2 .wdpc2__features div{font-size:13px!important;line-height:1.55!important}\n.wdpc2 .wdpc2__bottom{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding-top:8px!important}\n.wdpc2 .wdpc2__more{font-size:13px!important;flex-shrink:0!important}\n.wdpc2 .wdpc2__more-features{font-size:11px!important;max-width:240px!important}\n.wdpc2 .wdpc2__card:hover .wdpc2__arrow{background:var(--orange)!important;color:#fff!important}\n@media(max-width:900px){.wdpc2 .wdpc2__features{grid-template-columns:1fr!important}.wdpc2 .wdpc2__bottom{flex-direction:column!important;align-items:flex-start!important}.wdpc2 .wdpc2__card{padding:24px!important}}\n@media(max-width:700px){.wdpc2 .wdpc2__grid{grid-template-columns:1fr!important;gap:18px!important}.wdpc2 .wdpc2__card{padding:22px!important;border-radius:15px!important}.wdpc2 .wdpc2__visual{height:185px!important;margin-bottom:16px!important}.wdpc2 .wdpc2__content h3{font-size:27px!important}.wdpc2 .wdpc2__content p{font-size:14px!important}.wdpc2 .wdpc2__content .wdpc2__subcopy{font-size:13px!important}}\n<\/style>\n<style id=\"wdpc2-three-columns-final\">\n.wdpc2 .wdpc2__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}\n.wdpc2 .wdpc2__card{padding:24px!important}\n.wdpc2 .wdpc2__visual{height:180px!important}\n.wdpc2 .wdpc2__content h3{font-size:26px!important}\n.wdpc2 .wdpc2__features{grid-template-columns:1fr!important}\n.wdpc2 .wdpc2__bottom{flex-direction:column!important;align-items:flex-start!important}\n@media(max-width:1100px){.wdpc2 .wdpc2__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}\n@media(max-width:700px){.wdpc2 .wdpc2__grid{grid-template-columns:1fr!important}}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-854e12d e-con e-atomic-element e-flexbox-base e-default-div e-854e12d-dcb573b \" data-id=\"854e12d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"854e12d\" data-e-type=\"e-flexbox\" data-id=\"854e12d\">\n    \t\t<div class=\"elementor-element elementor-element-0402adb elementor-widget elementor-widget-html\" data-id=\"0402adb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nWEBDIGITAL \u2014 04 \/ M\u016aSU DARBI\r\n3 + SHOW 9 PORTFOLIO GRID\r\nReplace only the image URLs in the <img decoding=\"async\" src=\"\" alt=\"\" title=\"\"> fields.\r\nRecommended screenshot: 1600\u00d71000 px (or 1440\u00d7900 px).\r\n========================================================= -->\r\n\r\n<section class=\"wdprice26\" id=\"majaslapu-izstrades-cenas\" aria-labelledby=\"wdprice26-title\"><style>.wdprice26{background:#f7f7f4;color:#171717;padding:90px 0;font-family:Manrope,Arial,sans-serif}.wdprice26 *{box-sizing:border-box}.wdprice26__inner{width:min(calc(100% - 48px),1390px);max-width:1390px;margin:auto}.wdprice26__eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#f05032}.wdprice26__eyebrow{display:flex;align-items:center;gap:12px}.wdprice26__eyebrow i{width:20px;height:1px;background:#ff5033;display:block}.wdprice26 h2{font-size:clamp(30px,4vw,52px);line-height:1.12;letter-spacing:-.045em;margin:17px 0}.wdprice26__lead{color:#686864;max-width:730px;line-height:1.7;font-size:16px;margin:0 0 38px}.wdprice26__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.wdprice26__card{border:1px solid #e5e5e0;background:#fff;border-radius:18px;padding:28px;display:flex;flex-direction:column;min-height:420px}.wdprice26__card--main{border-color:#ff5033;box-shadow:0 12px 34px rgba(0,0,0,.055)}.wdprice26__label{font-size:17px;font-weight:800}.wdprice26__price{margin:24px 0 8px;font-size:43px;font-weight:800;letter-spacing:-.06em;line-height:1}.wdprice26__price small{font-size:14px;letter-spacing:normal;font-weight:600;color:#666}.wdprice26__time{font-size:13px;color:#555;margin-bottom:20px}.wdprice26__features{padding:18px 0 20px;margin:0;list-style:none;border-top:1px solid #eee;flex:1}.wdprice26__features li{position:relative;padding:0 0 12px 20px;font-size:13px;line-height:1.5}.wdprice26__features li:before{content:\"\u2713\";position:absolute;left:0;color:#f05032;font-weight:800}.wdprice26__link{display:block;border-radius:9px;background:#171717;color:#fff!important;text-align:center;padding:13px 12px;text-decoration:none!important;font-weight:750;font-size:13px}.wdprice26__card--main .wdprice26__link{background:#ff5033}.wdprice26__note{font-size:12px;line-height:1.7;color:#777;margin:25px 0 0}@media(max-width:850px){.wdprice26__inner{width:calc(100% - 36px)}.wdprice26__grid{grid-template-columns:1fr}.wdprice26__card{min-height:0}.wdprice26{padding:65px 0}.wdprice26__price{font-size:38px}}<\/style><div class=\"wdprice26__inner\"><div class=\"wdprice26__eyebrow\"><span>04<\/span><i><\/i><span>PRICING & DELIVERY<\/span><\/div><h2 id=\"wdprice26-title\">Website development pricing<\/h2><p class=\"wdprice26__lead\">From a focused landing page to a complete online store. Choose a solution that suits your business \u2014 we will help define the scope.<\/p><div class=\"wdprice26__grid\"><article class=\"wdprice26__card\"><div class=\"wdprice26__label\">Landing page<\/div><div class=\"wdprice26__price\"><small>from <\/small>590 \u20ac<\/div><div class=\"wdprice26__time\">Estimated delivery \u00b7 1 week<\/div><ul class=\"wdprice26__features\"><li>One conversion-focused page<\/li><li>Mobile-friendly design<\/li><li>Enquiry form and basic SEO<\/li><\/ul><a class=\"wdprice26__link\" href=\"\/en\/landing-page-development\/\">Explore landing pages \u2192<\/a><\/article><article class=\"wdprice26__card\"><div class=\"wdprice26__label\">Business website<\/div><div class=\"wdprice26__price\"><small>from <\/small>890 \u20ac<\/div><div class=\"wdprice26__time\">Estimated delivery \u00b7 2 weeks<\/div><ul class=\"wdprice26__features\"><li>Multiple content sections<\/li><li>WordPress content management<\/li><li>Mobile design and SEO basics<\/li><\/ul><a class=\"wdprice26__link\" href=\"\/en\/informational-website-development\/\">Explore business websites \u2192<\/a><\/article><article class=\"wdprice26__card wdprice26__card--main\"><div class=\"wdprice26__label\">Online store<\/div><div class=\"wdprice26__price\"><small>from <\/small>1 490 \u20ac<\/div><div class=\"wdprice26__time\">Estimated delivery \u00b7 4 weeks<\/div><ul class=\"wdprice26__features\"><li>WooCommerce product catalogue<\/li><li>Cart and checkout<\/li><li>One agreed payment integration<\/li><\/ul><a class=\"wdprice26__link\" href=\"\/en\/online-store-development\/\">Explore online stores \u2192<\/a><\/article><\/div><p class=\"wdprice26__note\">Starting prices exclude VAT. Estimated timelines assume all materials are ready and the project scope is agreed. Additional languages, complex integrations, paid licences, hosting and maintenance are quoted separately. Final price and delivery time depend on requirements.<\/p><\/div><\/section>\n<section class=\"wdworks6\" id=\"wdWorks6\">\r\n  <div class=\"wdworks6__inner\">\r\n\r\n    <header class=\"wdworks6__head wdworks6__reveal\">\r\n      <div class=\"wdworks6__kicker\">\r\n        <b>05<\/b>\r\n        <i><\/i>\r\n        <span>OUR WORK<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"wdworks6__headrow\">\r\n        <div>\r\n          <h2>\r\n            Websites and online stores\r\n            <span>in our clients' projects.<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"wdworks6__lead\">\r\n          <p>\r\n            Explore websites and online stores we have delivered, including custom calculators, multilingual content and business integrations. Read our detailed <a href=\"\/en\/plaukti-eu-woocommerce-store-case-study\/\">Plaukti.eu case study<\/a> and <a href=\"\/en\/alexindustry-eu-b2b-woocommerce-case-study\/\">Alexindustry.eu B2B case study<\/a>.\r\n          <\/p>\r\n\r\n          <a href=\"\/en\/our-work\/\">\r\n            View all projects\r\n            <b>\u2197<\/b>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"wdworks6__grid\">\r\n\r\n      <!-- ===================== PROJECT 01 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__reveal\" style=\"--d:.06s\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/plaukti.eu\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                plaukti.eu\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/plaukti.eu-majaslapa.webp\"\r\n                alt=\"Plaukti.eu\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            Visit website\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">01<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Plaukti.eu<\/h3>\r\n            <p>Online store<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WooCommerce<\/span>\r\n              <span>Multilingual<\/span>\r\n              <span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>An online store with a custom shelving calculator, products with selectable variations and a clear product structure. Available in 3 languages, with SEO optimization.<\/p><a class=\"wdworks6__case-link\" href=\"\/en\/plaukti-eu-woocommerce-store-case-study\/\">Read case study \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/plaukti.eu\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Plaukti.eu\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 02 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__reveal\" style=\"--d:.10s\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/ditra.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                ditra.lv\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/ditra-majaslapa.webp\"\r\n                alt=\"Website development for Ditra \u2014 business website and project showcase\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            Visit website\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">02<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Ditra.lv<\/h3>\r\n            <p>Business website<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span>\r\n              <span>UX \/ UI<\/span>\r\n              <span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A custom business website with a project showcase, a clear page structure and an English version.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/ditra.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Ditra.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 03 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__reveal\" style=\"--d:.14s\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/alexindustry.eu\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                alexindustry.eu\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-17-201829.png\"\r\n                alt=\"Alexindustry.eu\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            Visit website\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">03<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Alexindustry.eu<\/h3>\r\n            <p>Online store<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WooCommerce<\/span>\r\n              <span>Product variations<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A B2B online store with business system integration, customer-specific discounts, product variations and product setup. Available in 3 languages.<\/p><a class=\"wdworks6__case-link\" href=\"\/en\/alexindustry-eu-b2b-woocommerce-case-study\/\">Read case study \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/alexindustry.eu\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Alexindustry.eu\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           EXTRA PROJECTS \u2014 HIDDEN UNTIL BUTTON CLICK\r\n      ====================================================== -->\r\n\r\n      <!-- ===================== PROJECT 04 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/baumsrent.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                baumsrent.lv\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-17-at-21.59.45-scaled.png\"\r\n                alt=\"Baumsrent.lv\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            Visit website\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">04<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Baumsrent.lv<\/h3>\r\n            <p>Equipment rental website<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span>\r\n              <span>SEO<\/span>\r\n              <span>Catalog<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A custom equipment rental module with rental and delivery cost calculators. A Russian version was added, along with SEO optimization.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/baumsrent.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Baumsrent.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 05 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/horstserviss.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                horstserviss.lv\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/horstserviss.webp\"\r\n                alt=\"Horstserviss.lv\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            Visit website\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">05<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Horstserviss.lv<\/h3>\r\n            <p>Business website<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span>\r\n              <span>UX \/ UI<\/span>\r\n              <span>Catalog<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A custom website design, in-depth SEO optimization and an Estonian version. More than 30 information and service pages were created.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/horstserviss.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Horstserviss.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 06 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/alextrans.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\">\r\n                <i><\/i><i><\/i><i><\/i>\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__address\">\r\n                alextrans.lv\r\n              <\/div>\r\n\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/alextrans.webp\"\r\n                alt=\"AlexTrans.lv\"\r\n                loading=\"lazy\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"wdworks6__visit\">\r\n            Visit website\r\n            <b>\u2197<\/b>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">06<\/div>\r\n\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>AlexTrans.lv<\/h3>\r\n            <p>Transport company website<\/p>\r\n\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span>\r\n              <span>Multilingual<\/span>\r\n              <span>Integrations<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A service website with a freight vehicle catalog, detailed descriptions and easy vehicle management. Available in 3 languages, with SEO optimization.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/alextrans.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open AlexTrans.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================== PROJECT 07 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/irgrisinajumi.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">irgrisinajumi.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/irg-majaslapa.webp\" alt=\"Irgrisinajumi.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">07<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Irgrisinajumi.lv<\/h3>\r\n            <p>Business website<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span><span>UX \/ UI<\/span><span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>An informational business website implementing the client&apos;s visual concept and design ideas, with basic SEO optimization.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/irgrisinajumi.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Irgrisinajumi.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 08 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/gaisakompresori.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">gaisakompresori.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/gaisakompresori-majaslap.webp\" alt=\"gaisakompresori.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">08<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Gaisakompresori.lv<\/h3>\r\n            <p>Online store<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WooCommerce<\/span><span>Integrations<\/span><span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>An online store with a custom design, product setup and an organized e-commerce structure. Available in 3 languages, with SEO optimization.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/gaisakompresori.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Gaisakompresori.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 09 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/apwoodline.eu\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">apwoodline.eu<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/apwoodline-majaslapa.webp\" alt=\"Apwoodline.eu\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">09<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Apwoodline.eu<\/h3>\r\n            <p>Corporate website<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span><span>Multilingual<\/span><span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>An informational business website with a custom design, service descriptions and an organized information structure, with SEO optimization.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/apwoodline.eu\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Apwoodline.eu\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 10 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/aeonpump.com\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">aeonpump.com<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/aeonpump-1.webp\" alt=\"Aeonpump.com\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">10<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Aeonpump.com<\/h3>\r\n            <p>Business website<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span><span>UX \/ UI<\/span><span>Integrations<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A business website with a custom design and multilingual structure in 6 languages. SEO optimization was also carried out for an international audience.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/aeonpump.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Aeonpump.com\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 11 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/alanika.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">alanika.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/alanika.webp\" alt=\"Alanika.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">11<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Alanika.lv<\/h3>\r\n            <p>Online store<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WooCommerce<\/span><span>Multilingual<\/span><span>Integrations<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>An online store in 4 languages with an organized product and category structure, plus SEO optimization.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/alanika.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Alanika.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- ===================== PROJECT 12 ===================== -->\r\n      <article class=\"wdworks6__card wdworks6__extra\">\r\n        <a class=\"wdworks6__visual\" href=\"https:\/\/uzvardukalendars.lv\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"wdworks6__browser\">\r\n            <div class=\"wdworks6__bar\">\r\n              <div class=\"wdworks6__dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"wdworks6__address\">uzvardukalendars.lv<\/div>\r\n              <div class=\"wdworks6__barspace\"><\/div>\r\n            <\/div>\r\n            <div class=\"wdworks6__screen\">\r\n              <img decoding=\"async\" src=\"https:\/\/webdigital.lv\/wp-content\/uploads\/2026\/09\/uzvradakalendars.webp\" alt=\"uzvardukalendars.lv\" loading=\"lazy\" title=\"\">\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"wdworks6__visit\">Visit website <b>\u2197<\/b><\/span>\r\n        <\/a>\r\n\r\n        <div class=\"wdworks6__info\">\r\n          <div class=\"wdworks6__num\">12<\/div>\r\n          <div class=\"wdworks6__copy\">\r\n            <h3>Uzvardukalendars.lv<\/h3>\r\n            <p>Multifunctional website<\/p>\r\n            <div class=\"wdworks6__tags\">\r\n              <span>WordPress<\/span><span>Custom<\/span><span>SEO<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdworks6__done\">\r\n              <small>WHAT WE DELIVERED<\/small>\r\n              <p>A custom surname search solution with an interactive surname wheel and a tailored design. Informational sections and an online store were also created.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"wdworks6__arrow\" href=\"https:\/\/uzvardukalendars.lv\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open Uzvardukalendars.lv\">\u2197<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         SHOW MORE\r\n    ====================================================== -->\r\n\r\n    <div class=\"wdworks6__morewrap wdworks6__reveal\" style=\"--d:.20s\">\r\n\r\n      <button\r\n        class=\"wdworks6__morebutton\"\r\n        type=\"button\"\r\n        id=\"wdWorks6More\"\r\n        aria-expanded=\"false\"\r\n      >\r\n        <span class=\"wdworks6__morelabel\">\r\n          View more projects\r\n        <\/span>\r\n\r\n        <b>\u2193<\/b>\r\n      <\/button>\r\n\r\n      <a\r\n        href=\"\/en\/our-work\/\"\r\n        class=\"wdworks6__portfolio\"\r\n      >\r\n        View the full portfolio\r\n        <span>\u2197<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.wdworks6,\r\n.wdworks6 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.wdworks6 a {\r\n  text-decoration: none;\r\n}\r\n\r\n.wdworks6 button {\r\n  font: inherit;\r\n}\r\n\r\n.wdworks6 {\r\n  --o: #ff5033;\r\n  --ink: #171717;\r\n  --txt: #686864;\r\n  --line: #deded9;\r\n  --bg: #f7f7f4;\r\n\r\n  width: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  background: var(--bg);\r\n  color: var(--ink);\r\n\r\n  font-family:\r\n    \"Manrope\",\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"Segoe UI\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n.wdworks6__inner {\r\n  width: min(calc(100% - 48px), 1390px);\r\n  margin: auto;\r\n  padding: 92px 0 76px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wdworks6__kicker {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n\r\n  margin-bottom: 24px;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n\r\n  color: #858581;\r\n}\r\n\r\n.wdworks6__kicker b {\r\n  color: var(--o);\r\n}\r\n\r\n.wdworks6__kicker i {\r\n  width: 30px;\r\n  height: 1px;\r\n  background: #c9c9c4;\r\n}\r\n\r\n.wdworks6__head {\r\n  margin-bottom: 42px;\r\n}\r\n\r\n.wdworks6__headrow {\r\n  display: grid;\r\n  grid-template-columns:\r\n    minmax(0,1.15fr)\r\n    minmax(330px,.85fr);\r\n\r\n  gap: 80px;\r\n\r\n  align-items: end;\r\n}\r\n\r\n.wdworks6__head h2 {\r\n  margin: 0;\r\n\r\n  font-size:\r\n    clamp(\r\n      44px,\r\n      3.8vw,\r\n      61px\r\n    );\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 650;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.wdworks6__head h2 span {\r\n  display: block;\r\n  color: #9e9e99;\r\n}\r\n\r\n.wdworks6__lead p {\r\n  max-width: 500px;\r\n  margin: 0;\r\n\r\n  color: var(--txt);\r\n\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n.wdworks6__lead > a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n\r\n  margin-top: 19px;\r\n\r\n  padding-bottom: 5px;\r\n\r\n  border-bottom: 1px solid #bdbdb8;\r\n\r\n  color: #20201e;\r\n\r\n  font-size: 13px;\r\n  font-weight: 750;\r\n}\r\n\r\n.wdworks6__lead > a b {\r\n  color: var(--o);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.wdworks6__grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  gap:\r\n    22px 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.wdworks6__card {\r\n  min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL \/ MOCKUP\r\n========================================================= *\/\r\n\r\n.wdworks6__visual {\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  padding:\r\n    20px 20px 0;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid #dfdfda;\r\n\r\n  border-radius: 18px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #efefeb,\r\n      #e7e7e2\r\n    );\r\n\r\n  transition:\r\n    transform .35s\r\n    cubic-bezier(.22,1,.36,1),\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.wdworks6__card:nth-child(3n+2)\r\n.wdworks6__visual {\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #f3eee9,\r\n      #e9e5df\r\n    );\r\n}\r\n\r\n.wdworks6__card:nth-child(3n+3)\r\n.wdworks6__visual {\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #ecefed,\r\n      #e1e5e2\r\n    );\r\n}\r\n\r\n.wdworks6__visual:hover {\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 22px 45px\r\n    rgba(0,0,0,.07);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BROWSER\r\n========================================================= *\/\r\n\r\n.wdworks6__browser {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius:\r\n    11px 11px 0 0;\r\n\r\n  background: #fff;\r\n\r\n  box-shadow:\r\n    0 16px 36px\r\n    rgba(0,0,0,.13);\r\n\r\n  transform:\r\n    translateY(1px);\r\n\r\n  transition:\r\n    transform .45s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.wdworks6__visual:hover\r\n.wdworks6__browser {\r\n  transform:\r\n    translateY(-3px);\r\n}\r\n\r\n.wdworks6__bar {\r\n  height: 31px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    58px 1fr 58px;\r\n\r\n  align-items: center;\r\n\r\n  border-bottom:\r\n    1px solid #ededeb;\r\n\r\n  background: #fafafa;\r\n\r\n  padding:\r\n    0 9px;\r\n}\r\n\r\n.wdworks6__dots {\r\n  display: flex;\r\n  gap: 4px;\r\n}\r\n\r\n.wdworks6__dots i {\r\n  display: block;\r\n\r\n  width: 5px;\r\n  height: 5px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #c9c9c5;\r\n}\r\n\r\n.wdworks6__address {\r\n  justify-self: center;\r\n\r\n  max-width: 150px;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  text-overflow: ellipsis;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-align: center;\r\n\r\n  color: #aaa;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 650;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCREEN\r\n========================================================= *\/\r\n\r\n.wdworks6__screen {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio:\r\n    16 \/ 10;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.wdworks6__screen img {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n  object-position: top center;\r\n\r\n  transition:\r\n    transform .65s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.wdworks6__visual:hover\r\n.wdworks6__screen img {\r\n  transform:\r\n    scale(1.018);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISIT BADGE\r\n========================================================= *\/\r\n\r\n.wdworks6__visit {\r\n  position: absolute;\r\n\r\n  right: 29px;\r\n  bottom: 18px;\r\n\r\n  z-index: 3;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  min-height: 39px;\r\n\r\n  padding:\r\n    0 7px\r\n    0 13px;\r\n\r\n  border-radius: 9px;\r\n\r\n  background:\r\n    rgba(255,255,255,.95);\r\n\r\n  box-shadow:\r\n    0 8px 22px\r\n    rgba(0,0,0,.1);\r\n\r\n  color: #1b1b19;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 800;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(6px);\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n.wdworks6__visit b {\r\n  display: grid;\r\n  place-items: center;\r\n\r\n  width: 27px;\r\n  height: 27px;\r\n\r\n  border-radius: 7px;\r\n\r\n  background: var(--o);\r\n\r\n  color: #fff;\r\n}\r\n\r\n.wdworks6__visual:hover\r\n.wdworks6__visit {\r\n  opacity: 1;\r\n\r\n  transform: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFO\r\n========================================================= *\/\r\n\r\n.wdworks6__info {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    25px\r\n    minmax(0,1fr)\r\n    38px;\r\n\r\n  gap: 12px;\r\n\r\n  padding:\r\n    19px 2px 6px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n.wdworks6__num {\r\n  padding-top: 5px;\r\n\r\n  color: var(--o);\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .5px;\r\n}\r\n\r\n.wdworks6__copy h3 {\r\n  margin: 0;\r\n\r\n  color: #181818;\r\n\r\n  font-size: 24px;\r\n\r\n  line-height: 1.05;\r\n\r\n  font-weight: 650;\r\n\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.wdworks6__copy p {\r\n  margin:\r\n    6px 0 0;\r\n\r\n  color: #777773;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAGS\r\n========================================================= *\/\r\n\r\n.wdworks6__tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  gap: 6px;\r\n\r\n  margin-top: 12px;\r\n}\r\n\r\n.wdworks6__tags span {\r\n  padding:\r\n    5px 7px;\r\n\r\n  border:\r\n    1px solid #dcdcd7;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.55);\r\n\r\n  color: #777773;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 750;\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROJECT WORK DONE\r\n========================================================= *\/\r\n\r\n.wdworks6__done {\r\n  margin-top: 14px;\r\n  max-width: 320px;\r\n}\r\n\r\n.wdworks6__done small {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n\r\n  color: var(--o);\r\n\r\n  font-size: 8px;\r\n  line-height: 1;\r\n  font-weight: 850;\r\n  letter-spacing: .75px;\r\n}\r\n\r\n.wdworks6__done p {\r\n  margin: 0;\r\n\r\n  color: #666662;\r\n\r\n  font-size: 11px;\r\n  line-height: 1.5;\r\n  font-weight: 550;\r\n}\r\n\r\n\/* =========================================================\r\n   ARROW\r\n========================================================= *\/\r\n\r\n.wdworks6__arrow {\r\n  display: grid;\r\n  place-items: center;\r\n\r\n  width: 36px;\r\n  height: 36px;\r\n\r\n  border:\r\n    1px solid #d2d2cd;\r\n\r\n  border-radius: 50%;\r\n\r\n  color: var(--o);\r\n\r\n  font-size: 12px;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n.wdworks6__arrow:hover {\r\n  background: var(--o);\r\n\r\n  border-color: var(--o);\r\n\r\n  color: #fff;\r\n\r\n  transform:\r\n    translate(2px,-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXTRA ROW\r\n========================================================= *\/\r\n\r\n.wdworks6__extra {\r\n  display: none;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(18px);\r\n}\r\n\r\n.wdworks6.is-expanded\r\n.wdworks6__extra {\r\n  display: block;\r\n\r\n  animation:\r\n    wdworks6ExtraIn\r\n    .55s\r\n    cubic-bezier(.22,1,.36,1)\r\n    forwards;\r\n}\r\n\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(4){animation-delay:.03s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(5){animation-delay:.06s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(6){animation-delay:.09s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(7){animation-delay:.12s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(8){animation-delay:.15s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(9){animation-delay:.18s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(10){animation-delay:.21s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(11){animation-delay:.24s}\r\n.wdworks6.is-expanded .wdworks6__extra:nth-child(12){animation-delay:.27s}\r\n\r\n@keyframes wdworks6ExtraIn {\r\n  to {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MORE WRAP\r\n========================================================= *\/\r\n\r\n.wdworks6__morewrap {\r\n  margin-top: 35px;\r\n\r\n  padding:\r\n    25px 0;\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 24px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHOW MORE BUTTON\r\n========================================================= *\/\r\n\r\n.wdworks6__morebutton {\r\n  min-height: 49px;\r\n\r\n  padding:\r\n    0 9px\r\n    0 18px;\r\n\r\n  border:\r\n    1px solid #d3d3ce;\r\n\r\n  border-radius: 11px;\r\n\r\n  background: #fff;\r\n\r\n  color: #20201e;\r\n\r\n  cursor: pointer;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 18px;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 750;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    border-color .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n.wdworks6__morebutton:hover {\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  border-color:\r\n    #c5c5c0;\r\n\r\n  box-shadow:\r\n    0 10px 25px\r\n    rgba(0,0,0,.05);\r\n}\r\n\r\n.wdworks6__morebutton b {\r\n  width: 32px;\r\n  height: 32px;\r\n\r\n  border-radius: 8px;\r\n\r\n  background: var(--o);\r\n\r\n  color: #fff;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 600;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n}\r\n\r\n.wdworks6.is-expanded\r\n.wdworks6__morebutton b {\r\n  transform:\r\n    rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FULL PORTFOLIO LINK\r\n========================================================= *\/\r\n\r\n.wdworks6__portfolio {\r\n  display: none;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  padding-bottom: 5px;\r\n\r\n  border-bottom:\r\n    1px solid #bdbdb8;\r\n\r\n  color: #20201e;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 750;\r\n}\r\n\r\n.wdworks6__portfolio span {\r\n  color: var(--o);\r\n}\r\n\r\n.wdworks6.is-expanded\r\n.wdworks6__portfolio {\r\n  display: inline-flex;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.wdworks6__reveal {\r\n  opacity: 1;\r\n\r\n  transform: none;\r\n}\r\n\r\n.wdworks6.wdworks6--animate\r\n.wdworks6__reveal {\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n  transition:\r\n    opacity .7s\r\n    cubic-bezier(.22,1,.36,1),\r\n    transform .7s\r\n    cubic-bezier(.22,1,.36,1);\r\n\r\n  transition-delay:\r\n    var(--d,0s);\r\n}\r\n\r\n.wdworks6.wdworks6--animate\r\n.wdworks6__reveal.is-visible {\r\n  opacity: 1;\r\n\r\n  transform: none;\r\n}\r\n\r\n\r\n\/* Elementor editor *\/\r\n\r\nbody.elementor-editor-active\r\n.wdworks6__reveal,\r\n\r\nbody.elementor-editor-preview\r\n.wdworks6__reveal,\r\n\r\n.elementor-edit-area\r\n.wdworks6__reveal {\r\n  opacity: 1 !important;\r\n\r\n  transform: none !important;\r\n\r\n  transition: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 980px) {\r\n\r\n  .wdworks6__headrow {\r\n    grid-template-columns:\r\n      1fr\r\n      340px;\r\n\r\n    gap: 45px;\r\n  }\r\n\r\n  .wdworks6__grid {\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 760px) {\r\n\r\n  .wdworks6__inner {\r\n    width:\r\n      calc(100% - 36px);\r\n\r\n    padding:\r\n      72px 0\r\n      62px;\r\n  }\r\n\r\n  .wdworks6__headrow {\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap: 22px;\r\n  }\r\n\r\n  .wdworks6__grid {\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 620px) {\r\n\r\n  .wdworks6__inner {\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n    padding:\r\n      56px 0\r\n      48px;\r\n  }\r\n\r\n  .wdworks6__head {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .wdworks6__kicker {\r\n    font-size: 10px;\r\n\r\n    margin-bottom: 19px;\r\n  }\r\n\r\n  .wdworks6__head h2 {\r\n    font-size: 38px;\r\n\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .wdworks6__lead p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .wdworks6__visual {\r\n    padding:\r\n      13px 13px 0;\r\n\r\n    border-radius: 15px;\r\n  }\r\n\r\n  .wdworks6__bar {\r\n    height: 27px;\r\n  }\r\n\r\n  .wdworks6__visit {\r\n    display: none;\r\n  }\r\n\r\n  .wdworks6__copy h3 {\r\n    font-size: 23px;\r\n  }\r\n\r\n  .wdworks6__morewrap {\r\n    flex-direction: column;\r\n\r\n    gap: 18px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .wdworks6__reveal,\r\n  .wdworks6__visual,\r\n  .wdworks6__browser,\r\n  .wdworks6__screen img,\r\n  .wdworks6__extra {\r\n    opacity: 1 !important;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n\r\n    animation: none !important;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE FINAL \u2014 PORTFOLIO: SHOW ONLY 1 PROJECT INITIALLY\r\n   Desktop\/tablet remain unchanged.\r\n========================================================= *\/\r\n\r\n@media (max-width: 620px) {\r\n\r\n  .wdworks6__inner {\r\n    width: calc(100% - 28px) !important;\r\n    padding: 48px 0 44px !important;\r\n  }\r\n\r\n  .wdworks6__head {\r\n    margin-bottom: 26px !important;\r\n  }\r\n\r\n  .wdworks6__kicker {\r\n    margin-bottom: 16px !important;\r\n    font-size: 9px !important;\r\n  }\r\n\r\n  .wdworks6__head h2 {\r\n    font-size: 36px !important;\r\n    line-height: 1.02 !important;\r\n    letter-spacing: -1.8px !important;\r\n  }\r\n\r\n  .wdworks6__lead p {\r\n    font-size: 14px !important;\r\n    line-height: 1.52 !important;\r\n  }\r\n\r\n  .wdworks6__lead > a {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* Initially show only the first project *\/\r\n  .wdworks6__grid > .wdworks6__card:nth-child(2),\r\n  .wdworks6__grid > .wdworks6__card:nth-child(3) {\r\n    display: none;\r\n  }\r\n\r\n  \/* When expanded, reveal all projects *\/\r\n  .wdworks6.is-expanded .wdworks6__grid > .wdworks6__card:nth-child(2),\r\n  .wdworks6.is-expanded .wdworks6__grid > .wdworks6__card:nth-child(3) {\r\n    display: block;\r\n    animation: wdworks6ExtraIn .45s cubic-bezier(.22,1,.36,1) forwards;\r\n  }\r\n\r\n  .wdworks6__grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 14px !important;\r\n  }\r\n\r\n  .wdworks6__visual {\r\n    padding: 11px 11px 0 !important;\r\n    border-radius: 14px !important;\r\n  }\r\n\r\n  .wdworks6__bar {\r\n    height: 25px !important;\r\n    grid-template-columns: 46px 1fr 46px !important;\r\n  }\r\n\r\n  .wdworks6__screen {\r\n    aspect-ratio: 16 \/ 9 !important;\r\n  }\r\n\r\n  .wdworks6__info {\r\n    grid-template-columns: minmax(0,1fr) 34px !important;\r\n    gap: 10px !important;\r\n    padding: 14px 2px 2px !important;\r\n  }\r\n\r\n  .wdworks6__num {\r\n    display: none !important;\r\n  }\r\n\r\n  .wdworks6__copy h3 {\r\n    font-size: 21px !important;\r\n    line-height: 1.08 !important;\r\n    letter-spacing: -.8px !important;\r\n  }\r\n\r\n  .wdworks6__copy p {\r\n    margin-top: 4px !important;\r\n    font-size: 11px !important;\r\n  }\r\n\r\n  .wdworks6__tags {\r\n    display: none !important;\r\n  }\r\n\r\n\r\n\r\n  .wdworks6__done {\r\n    margin-top: 10px !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  .wdworks6__done small {\r\n    margin-bottom: 4px !important;\r\n    font-size: 7px !important;\r\n  }\r\n\r\n  .wdworks6__done p {\r\n    font-size: 10px !important;\r\n    line-height: 1.45 !important;\r\n  }\r\n\r\n  .wdworks6__arrow {\r\n    width: 32px !important;\r\n    height: 32px !important;\r\n    font-size: 11px !important;\r\n  }\r\n\r\n  .wdworks6__visit {\r\n    display: none !important;\r\n  }\r\n\r\n  .wdworks6__morewrap {\r\n    margin-top: 24px !important;\r\n    padding: 20px 0 !important;\r\n    flex-direction: column !important;\r\n    gap: 14px !important;\r\n  }\r\n\r\n  .wdworks6__morebutton {\r\n    width: 100%;\r\n    min-height: 48px !important;\r\n    justify-content: space-between !important;\r\n    padding-left: 16px !important;\r\n  }\r\n\r\n  .wdworks6__portfolio {\r\n    font-size: 12px !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initWDWorks6(){\r\n\r\n    var section =\r\n      document.getElementById(\"wdWorks6\");\r\n\r\n    var more =\r\n      document.getElementById(\"wdWorks6More\");\r\n\r\n    if(\r\n      !section ||\r\n      section.dataset.wdInit === \"1\"\r\n    ){\r\n      return;\r\n    }\r\n\r\n    section.dataset.wdInit = \"1\";\r\n\r\n\r\n    \/* =====================================================\r\n       SHOW MORE\r\n    ====================================================== *\/\r\n\r\n\r\n    if(more && window.matchMedia && window.matchMedia(\"(max-width: 620px)\").matches){\r\n      var initialLabel = more.querySelector(\".wdworks6__morelabel\");\r\n      if(initialLabel){\r\n        initialLabel.textContent = \"Par\u0101d\u012bt vair\u0101k projektu\";\r\n      }\r\n    }\r\n\r\n\r\n\r\n    if(more){\r\n\r\n      more.addEventListener(\r\n        \"click\",\r\n        function(){\r\n\r\n          var expanded =\r\n            section.classList.toggle(\r\n              \"is-expanded\"\r\n            );\r\n\r\n          more.setAttribute(\r\n            \"aria-expanded\",\r\n            expanded ? \"true\" : \"false\"\r\n          );\r\n\r\n\r\n          var label =\r\n            more.querySelector(\r\n              \".wdworks6__morelabel\"\r\n            );\r\n\r\n          if(label){\r\n\r\n            var isMobile =\r\n              window.matchMedia &&\r\n              window.matchMedia(\"(max-width: 620px)\").matches;\r\n\r\n            label.textContent =\r\n              expanded\r\n                ? (isMobile\r\n                    ? \"Pasl\u0113pt projektus\"\r\n                    : \"Pasl\u0113pt projektus\")\r\n                : (isMobile\r\n                    ? \"Par\u0101d\u012bt vair\u0101k projektu\"\r\n                    : \"Apskat\u012bt vair\u0101k projektu\");\r\n\r\n          }\r\n\r\n\r\n          \/*\r\n           * When closing:\r\n           * scroll gently back toward button if necessary.\r\n           *\/\r\n\r\n          if(!expanded){\r\n\r\n            var rect =\r\n              more.getBoundingClientRect();\r\n\r\n            if(rect.top < 100){\r\n\r\n              more.scrollIntoView({\r\n                behavior:\"smooth\",\r\n                block:\"center\"\r\n              });\r\n\r\n            }\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       REVEAL\r\n    ====================================================== *\/\r\n\r\n    var editor =\r\n      document.body.classList.contains(\r\n        \"elementor-editor-active\"\r\n      )\r\n      ||\r\n      document.body.classList.contains(\r\n        \"elementor-editor-preview\"\r\n      );\r\n\r\n\r\n    if(editor){\r\n      return;\r\n    }\r\n\r\n\r\n    var items =\r\n      section.querySelectorAll(\r\n        \".wdworks6__reveal\"\r\n      );\r\n\r\n\r\n    if(!items.length){\r\n      return;\r\n    }\r\n\r\n\r\n    section.classList.add(\r\n      \"wdworks6--animate\"\r\n    );\r\n\r\n\r\n    if(\r\n      !(\r\n        \"IntersectionObserver\"\r\n        in window\r\n      )\r\n    ){\r\n\r\n      items.forEach(\r\n        function(el){\r\n\r\n          el.classList.add(\r\n            \"is-visible\"\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    var io =\r\n      new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(\r\n            function(entry){\r\n\r\n              if(\r\n                entry.isIntersecting\r\n              ){\r\n\r\n                entry.target\r\n                  .classList\r\n                  .add(\r\n                    \"is-visible\"\r\n                  );\r\n\r\n                io.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.08,\r\n          rootMargin:\r\n            \"0px 0px -20px 0px\"\r\n        }\r\n\r\n      );\r\n\r\n\r\n    items.forEach(\r\n      function(el){\r\n\r\n        io.observe(el);\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if(\r\n    document.readyState === \"loading\"\r\n  ){\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initWDWorks6\r\n    );\r\n\r\n  }else{\r\n\r\n    initWDWorks6();\r\n\r\n  }\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    window.jQuery(window).on(\r\n      \"elementor\/frontend\/init\",\r\n      function(){\r\n\r\n        setTimeout(\r\n          initWDWorks6,\r\n          100\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f065343 elementor-widget elementor-widget-html\" data-id=\"f065343\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 M\u016aSU KLIENTI\r\n     LOGO MARQUEE \/ NORMALIZED LOGOS\r\n========================================================= -->\r\n\r\n<section class=\"wd-clients-new\" id=\"wdClientsNew\">\r\n\r\n    <div class=\"wd-clients-new__inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"wd-clients-new__header\">\r\n\r\n            <div class=\"wd-clients-new__eyebrow\">\r\n                <span>06<\/span>\r\n                <i><\/i>\r\n                <span>OUR CLIENTS<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wd-clients-new__headgrid\">\r\n\r\n                <h2>\r\n                    Businesses that\r\n                    <span>choose WebDigital<\/span>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    We develop and maintain websites for businesses in Latvia and abroad.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             LOGOS\r\n        ====================================================== -->\r\n\r\n        <div class=\"wd-clients-new__stage\">\r\n\r\n            <!-- ROW 1 -->\r\n            <div class=\"wd-clients-new__marquee wd-clients-new__marquee--left\">\r\n                <div class=\"wd-clients-new__track\">\r\n\r\n                    <!-- ORIGINAL -->\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Ditra-Logo-r9gwkyx7oi2lg7tk9pcs3ffgrfqq1bp2lljyk3vi0w.png\" alt=\"Ditra\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/1996_website_72x72_DPI_2-1.webp\" alt=\"1996\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo-600x450jpg-6.webp\" alt=\"Client\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Uzvardu-3-4.webp\" alt=\"Uzv\u0101rdu kalend\u0101rs\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Swimpro_logo_420x105-5.gif\" alt=\"SwimPro\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/dikolatlogo.png\" alt=\"Dikolat\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/fa333276-3056-4c56-9c93-bf6820641fdd-1200x119-1.png\" alt=\"Client\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/baumsrent-logo-4.webp\" alt=\"BaumsRent\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ozolciems-ture-logo-4.png-3.webp\" alt=\"Ozolciems T\u016bre\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/remedium-LOGO-1.png\" alt=\"Remedium\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/jmgdruka_tavadruka_logo_RGB1-1.webp\" alt=\"JMG Druka\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/TavaDrukaLv-1.png\" alt=\"TavaDruka\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/sdasa-1.png\" alt=\"Client\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ALANIKA_Logo_2021.png-1.webp\" alt=\"Alanika\" title=\"\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- DUPLICATE -->\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Ditra-Logo-r9gwkyx7oi2lg7tk9pcs3ffgrfqq1bp2lljyk3vi0w.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/1996_website_72x72_DPI_2-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo-600x450jpg-6.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Uzvardu-3-4.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Swimpro_logo_420x105-5.gif\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/dikolatlogo.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/fa333276-3056-4c56-9c93-bf6820641fdd-1200x119-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/baumsrent-logo-4.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ozolciems-ture-logo-4.png-3.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/remedium-LOGO-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/jmgdruka_tavadruka_logo_RGB1-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/TavaDrukaLv-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/sdasa-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ALANIKA_Logo_2021.png-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- ROW 2 -->\r\n            <div class=\"wd-clients-new__marquee wd-clients-new__marquee--right\">\r\n                <div class=\"wd-clients-new__track\">\r\n\r\n                    <!-- ORIGINAL -->\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Magijas_mirklis_logo_new_pr-1.png\" alt=\"Ma\u0123ijas Mirklis\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/PHOTO-2026-01-07-19-56-07-removebg-preview.webp\" alt=\"Client\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/image01-2.png\" alt=\"Client\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/%D0%A0%D0%B5%D1%81%D1%83%D1%80%D1%81-4@2x-4.png\" alt=\"Client\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/stc-115-removebg-preview-1-1.png\" alt=\"STC\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/denticare-logo-2-1.jpeg\" alt=\"Denticare\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/horst_serviss_logo-qoftx3lwbf7r1or8gqq6s8xwjcdbmhvpq3bnkyoqv4-3.webp\" alt=\"Horst Serviss\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo@2x-2.png\" alt=\"AlexTrans\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ap-wood-line-logo-1.webp\" alt=\"AP Wood Line\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/IR-G-risinajumi-galvenais-logo-1-1.png\" alt=\"IR G Risin\u0101jumi\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/WE-MONT_WHITE.png\" alt=\"WE-MONT\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/dalgetybay-dental.png.webp\" alt=\"Dalgety Bay Dental\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/274510_3-206w-1.webp\" alt=\"Client\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo-karotites-2-1.webp\" alt=\"Karot\u012btes\" title=\"\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- DUPLICATE -->\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/Magijas_mirklis_logo_new_pr-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/PHOTO-2026-01-07-19-56-07-removebg-preview.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/image01-2.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/%D0%A0%D0%B5%D1%81%D1%83%D1%80%D1%81-4@2x-4.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/stc-115-removebg-preview-1-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/denticare-logo-2-1.jpeg\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/horst_serviss_logo-qoftx3lwbf7r1or8gqq6s8xwjcdbmhvpq3bnkyoqv4-3.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo@2x-2.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/ap-wood-line-logo-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/IR-G-risinajumi-galvenais-logo-1-1.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/WE-MONT_WHITE.png\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/dalgetybay-dental.png.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/274510_3-206w-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"wd-clients-new__logo\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/logo-karotites-2-1.webp\" alt=\"\" title=\"\">\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FOOT -->\r\n        <div class=\"wd-clients-new__foot\">\r\n\r\n            <div class=\"wd-clients-new__note\">\r\n                <i><\/i>\r\n                <span>\r\n                    Websites, online stores and ongoing support\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <a href=\"\/en\/our-work\/\" class=\"wd-clients-new__link\">\r\n                View our work\r\n                <b>\u2197<\/b>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.wd-clients-new,\r\n.wd-clients-new * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wd-clients-new {\r\n    --orange: #ff5033;\r\n    --ink: #171717;\r\n    --muted: #6d6d69;\r\n    --bg: #f7f7f4;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: var(--bg);\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n.wd-clients-new__inner {\r\n    width: min(calc(100% - 48px), 1390px);\r\n    margin: 0 auto;\r\n\r\n    padding: 74px 0 58px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wd-clients-new__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: var(--orange);\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n.wd-clients-new__eyebrow i {\r\n    display: block;\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n\r\n    background: #cacac5;\r\n}\r\n\r\n.wd-clients-new__headgrid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.08fr)\r\n        minmax(340px, .92fr);\r\n\r\n    gap: 80px;\r\n    align-items: end;\r\n}\r\n\r\n.wd-clients-new__headgrid h2 {\r\n    margin: 0;\r\n\r\n    color: var(--ink);\r\n\r\n    font-size: clamp(40px, 3.4vw, 56px);\r\n    line-height: .98;\r\n    letter-spacing: -2.8px;\r\n    font-weight: 650;\r\n}\r\n\r\n.wd-clients-new__headgrid h2 span {\r\n    display: block;\r\n\r\n    color: #9b9b97;\r\n}\r\n\r\n.wd-clients-new__headgrid p {\r\n    max-width: 530px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO AREA\r\n========================================================= *\/\r\n\r\n.wd-clients-new__stage {\r\n    position: relative;\r\n\r\n    margin-top: 38px;\r\n    padding: 8px 0;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* side fade *\/\r\n\r\n.wd-clients-new__stage::before,\r\n.wd-clients-new__stage::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: 5;\r\n\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    width: 100px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.wd-clients-new__stage::before {\r\n    left: 0;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        var(--bg) 0%,\r\n        rgba(247,247,244,0) 100%\r\n    );\r\n}\r\n\r\n.wd-clients-new__stage::after {\r\n    right: 0;\r\n\r\n    background: linear-gradient(\r\n        270deg,\r\n        var(--bg) 0%,\r\n        rgba(247,247,244,0) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MARQUEE\r\n========================================================= *\/\r\n\r\n.wd-clients-new__marquee {\r\n    width: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n.wd-clients-new__marquee +\r\n.wd-clients-new__marquee {\r\n    margin-top: 12px;\r\n}\r\n\r\n.wd-clients-new__track {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    width: max-content;\r\n\r\n    will-change: transform;\r\n}\r\n\r\n.wd-clients-new__marquee--left\r\n.wd-clients-new__track {\r\n    animation: wdClientsNewLeft 48s linear infinite;\r\n}\r\n\r\n.wd-clients-new__marquee--right\r\n.wd-clients-new__track {\r\n    animation: wdClientsNewRight 52s linear infinite;\r\n}\r\n\r\n.wd-clients-new__stage:hover\r\n.wd-clients-new__track {\r\n    animation-play-state: paused;\r\n}\r\n\r\n@keyframes wdClientsNewLeft {\r\n    from {\r\n        transform: translateX(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateX(calc(-50% - 6px));\r\n    }\r\n}\r\n\r\n@keyframes wdClientsNewRight {\r\n    from {\r\n        transform: translateX(calc(-50% - 6px));\r\n    }\r\n\r\n    to {\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.wd-clients-new__logo {\r\n    width: 182px;\r\n    height: 94px;\r\n\r\n    flex: 0 0 182px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 17px 20px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: rgba(255,255,255,.75);\r\n\r\n    border: 1px solid #e1e1dc;\r\n    border-radius: 14px;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease,\r\n        border-color .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NORMALIZES ALL LOGOS\r\n========================================================= *\/\r\n\r\n.wd-clients-new__logo img {\r\n    display: block;\r\n\r\n    width: auto !important;\r\n    height: auto !important;\r\n\r\n    max-width: 138px !important;\r\n    max-height: 54px !important;\r\n\r\n    object-fit: contain;\r\n\r\n    filter: grayscale(1);\r\n    opacity: .62;\r\n\r\n    transition:\r\n        filter .28s ease,\r\n        opacity .28s ease,\r\n        transform .28s ease;\r\n}\r\n\r\n.wd-clients-new__logo:hover img {\r\n    filter: grayscale(0);\r\n    opacity: 1;\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* hover *\/\r\n\r\n.wd-clients-new__logo:hover {\r\n    transform: translateY(-3px);\r\n\r\n    background: #ffffff;\r\n\r\n    border-color: #d0d0ca;\r\n\r\n    box-shadow:\r\n        0 14px 34px\r\n        rgba(24,24,20,.07);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOT\r\n========================================================= *\/\r\n\r\n.wd-clients-new__foot {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    gap: 24px;\r\n\r\n    margin-top: 30px;\r\n    padding-top: 22px;\r\n\r\n    border-top: 1px solid #deded8;\r\n}\r\n\r\n.wd-clients-new__note {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n}\r\n\r\n.wd-clients-new__note i {\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    flex: 0 0 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--orange);\r\n}\r\n\r\n.wd-clients-new__note span {\r\n    color: #777773;\r\n\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n    font-weight: 600;\r\n}\r\n\r\n.wd-clients-new__link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding-bottom: 5px;\r\n\r\n    color: #20201e !important;\r\n\r\n    border-bottom: 1px solid #bdbdb8;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 12px;\r\n    font-weight: 750;\r\n\r\n    transition:\r\n        color .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.wd-clients-new__link b {\r\n    color: var(--orange);\r\n}\r\n\r\n.wd-clients-new__link:hover {\r\n    color: var(--orange) !important;\r\n    border-color: var(--orange);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .wd-clients-new__headgrid {\r\n        grid-template-columns: 1fr 340px;\r\n        gap: 45px;\r\n    }\r\n\r\n    .wd-clients-new__logo {\r\n        width: 165px;\r\n        flex-basis: 165px;\r\n\r\n        height: 86px;\r\n    }\r\n\r\n    .wd-clients-new__logo img {\r\n        max-width: 125px !important;\r\n        max-height: 48px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 760px) {\r\n\r\n    .wd-clients-new__inner {\r\n        width: calc(100% - 30px);\r\n\r\n        padding:\r\n            54px 0\r\n            46px;\r\n    }\r\n\r\n    .wd-clients-new__headgrid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 20px;\r\n    }\r\n\r\n    .wd-clients-new__headgrid h2 {\r\n        font-size: 38px;\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .wd-clients-new__headgrid p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .wd-clients-new__stage {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .wd-clients-new__stage::before,\r\n    .wd-clients-new__stage::after {\r\n        width: 42px;\r\n    }\r\n\r\n    .wd-clients-new__logo {\r\n        width: 182px;\r\n        height: 94px;\r\n\r\n        flex: 0 0 182px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        padding: 17px 20px;\r\n\r\n        overflow: hidden;\r\n\r\n        background: #f1f1ee;\r\n\r\n        border: 1px solid #deded8;\r\n        border-radius: 14px;\r\n\r\n        transition:\r\n            transform .25s ease,\r\n            box-shadow .25s ease,\r\n            border-color .25s ease,\r\n            background .25s ease;\r\n    }\r\n\r\n    .wd-clients-new__logo:hover {\r\n        transform: translateY(-3px);\r\n\r\n        background: #ffffff;\r\n        border-color: #d0d0ca;\r\n\r\n        box-shadow:\r\n            0 14px 34px\r\n            rgba(24,24,20,.07);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .wd-clients-new__track {\r\n        animation: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b4d15dc e-con e-atomic-element e-flexbox-base e-default-div e-b4d15dc-bc846ea \" data-id=\"b4d15dc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b4d15dc\" data-e-type=\"e-flexbox\" data-id=\"b4d15dc\">\n    \t\t<div class=\"elementor-element elementor-element-8ddcfe2 elementor-widget elementor-widget-html\" data-id=\"8ddcfe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEBDIGITAL \u2014 05 \/ ATBALSTS UN ATT\u012aST\u012aBA\n     LIGHT PREMIUM SUPPORT BLOCK\n     ELEMENTOR SAFE\n========================================================= -->\n\n<section class=\"wdsupport\" id=\"wdSupport\">\n\n    <div class=\"wdsupport__inner\">\n\n        <!-- LEFT -->\n        <div class=\"wdsupport__left wdsupport__reveal\">\n\n            <div class=\"wdsupport__kicker\">\n                <span>07<\/span>\n                <i><\/i>\n                <span>SUPPORT AND DEVELOPMENT<\/span>\n            <\/div>\n\n            <h2 class=\"wdsupport__title\">\n                Website not working as expected?\n                <span>Get technical help.<\/span>\n            <\/h2>\n\n            <p class=\"wdsupport__lead\">\n                Broken forms, checkout errors, slow pages or a problem after an update? Tell us what happened and which page is affected.\n            <\/p>\n\n            <p class=\"wdsupport__text\">\n                Start with the 24\/7 AI support chat. It gathers the details and helps prepare your request for a technical specialist.\n            <\/p>\n\n            <div class=\"wdsupport__actions\">\n\n                <a href=\"\/en\/support-chat\/\" class=\"wdsupport__button\">\n                    Get technical help\n                    <span>\u2197<\/span>\n                <\/a>\n\n                <a href=\"tel:+37120433366\" class=\"wdsupport__phone\">\n                    +371 204 333 66\n                <\/a>\n\n            <\/div>\n\n            <div class=\"wdsupport__status\">\n                <span class=\"wdsupport__pulse\"><i><\/i><\/span>\n                <div>\n                    <strong>Support chat available 24\/7<\/strong>\n                    <small>Start with our AI assistant, available around the clock.<\/small>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n\n        <!-- RIGHT -->\n        <div class=\"wdsupport__right\">\n\n            <div class=\"wdsupport__row wdsupport__reveal\" style=\"--delay:.08s\">\n                <span class=\"wdsupport__num\">01<\/span>\n\n                <div class=\"wdsupport__row-content\">\n                    <h3>Website maintenance<\/h3>\n                    <p>\n                        WordPress, plugin and system updates to keep your site running reliably.\n                    <\/p>\n                <\/div>\n\n                <span class=\"wdsupport__icon\">\u2197<\/span>\n            <\/div>\n\n\n            <div class=\"wdsupport__row wdsupport__reveal\" style=\"--delay:.14s\">\n                <span class=\"wdsupport__num\">02<\/span>\n\n                <div class=\"wdsupport__row-content\">\n                    <h3>Security and backups<\/h3>\n                    <p>\n                        Site monitoring, backups and help when problems arise.\n                    <\/p>\n                <\/div>\n\n                <span class=\"wdsupport__icon\">\u2197<\/span>\n            <\/div>\n\n\n            <div class=\"wdsupport__row wdsupport__reveal\" style=\"--delay:.20s\">\n                <span class=\"wdsupport__num\">03<\/span>\n\n                <div class=\"wdsupport__row-content\">\n                    <h3>24\/7 support chat<\/h3>\n                    <p>\n                        Report an issue through the AI chat and gather the details needed for technical review.\n                    <\/p>\n                <\/div>\n\n                <span class=\"wdsupport__icon\">\u2197<\/span>\n            <\/div>\n\n\n            <div class=\"wdsupport__row wdsupport__reveal\" style=\"--delay:.26s\">\n                <span class=\"wdsupport__num\">04<\/span>\n\n                <div class=\"wdsupport__row-content\">\n                    <h3>Ongoing development<\/h3>\n                    <p>\n                        New features, integrations and improvements as your requirements change.\n                    <\/p>\n                <\/div>\n\n                <span class=\"wdsupport__icon\">\u2197<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.wdsupport,\n.wdsupport * {\n    box-sizing: border-box;\n}\n\n.wdsupport a {\n    text-decoration: none;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.wdsupport {\n    --orange: #ff5033;\n    --black: #151515;\n    --text: #62625e;\n    --muted: #8e8e89;\n    --line: #d9d9d4;\n    --bg: #efefeb;\n\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    background: var(--bg);\n\n    color: var(--black);\n\n    font-family:\n        \"Manrope\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    border-top: 1px solid var(--line);\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.wdsupport__inner {\n    width: min(calc(100% - 48px), 1390px);\n\n    margin: 0 auto;\n\n    padding: 96px 0 88px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        minmax(500px, .95fr);\n\n    gap: 88px;\n\n    align-items: start;\n}\n\n\n\/* =========================================================\n   LEFT\n========================================================= *\/\n\n.wdsupport__kicker {\n    display: flex;\n    align-items: center;\n\n    gap: 11px;\n\n    margin-bottom: 25px;\n\n    color: #7f7f7b;\n\n    font-size: 11px;\n    line-height: 1;\n\n    font-weight: 800;\n\n    letter-spacing: 1.2px;\n}\n\n.wdsupport__kicker span:first-child {\n    color: var(--orange);\n}\n\n.wdsupport__kicker i {\n    width: 30px;\n    height: 1px;\n\n    background: #c6c6c1;\n}\n\n\n.wdsupport__title {\n    max-width: 700px;\n\n    margin: 0;\n\n    color: var(--black);\n\n    font-size:\n        clamp(\n            46px,\n            4vw,\n            64px\n        );\n\n    line-height: 1;\n\n    font-weight: 650;\n\n    letter-spacing: -3.1px;\n}\n\n.wdsupport__title span {\n    display: block;\n\n    color: #9d9d98;\n}\n\n\n.wdsupport__lead {\n    max-width: 650px;\n\n    margin: 28px 0 0;\n\n    color: #3f3f3b;\n\n    font-size: 18px;\n    line-height: 1.6;\n\n    font-weight: 650;\n}\n\n\n.wdsupport__text {\n    max-width: 680px;\n\n    margin: 22px 0 0;\n\n    color: var(--text);\n\n    font-size: 16px;\n    line-height: 1.72;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   ACTIONS\n========================================================= *\/\n\n.wdsupport__actions {\n    margin-top: 30px;\n\n    display: flex;\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 18px;\n}\n\n\n.wdsupport__button {\n    appearance: none;\n    -webkit-appearance: none;\n    border: 0;\n    cursor: pointer;\n    font-family: inherit;\n    min-height: 50px;\n\n    padding:\n        0 9px\n        0 18px;\n\n    border-radius: 11px;\n\n    background: #171717;\n\n    color: #fff;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 18px;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n.wdsupport__button span {\n    width: 34px;\n    height: 34px;\n\n    border-radius: 8px;\n\n    background: var(--orange);\n\n    display: grid;\n    place-items: center;\n}\n\n\n.wdsupport__phone {\n    display: inline-flex;\n    align-items: center;\n\n    min-height: 50px;\n\n    padding: 0 16px;\n\n    border:\n        1px solid\n        #cdcdc8;\n\n    border-radius: 11px;\n\n    background:\n        rgba(255,255,255,.5);\n\n    color: #222;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n\n\/* =========================================================\n   STATUS\n========================================================= *\/\n\n.wdsupport__status {\n    margin-top: 28px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 13px;\n}\n\n\n.wdsupport__pulse {\n    position: relative;\n\n    width: 13px;\n    height: 13px;\n\n    flex: 0 0 13px;\n\n    display: grid;\n    place-items: center;\n}\n\n.wdsupport__pulse i {\n    position: relative;\n    z-index: 2;\n\n    display: block;\n\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: #34bd78;\n}\n\n.wdsupport__pulse::before,\n.wdsupport__pulse::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n\n    width: 8px;\n    height: 8px;\n\n    transform: translate(-50%, -50%);\n\n    border:\n        1px solid\n        rgba(52,189,120,.45);\n\n    border-radius: 50%;\n\n    animation:\n        wdsupportPulse\n        2.2s ease-out\n        infinite;\n}\n\n.wdsupport__pulse::after {\n    animation-delay: 1.1s;\n}\n\n@keyframes wdsupportPulse {\n\n    0% {\n        width: 8px;\n        height: 8px;\n        opacity: .8;\n    }\n\n    75%,\n    100% {\n        width: 28px;\n        height: 28px;\n        opacity: 0;\n    }\n\n}\n\n\n.wdsupport__status strong {\n    display: block;\n\n    color: #2c2c29;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n.wdsupport__status small {\n    display: block;\n\n    margin-top: 3px;\n\n    color: #858581;\n\n    font-size: 11px;\n\n    line-height: 1.4;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   RIGHT\n========================================================= *\/\n\n.wdsupport__right {\n    border-top:\n        1px solid\n        var(--line);\n}\n\n\n.wdsupport__row {\n    min-height: 130px;\n\n    display: grid;\n\n    grid-template-columns:\n        44px\n        minmax(0,1fr)\n        44px;\n\n    gap: 18px;\n\n    align-items: center;\n\n    padding: 24px 0;\n\n    border-bottom:\n        1px solid\n        var(--line);\n\n    transition:\n        padding-left .3s ease,\n        background .3s ease;\n}\n\n\n.wdsupport__row:hover {\n    padding-left: 12px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(255,80,51,.035),\n            transparent 72%\n        );\n}\n\n\n.wdsupport__num {\n    align-self: start;\n\n    padding-top: 5px;\n\n    color: #9c9c97;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    letter-spacing: .6px;\n}\n\n\n.wdsupport__row-content h3 {\n    margin: 0;\n\n    color: #181818;\n\n    font-size: 24px;\n    line-height: 1.08;\n\n    font-weight: 650;\n\n    letter-spacing: -1px;\n}\n\n\n.wdsupport__row-content p {\n    max-width: 500px;\n\n    margin: 9px 0 0;\n\n    color: #6d6d69;\n\n    font-size: 14px;\n    line-height: 1.55;\n\n    font-weight: 500;\n}\n\n\n.wdsupport__icon {\n    width: 38px;\n    height: 38px;\n\n    border:\n        1px solid\n        #cfcfca;\n\n    border-radius: 50%;\n\n    display: grid;\n    place-items: center;\n\n    color: var(--orange);\n\n    font-size: 12px;\n\n    transition:\n        transform .25s ease,\n        background .25s ease,\n        border-color .25s ease,\n        color .25s ease;\n}\n\n\n.wdsupport__row:hover\n.wdsupport__icon {\n    transform:\n        translate(2px,-2px);\n\n    background: var(--orange);\n\n    border-color: var(--orange);\n\n    color: #fff;\n}\n\n\n\/* =========================================================\n   REVEAL \u2014 ELEMENTOR SAFE\n========================================================= *\/\n\n.wdsupport__reveal {\n    opacity: 1;\n    transform: none;\n}\n\n\n.wdsupport.wdsupport--animate\n.wdsupport__reveal {\n    opacity: 0;\n\n    transform:\n        translateY(22px);\n\n    transition:\n        opacity .72s\n        cubic-bezier(.22,1,.36,1),\n        transform .72s\n        cubic-bezier(.22,1,.36,1);\n\n    transition-delay:\n        var(--delay,0s);\n}\n\n\n.wdsupport.wdsupport--animate\n.wdsupport__reveal.is-visible {\n    opacity: 1;\n\n    transform: none;\n}\n\n\nbody.elementor-editor-active\n.wdsupport__reveal,\n\nbody.elementor-editor-preview\n.wdsupport__reveal,\n\n.elementor-edit-area\n.wdsupport__reveal {\n    opacity: 1 !important;\n\n    transform: none !important;\n\n    transition: none !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .wdsupport__inner {\n        grid-template-columns:\n            1fr 440px;\n\n        gap: 50px;\n    }\n\n    .wdsupport__title {\n        font-size: 52px;\n    }\n\n}\n\n\n@media (max-width: 820px) {\n\n    .wdsupport__inner {\n        width:\n            calc(100% - 36px);\n\n        padding:\n            76px 0 68px;\n\n        grid-template-columns:\n            1fr;\n\n        gap: 50px;\n    }\n\n    .wdsupport__left,\n    .wdsupport__right {\n        max-width: 760px;\n    }\n\n}\n\n\n@media (max-width: 620px) {\n\n    .wdsupport__inner {\n        width:\n            calc(100% - 28px);\n\n        padding:\n            58px 0 52px;\n\n        gap: 40px;\n    }\n\n    .wdsupport__kicker {\n        margin-bottom: 20px;\n\n        font-size: 10px;\n    }\n\n    .wdsupport__title {\n        font-size: 39px;\n\n        letter-spacing: -2px;\n    }\n\n    .wdsupport__lead {\n        margin-top: 22px;\n\n        font-size: 17px;\n    }\n\n    .wdsupport__text {\n        font-size: 16px;\n\n        line-height: 1.65;\n    }\n\n    .wdsupport__actions {\n        flex-direction: column;\n\n        align-items: flex-start;\n    }\n\n    .wdsupport__row {\n        min-height: 118px;\n\n        grid-template-columns:\n            28px\n            minmax(0,1fr)\n            36px;\n\n        gap: 11px;\n\n        padding: 20px 0;\n    }\n\n    .wdsupport__row:hover {\n        padding-left: 0;\n\n        background: transparent;\n    }\n\n    .wdsupport__num {\n        font-size: 8px;\n    }\n\n    .wdsupport__row-content h3 {\n        font-size: 22px;\n    }\n\n    .wdsupport__row-content p {\n        font-size: 13px;\n    }\n\n    .wdsupport__icon {\n        width: 34px;\n        height: 34px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .wdsupport__reveal,\n    .wdsupport__row,\n    .wdsupport__icon,\n    .wdsupport__pulse::before,\n    .wdsupport__pulse::after {\n        opacity: 1 !important;\n\n        transform: none !important;\n\n        transition: none !important;\n\n        animation: none !important;\n    }\n\n}\n\n\n\n\n\/* =========================================================\n   MOBILE FINAL \u2014 COMPACT WORDPRESS SUPPORT\n   Desktop stays unchanged.\n========================================================= *\/\n@media (max-width: 620px) {\n\n    .wdsupport {\n        border-top: 0 !important;\n    }\n\n    .wdsupport__inner {\n        width: calc(100% - 28px) !important;\n        padding: 48px 0 44px !important;\n        gap: 28px !important;\n    }\n\n    .wdsupport__kicker {\n        margin-bottom: 16px !important;\n        font-size: 9px !important;\n    }\n\n    .wdsupport__title {\n        max-width: 100% !important;\n        font-size: 36px !important;\n        line-height: 1.01 !important;\n        letter-spacing: -1.8px !important;\n    }\n\n    .wdsupport__lead {\n        margin-top: 19px !important;\n        font-size: 15px !important;\n        line-height: 1.5 !important;\n    }\n\n    .wdsupport__text {\n        margin-top: 11px !important;\n        font-size: 14px !important;\n        line-height: 1.52 !important;\n    }\n\n    .wdsupport__actions {\n        margin-top: 22px !important;\n        display: grid !important;\n        grid-template-columns: 1fr auto !important;\n        align-items: center !important;\n        gap: 9px !important;\n    }\n\n    .wdsupport__button {\n        width: 100% !important;\n        min-height: 48px !important;\n        padding-left: 15px !important;\n        justify-content: space-between !important;\n        gap: 10px !important;\n        font-size: 12px !important;\n    }\n\n    .wdsupport__button span {\n        width: 32px !important;\n        height: 32px !important;\n    }\n\n    .wdsupport__phone {\n        min-height: 48px !important;\n        padding: 0 12px !important;\n        font-size: 11px !important;\n    }\n\n    .wdsupport__status {\n        margin-top: 18px !important;\n        gap: 10px !important;\n    }\n\n    .wdsupport__status strong {\n        font-size: 12px !important;\n    }\n\n    .wdsupport__status small {\n        display: none !important;\n    }\n\n    .wdsupport__right {\n        border-top: 1px solid var(--line) !important;\n    }\n\n    .wdsupport__row {\n        min-height: auto !important;\n        grid-template-columns: 24px minmax(0,1fr) 30px !important;\n        gap: 9px !important;\n        padding: 15px 0 !important;\n    }\n\n    .wdsupport__num {\n        padding-top: 3px !important;\n        font-size: 8px !important;\n    }\n\n    .wdsupport__row-content h3 {\n        font-size: 18px !important;\n        line-height: 1.12 !important;\n        letter-spacing: -.55px !important;\n    }\n\n    .wdsupport__row-content p {\n        margin-top: 5px !important;\n        font-size: 12px !important;\n        line-height: 1.42 !important;\n    }\n\n    .wdsupport__icon {\n        width: 28px !important;\n        height: 28px !important;\n        font-size: 9px !important;\n    }\n}\n\n@media (max-width: 390px) {\n    .wdsupport__actions {\n        grid-template-columns: 1fr !important;\n    }\n\n    .wdsupport__phone {\n        width: max-content !important;\n    }\n}\n\n<\/style>\n\n\n<script>\n(function () {\n\n    function initWdSupport() {\n\n        var section =\n            document.getElementById(\"wdSupport\");\n\n        if (\n            !section ||\n            section.dataset.initialized === \"1\"\n        ) {\n            return;\n        }\n\n        section.dataset.initialized = \"1\";\n\n\n        var body = document.body;\n\n        var isEditor =\n            body.classList.contains(\n                \"elementor-editor-active\"\n            )\n            ||\n            body.classList.contains(\n                \"elementor-editor-preview\"\n            );\n\n\n        if (isEditor) {\n            return;\n        }\n\n\n        var items =\n            section.querySelectorAll(\n                \".wdsupport__reveal\"\n            );\n\n\n        if (!items.length) {\n            return;\n        }\n\n\n        section.classList.add(\n            \"wdsupport--animate\"\n        );\n\n\n        if (\n            !(\"IntersectionObserver\" in window)\n        ) {\n\n            items.forEach(\n                function (item) {\n\n                    item.classList.add(\n                        \"is-visible\"\n                    );\n\n                }\n            );\n\n            return;\n        }\n\n\n        var observer =\n            new IntersectionObserver(\n\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            if (\n                                entry.isIntersecting\n                            ) {\n\n                                entry.target\n                                    .classList\n                                    .add(\n                                        \"is-visible\"\n                                    );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n\n                            }\n\n                        }\n                    );\n\n                },\n\n                {\n                    threshold: .08,\n                    rootMargin:\n                        \"0px 0px -20px 0px\"\n                }\n\n            );\n\n\n        items.forEach(\n            function (item) {\n\n                observer.observe(\n                    item\n                );\n\n            }\n        );\n\n    }\n\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initWdSupport\n        );\n\n    } else {\n\n        initWdSupport();\n    }\n\n\n    if (window.jQuery) {\n\n        window.jQuery(window).on(\n            \"elementor\/frontend\/init\",\n            function () {\n\n                setTimeout(\n                    initWdSupport,\n                    100\n                );\n\n            }\n        );\n\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fca9793 e-con e-atomic-element e-flexbox-base e-default-div e-fca9793-55e491f \" data-id=\"fca9793\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fca9793\" data-e-type=\"e-flexbox\" data-id=\"fca9793\">\n    \t\t<div class=\"elementor-element elementor-element-f162377 elementor-widget elementor-widget-html\" data-id=\"f162377\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEBDIGITAL \u2014 06 \/ AI RISIN\u0100JUMI\n     INTERACTIVE AI DEMO CONSOLE\n     LIGHT \/ PREMIUM \/ ELEMENTOR SAFE\n========================================================= -->\n\n<section class=\"wdaix\" id=\"wdAiExperience\">\n\n    <div class=\"wdaix__inner\">\n\n        <!-- =====================================================\n             INTRO\n        ====================================================== -->\n\n        <div class=\"wdaix__intro wdaix__reveal\">\n\n            <div class=\"wdaix__kicker\">\n                <span>08<\/span>\n                <i><\/i>\n                <span>AI SOLUTIONS<\/span>\n            <\/div>\n\n            <div class=\"wdaix__intro-grid\">\n\n                <h2 class=\"wdaix__title\">\n                    Less repetitive work.\n                    <span>Practical AI for your business.<\/span>\n                <\/h2>\n\n                <div class=\"wdaix__intro-copy\">\n                    <p>\n                        AI assistants that answer common questions, collect inquiries and help with emails, documents and CRM tasks. We connect them to the tools your business uses.\n                    <\/p>\n\n                    <div class=\"wdaix__intro-actions\">\n                        <a href=\"\/en\/ai-for-business\/\" class=\"wdaix__main-link\">\n                            Learn more about AI solutions\n                            <span>\u2197<\/span>\n                        <\/a>\n<\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             DEMO CONSOLE\n        ====================================================== -->\n\n        <div class=\"wdaix__console wdaix__reveal\" style=\"--delay:.08s\">\n\n            <!-- LEFT NAV -->\n            <div class=\"wdaix__nav\">\n\n                <div class=\"wdaix__nav-top\">\n                    <small>AI DEMO<\/small>\n\n                    <strong>\n                        What can AI do for your business?\n                    <\/strong>\n\n                    <p>\n                        Choose a demo to see examples of customer support, email drafts and other everyday tasks.\n                    <\/p>\n                <\/div>\n\n\n                <div class=\"wdaix__tabs\" role=\"tablist\">\n\n                    <button\n                        class=\"wdaix__tab is-active\"\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected=\"true\"\n                        data-ai-scenario=\"consultant\"\n                    >\n                        <span>01<\/span>\n\n                        <div>\n                            <strong>Customer assistant<\/strong>\n                            <small>Questions, inquiries and sales<\/small>\n                        <\/div>\n                    <\/button>\n\n\n                    <button\n                        class=\"wdaix__tab\"\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected=\"false\"\n                        data-ai-scenario=\"shop\"\n                    >\n                        <span>02<\/span>\n\n                        <div>\n                            <strong>E-commerce<\/strong>\n                            <small>Product selection and customer support<\/small>\n                        <\/div>\n                    <\/button>\n\n\n                    <button\n                        class=\"wdaix__tab\"\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected=\"false\"\n                        data-ai-scenario=\"email\"\n                    >\n                        <span>03<\/span>\n\n                        <div>\n                            <strong>Email<\/strong>\n                            <small>Inquiries and draft replies<\/small>\n                        <\/div>\n                    <\/button>\n\n\n                    <button\n                        class=\"wdaix__tab\"\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected=\"false\"\n                        data-ai-scenario=\"crm\"\n                    >\n                        <span>04<\/span>\n\n                        <div>\n                            <strong>CRM<\/strong>\n                            <small>Inquiries, customers and tasks<\/small>\n                        <\/div>\n                    <\/button>\n\n\n                    <button\n                        class=\"wdaix__tab\"\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected=\"false\"\n                        data-ai-scenario=\"documents\"\n                    >\n                        <span>05<\/span>\n\n                        <div>\n                            <strong>Documents<\/strong>\n                            <small>Quotes, contracts and files<\/small>\n                        <\/div>\n                    <\/button>\n\n                <\/div>\n\n\n                <div class=\"wdaix__nav-foot\">\n                    <span class=\"wdaix__status-dot\"><i><\/i><\/span>\n\n                    <div>\n                        <strong>24\/7<\/strong>\n                        <small>AI can work outside business hours too<\/small>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- RIGHT DEMO -->\n            <div class=\"wdaix__demo\">\n\n                <div class=\"wdaix__demo-head\">\n\n                    <div class=\"wdaix__agent\">\n\n                        <div class=\"wdaix__agent-icon\">\n                            AI\n                        <\/div>\n\n                        <div>\n                            <strong>WebDigital AI<\/strong>\n\n                            <span>\n                                <i><\/i>\n                                Demo mode\n                            <\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"wdaix__demo-label\" id=\"wdaixDemoLabel\">\n                        CUSTOMER ASSISTANT\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- CHAT -->\n                <div class=\"wdaix__chat\">\n\n                    <div class=\"wdaix__chat-meta\">\n\n                        <div>\n                            <small>SCENARIO<\/small>\n                            <strong id=\"wdaixScenarioTitle\">\n                                Customer assistant\n                            <\/strong>\n                        <\/div>\n\n                        <p id=\"wdaixScenarioDescription\">\n                            AI answers questions, asks about the customer\u2019s needs and helps prepare an inquiry.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"wdaix__messages\" id=\"wdaixMessages\">\n\n                        <div class=\"wdaix__bubble wdaix__bubble--ai\">\n                            Hello! How can I help?\n                        <\/div>\n\n                        <div class=\"wdaix__bubble wdaix__bubble--user\">\n                            I need a website for an auto repair shop.\n                        <\/div>\n\n                        <div class=\"wdaix__bubble wdaix__bubble--ai\">\n                            Of course. Do you only need service descriptions and an inquiry form, or would you also like customers to book specific appointment times?\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"wdaix__input\">\n                        <span>\n                            Try our AI assistant\n                        <\/span>\n\n                        <button\n                            type=\"button\"\n                            class=\"wdaix__try-ai\"\n                            aria-label=\"Try the WebDigital AI assistant\"\n                        >\n                            <span class=\"wdaix__try-ai-text\">Try it<\/span>\n                            <b>\u2197<\/b>\n                        <\/button>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- INTEGRATION STRIP -->\n                <div class=\"wdaix__integrations\">\n\n                    <span>Can integrate with<\/span>\n\n                    <div>\n                        <b>WordPress<\/b>\n                        <i><\/i>\n                        <b>WooCommerce<\/b>\n                        <i><\/i>\n                        <b>Gmail<\/b>\n                        <i><\/i>\n                        <b>CRM<\/b>\n                        <i><\/i>\n                        <b>Google Calendar<\/b>\n                        <i><\/i>\n                        <b>API<\/b>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             VALUE STRIP\n        ====================================================== -->\n\n        <div class=\"wdaix__benefits wdaix__reveal\" style=\"--delay:.16s\">\n\n            <div class=\"wdaix__benefit\">\n                <span>24\/7<\/span>\n                <div>\n                    <strong>Customer service<\/strong>\n                    <p>AI can help customers outside business hours too.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"wdaix__benefit\">\n                <span>AI<\/span>\n                <div>\n                    <strong>Less manual work<\/strong>\n                    <p>Fewer repetitive tasks for your team.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"wdaix__benefit\">\n                <span>\u2197<\/span>\n                <div>\n                    <strong>Faster responses<\/strong>\n                    <p>Faster replies to customer inquiries.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.wdaix,\n.wdaix * {\n    box-sizing: border-box;\n}\n\n.wdaix a {\n    text-decoration: none;\n}\n\n.wdaix button {\n    font: inherit;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.wdaix {\n    --orange: #ff5033;\n    --black: #151515;\n    --text: #62625e;\n    --muted: #92928e;\n    --line: #deded9;\n    --soft: #f7f7f4;\n\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    background: #ffffff;\n\n    color: var(--black);\n\n    border-top:\n        1px solid var(--line);\n\n    font-family:\n        \"Manrope\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n.wdaix::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: -140px;\n    top: 130px;\n\n    width: 440px;\n    height: 440px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(255,80,51,.075),\n            rgba(255,80,51,0) 70%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.wdaix__inner {\n    position: relative;\n\n    z-index: 2;\n\n    width:\n        min(\n            calc(100% - 48px),\n            1390px\n        );\n\n    margin: 0 auto;\n\n    padding:\n        84px 0\n        68px;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.wdaix__intro {\n    margin-bottom: 38px;\n}\n\n\n.wdaix__kicker {\n    display: flex;\n    align-items: center;\n\n    gap: 11px;\n\n    margin-bottom: 25px;\n\n    color: #81817d;\n\n    font-size: 11px;\n    line-height: 1;\n\n    font-weight: 800;\n\n    letter-spacing: 1.2px;\n}\n\n.wdaix__kicker span:first-child {\n    color: var(--orange);\n}\n\n.wdaix__kicker i {\n    width: 30px;\n    height: 1px;\n\n    background: #cacac5;\n}\n\n\n.wdaix__intro-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1.15fr)\n        minmax(340px,.85fr);\n\n    gap: 64px;\n\n    align-items: end;\n}\n\n\n.wdaix__title {\n    max-width: 780px;\n\n    margin: 0;\n\n    color: #151515;\n\n    font-size:\n        clamp(\n            46px,\n            4vw,\n            64px\n        );\n\n    line-height: 1;\n\n    font-weight: 650;\n\n    letter-spacing: -3.1px;\n}\n\n.wdaix__title span {\n    display: block;\n\n    color: #a0a09c;\n}\n\n\n.wdaix__intro-copy p {\n    max-width: 510px;\n\n    margin: 0;\n\n    color: var(--text);\n\n    font-size: 16px;\n    line-height: 1.7;\n\n    font-weight: 500;\n}\n\n\n.wdaix__intro-actions {\n    display: flex;\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 20px;\n\n    margin-top: 22px;\n}\n\n\n.wdaix__main-link {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    padding-bottom: 6px;\n\n    border-bottom:\n        1px solid #bdbdb8;\n\n    color: #1c1c1a;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n.wdaix__main-link span {\n    color: var(--orange);\n}\n\n\n\/* =========================================================\n   CONSOLE\n========================================================= *\/\n\n.wdaix__console {\n    display: grid;\n\n    grid-template-columns:\n        285px\n        minmax(0,1fr);\n\n    min-height: 535px;\n\n    overflow: hidden;\n\n    border:\n        1px solid #dcdcd7;\n\n    border-radius: 22px;\n\n    background:\n        #f7f7f4;\n\n    box-shadow:\n        0 22px 58px\n        rgba(0,0,0,.055);\n}\n\n\n\/* =========================================================\n   NAV\n========================================================= *\/\n\n.wdaix__nav {\n    padding:\n        22px 16px\n        18px;\n\n    border-right:\n        1px solid #deded9;\n\n    background:\n        linear-gradient(\n            180deg,\n            #f1f1ed 0%,\n            #ecece8 100%\n        );\n\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n.wdaix__nav-top {\n    padding:\n        0 6px 18px;\n}\n\n.wdaix__nav-top small {\n    display: block;\n\n    margin-bottom: 12px;\n\n    color: var(--orange);\n\n    font-size: 10px;\n\n    font-weight: 850;\n\n    letter-spacing: .8px;\n}\n\n.wdaix__nav-top strong {\n    display: block;\n\n    color: #20201e;\n\n    font-size: 21px;\n    line-height: 1.12;\n\n    font-weight: 650;\n\n    letter-spacing: -1px;\n}\n\n.wdaix__nav-top p {\n    margin:\n        13px 0 0;\n\n    color: #777773;\n\n    font-size: 13px;\n    line-height: 1.55;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   TABS\n========================================================= *\/\n\n.wdaix__tabs {\n    margin-top: 4px;\n\n    border-top:\n        1px solid #d9d9d4;\n}\n\n\n.wdaix__tab {\n    width: 100%;\n\n    min-height: 66px;\n\n    padding:\n        10px 8px;\n\n    border: 0;\n\n    border-bottom:\n        1px solid #d9d9d4;\n\n    background: transparent;\n\n    display: grid;\n\n    grid-template-columns:\n        32px\n        minmax(0,1fr);\n\n    gap: 12px;\n\n    align-items: center;\n\n    text-align: left;\n\n    cursor: pointer;\n\n    transition:\n        background .25s ease,\n        padding-left .25s ease;\n}\n\n\n.wdaix__tab:hover,\n.wdaix__tab.is-active {\n    padding-left: 14px;\n\n    background:\n        rgba(255,255,255,.88);\n}\n\n\n.wdaix__tab > span {\n    color: #999995;\n\n    font-size: 9px;\n\n    font-weight: 850;\n}\n\n.wdaix__tab.is-active\n> span {\n    color: var(--orange);\n}\n\n.wdaix__tab.is-active {\n    position: relative;\n}\n\n.wdaix__tab.is-active::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 16px;\n    bottom: 16px;\n    width: 2px;\n    border-radius: 999px;\n    background: var(--orange);\n}\n\n\n.wdaix__tab strong {\n    display: block;\n\n    color: #2a2a27;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n\n.wdaix__tab small {\n    display: block;\n\n    margin-top: 4px;\n\n    color: #92928e;\n\n    font-size: 10px;\n\n    font-weight: 550;\n}\n\n\n\/* =========================================================\n   NAV FOOT\n========================================================= *\/\n\n.wdaix__nav-foot {\n    margin-top: auto;\n\n    padding:\n        22px 8px\n        3px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n}\n\n\n.wdaix__status-dot {\n    position: relative;\n\n    width: 12px;\n    height: 12px;\n\n    flex: 0 0 12px;\n\n    display: grid;\n    place-items: center;\n}\n\n.wdaix__status-dot i {\n    position: relative;\n\n    z-index: 2;\n\n    display: block;\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: #34bd78;\n}\n\n.wdaix__status-dot::before {\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    border:\n        1px solid\n        rgba(52,189,120,.38);\n\n    border-radius: 50%;\n\n    animation:\n        wdaixPulse\n        2s ease-out\n        infinite;\n}\n\n@keyframes wdaixPulse {\n\n    0% {\n        transform: scale(.7);\n        opacity: .9;\n    }\n\n    100% {\n        transform: scale(2.2);\n        opacity: 0;\n    }\n\n}\n\n\n.wdaix__nav-foot strong {\n    display: block;\n\n    color: #31312e;\n\n    font-size: 12px;\n\n    font-weight: 800;\n}\n\n.wdaix__nav-foot small {\n    display: block;\n\n    margin-top: 3px;\n\n    color: #898985;\n\n    font-size: 9px;\n\n    line-height: 1.4;\n}\n\n\n\/* =========================================================\n   DEMO\n========================================================= *\/\n\n.wdaix__demo {\n    min-width: 0;\n\n    padding:\n        20px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff 0%,\n            #fbfbf9 100%\n        );\n\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n.wdaix__demo-head {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding:\n        0 0 19px;\n\n    border-bottom:\n        1px solid #e4e4df;\n}\n\n\n.wdaix__agent {\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n}\n\n\n.wdaix__agent-icon {\n    width: 43px;\n    height: 43px;\n\n    border-radius: 12px;\n\n    background:\n        #171717;\n\n    color: #fff;\n\n    display: grid;\n\n    place-items: center;\n\n    font-size: 11px;\n\n    font-weight: 850;\n}\n\n\n.wdaix__agent strong {\n    display: block;\n\n    color: #252522;\n\n    font-size: 13px;\n\n    font-weight: 800;\n}\n\n\n.wdaix__agent span {\n    display: flex;\n\n    align-items: center;\n\n    gap: 6px;\n\n    margin-top: 4px;\n\n    color: #8c8c88;\n\n    font-size: 10px;\n\n    font-weight: 600;\n}\n\n\n.wdaix__agent span i {\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: #34bd78;\n\n    box-shadow:\n        0 0 0 4px\n        rgba(52,189,120,.1);\n}\n\n\n.wdaix__demo-label {\n    padding:\n        7px 10px;\n\n    border-radius: 8px;\n\n    background:\n        rgba(255,80,51,.07);\n\n    color: var(--orange);\n\n    font-size: 9px;\n\n    font-weight: 850;\n\n    letter-spacing: .6px;\n}\n\n\n\/* =========================================================\n   CHAT\n========================================================= *\/\n\n.wdaix__chat {\n    flex: 1;\n\n    min-height: 0;\n\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n.wdaix__chat-meta {\n    padding:\n        20px 0 17px;\n\n    display: grid;\n\n    grid-template-columns:\n        190px\n        minmax(0,1fr);\n\n    gap: 28px;\n\n    border-bottom:\n        1px solid #e7e7e3;\n}\n\n\n.wdaix__chat-meta small {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: #a0a09c;\n\n    font-size: 8px;\n\n    font-weight: 850;\n\n    letter-spacing: .7px;\n}\n\n\n.wdaix__chat-meta strong {\n    color: #2a2a27;\n\n    font-size: 18px;\n\n    font-weight: 700;\n}\n\n\n.wdaix__chat-meta p {\n    max-width: 580px;\n\n    margin: 0;\n\n    color: #70706c;\n\n    font-size: 13px;\n\n    line-height: 1.58;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   MESSAGES\n========================================================= *\/\n\n.wdaix__messages {\n    flex: 1;\n\n    min-height: 245px;\n\n    padding:\n        20px 0\n        16px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    gap: 12px;\n}\n\n\n.wdaix__bubble {\n    max-width: 74%;\n\n    padding:\n        12px 14px;\n\n    border-radius: 14px;\n\n    font-size: 13px;\n    line-height: 1.5;\n\n    font-weight: 550;\n\n    animation:\n        wdaixBubble\n        .38s ease both;\n}\n\n\n.wdaix__bubble--ai {\n    align-self: flex-start;\n\n    background:\n        #efefec;\n\n    color: #484845;\n\n    border-bottom-left-radius: 5px;\n}\n\n\n.wdaix__bubble--user {\n    align-self: flex-end;\n\n    background:\n        #171717;\n\n    color: #fff;\n\n    border-bottom-right-radius: 5px;\n}\n\n\n@keyframes wdaixBubble {\n\n    from {\n        opacity: 0;\n        transform: translateY(7px);\n    }\n\n    to {\n        opacity: 1;\n        transform: none;\n    }\n\n}\n\n\n\/* =========================================================\n   INPUT\n========================================================= *\/\n\n.wdaix__input {\n    min-height: 51px;\n\n    padding:\n        7px 7px\n        7px 15px;\n\n    border:\n        1px solid #deded9;\n\n    border-radius: 12px;\n\n    background: #fff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 12px;\n}\n\n\n.wdaix__input span {\n    color: #aaa9a5;\n\n    font-size: 11px;\n\n    font-weight: 550;\n}\n\n\n.wdaix__input button {\n    min-height: 36px;\n    padding: 0 7px 0 12px;\n\n    border: 0;\n\n    border-radius: 9px;\n\n    background: var(--orange);\n\n    color: #fff;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 9px;\n\n    cursor: pointer;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    white-space: nowrap;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n}\n\n.wdaix__input button:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 8px 18px rgba(255,80,51,.18);\n}\n\n.wdaix__input button b {\n    width: 24px;\n    height: 24px;\n\n    border-radius: 7px;\n\n    background: rgba(255,255,255,.15);\n\n    display: grid;\n    place-items: center;\n\n    font-size: 9px;\n    line-height: 1;\n    font-weight: 600;\n}\n\n\n\/* =========================================================\n   INTEGRATIONS\n========================================================= *\/\n\n.wdaix__integrations {\n    margin-top: 16px;\n\n    padding:\n        18px 0 2px;\n\n    border-top:\n        1px solid #e4e4df;\n}\n\n\n.wdaix__integrations > span {\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: #9a9a96;\n\n    font-size: 9px;\n\n    font-weight: 800;\n\n    letter-spacing: .5px;\n\n    text-transform: uppercase;\n}\n\n\n.wdaix__integrations > div {\n    display: flex;\n\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 8px;\n}\n\n\n.wdaix__integrations b {\n    color: #666662;\n\n    font-size: 11px;\n\n    font-weight: 700;\n}\n\n\n.wdaix__integrations i {\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: #c7c7c2;\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.wdaix__benefits {\n    margin-top: 24px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n    border:\n        1px solid var(--line);\n\n    border-radius: 14px;\n\n    overflow: hidden;\n\n    background:\n        rgba(255,255,255,.55);\n}\n\n\n.wdaix__benefit {\n    min-height: 118px;\n\n    padding:\n        20px 20px;\n\n    border-right:\n        1px solid var(--line);\n\n    display: grid;\n\n    grid-template-columns:\n        32px\n        minmax(0,1fr);\n\n    gap: 14px;\n}\n\n\n.wdaix__benefit:last-child {\n    border-right: 0;\n}\n\n\n.wdaix__benefit > span {\n    padding-top: 4px;\n\n    color: var(--orange);\n\n    font-size: 9px;\n\n    font-weight: 850;\n}\n\n\n.wdaix__benefit strong {\n    display: block;\n\n    color: #262623;\n\n    font-size: 18px;\n\n    line-height: 1.2;\n\n    font-weight: 700;\n}\n\n\n.wdaix__benefit p {\n    margin:\n        9px 0 0;\n\n    color: #70706c;\n\n    font-size: 13px;\n\n    line-height: 1.55;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   REVEAL \/ ELEMENTOR SAFE\n========================================================= *\/\n\n.wdaix__reveal {\n    opacity: 1;\n\n    transform: none;\n}\n\n\n.wdaix.wdaix--animate\n.wdaix__reveal {\n    opacity: 0;\n\n    transform:\n        translateY(22px);\n\n    transition:\n        opacity .72s\n        cubic-bezier(.22,1,.36,1),\n        transform .72s\n        cubic-bezier(.22,1,.36,1);\n\n    transition-delay:\n        var(--delay,0s);\n}\n\n\n.wdaix.wdaix--animate\n.wdaix__reveal.is-visible {\n    opacity: 1;\n\n    transform: none;\n}\n\n\nbody.elementor-editor-active\n.wdaix__reveal,\n\nbody.elementor-editor-preview\n.wdaix__reveal,\n\n.elementor-edit-area\n.wdaix__reveal {\n    opacity: 1 !important;\n\n    transform: none !important;\n\n    transition: none !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 1080px) {\n\n    .wdaix__intro-grid {\n        grid-template-columns:\n            1fr 360px;\n\n        gap: 50px;\n    }\n\n    .wdaix__title {\n        font-size: 52px;\n    }\n\n    .wdaix__console {\n        grid-template-columns:\n            280px\n            minmax(0,1fr);\n    }\n\n}\n\n\n@media (max-width: 840px) {\n\n    .wdaix__inner {\n        width:\n            calc(100% - 36px);\n\n        padding:\n            66px 0 58px;\n    }\n\n    .wdaix__intro-grid {\n        grid-template-columns: 1fr;\n\n        gap: 24px;\n    }\n\n    .wdaix__console {\n        grid-template-columns: 1fr;\n    }\n\n    .wdaix__nav {\n        border-right: 0;\n\n        border-bottom:\n            1px solid #deded9;\n    }\n\n    .wdaix__tabs {\n        display: grid;\n\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n    }\n\n    .wdaix__tab {\n        border-right:\n            1px solid #d9d9d4;\n    }\n\n    .wdaix__nav-foot {\n        margin-top: 16px;\n    }\n\n    .wdaix__benefits {\n        grid-template-columns: 1fr;\n    }\n\n    .wdaix__benefit {\n        border-right: 0;\n\n        border-bottom:\n            1px solid var(--line);\n    }\n\n    .wdaix__benefit:last-child {\n        border-bottom: 0;\n    }\n\n}\n\n\n@media (max-width: 620px) {\n\n    .wdaix__inner {\n        width:\n            calc(100% - 28px);\n\n        padding:\n            52px 0 46px;\n    }\n\n    .wdaix__kicker {\n        margin-bottom: 20px;\n\n        font-size: 10px;\n    }\n\n    .wdaix__title {\n        font-size: 39px;\n\n        letter-spacing: -2px;\n    }\n\n    .wdaix__intro-copy p {\n        font-size: 16px;\n\n        line-height: 1.65;\n    }\n\n    .wdaix__console {\n        border-radius: 18px;\n    }\n\n    .wdaix__nav {\n        padding:\n            22px 14px\n            18px;\n    }\n\n    .wdaix__nav-top strong {\n        font-size: 21px;\n    }\n\n    .wdaix__tabs {\n        grid-template-columns: 1fr;\n    }\n\n    .wdaix__tab {\n        min-height: 68px;\n\n        border-right: 0;\n    }\n\n    .wdaix__demo {\n        padding: 16px;\n    }\n\n    .wdaix__demo-head {\n        align-items: flex-start;\n    }\n\n    .wdaix__demo-label {\n        font-size: 8px;\n    }\n\n    .wdaix__chat-meta {\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n\n        padding:\n            21px 0 18px;\n    }\n\n    .wdaix__messages {\n        min-height: 245px;\n    }\n\n    .wdaix__bubble {\n        max-width: 90%;\n\n        font-size: 12px;\n    }\n\n    .wdaix__integrations {\n        padding-bottom: 2px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .wdaix__reveal,\n    .wdaix__bubble,\n    .wdaix__status-dot::before {\n        opacity: 1 !important;\n\n        transform: none !important;\n\n        transition: none !important;\n\n        animation: none !important;\n    }\n\n}\n\n\n\n\n\/* =========================================================\n   MOBILE FINAL \u2014 COMPACT AI EXPERIENCE\n   Desktop\/tablet keep the full interactive console.\n========================================================= *\/\n@media (max-width: 620px) {\n\n    .wdaix {\n        border-top: 0 !important;\n    }\n\n    .wdaix__inner {\n        width: calc(100% - 28px) !important;\n        padding: 48px 0 44px !important;\n    }\n\n    .wdaix__intro {\n        margin-bottom: 24px !important;\n    }\n\n    .wdaix__kicker {\n        margin-bottom: 16px !important;\n        font-size: 9px !important;\n    }\n\n    .wdaix__intro-grid {\n        gap: 16px !important;\n    }\n\n    .wdaix__title {\n        font-size: 36px !important;\n        line-height: 1.01 !important;\n        letter-spacing: -1.8px !important;\n    }\n\n    .wdaix__intro-copy p {\n        font-size: 14px !important;\n        line-height: 1.52 !important;\n    }\n\n    .wdaix__intro-actions {\n        margin-top: 14px !important;\n    }\n\n    .wdaix__main-link {\n        font-size: 12px !important;\n    }\n\n    .wdaix__console {\n        min-height: auto !important;\n        border-radius: 16px !important;\n    }\n\n    \/* On mobile the long explanatory nav becomes a compact scenario picker *\/\n    .wdaix__nav {\n        padding: 12px !important;\n        border-right: 0 !important;\n        border-bottom: 1px solid #deded9 !important;\n    }\n\n    .wdaix__nav-top,\n    .wdaix__nav-foot {\n        display: none !important;\n    }\n\n    .wdaix__tabs {\n        margin: 0 !important;\n        padding: 0 !important;\n        border-top: 0 !important;\n\n        display: flex !important;\n        gap: 7px !important;\n\n        overflow-x: auto;\n        scrollbar-width: none;\n        -webkit-overflow-scrolling: touch;\n    }\n\n    .wdaix__tabs::-webkit-scrollbar {\n        display: none;\n    }\n\n    .wdaix__tab {\n        width: auto !important;\n        min-width: max-content !important;\n        min-height: 38px !important;\n\n        padding: 0 12px !important;\n\n        border: 1px solid #deded9 !important;\n        border-radius: 9px !important;\n\n        background: rgba(255,255,255,.62) !important;\n\n        display: flex !important;\n        align-items: center !important;\n        gap: 7px !important;\n    }\n\n    .wdaix__tab:hover,\n    .wdaix__tab.is-active {\n        padding-left: 12px !important;\n    }\n\n    .wdaix__tab.is-active {\n        border-color: rgba(255,80,51,.28) !important;\n        background: rgba(255,80,51,.07) !important;\n    }\n\n    .wdaix__tab.is-active::before {\n        display: none !important;\n    }\n\n    .wdaix__tab > span {\n        display: none !important;\n    }\n\n    .wdaix__tab strong {\n        font-size: 11px !important;\n        line-height: 1 !important;\n        white-space: nowrap;\n    }\n\n    .wdaix__tab small {\n        display: none !important;\n    }\n\n    .wdaix__demo {\n        padding: 14px !important;\n    }\n\n    .wdaix__demo-head {\n        padding-bottom: 12px !important;\n        gap: 10px !important;\n    }\n\n    .wdaix__agent {\n        gap: 9px !important;\n    }\n\n    .wdaix__agent-icon {\n        width: 36px !important;\n        height: 36px !important;\n        border-radius: 10px !important;\n        font-size: 10px !important;\n    }\n\n    .wdaix__agent strong {\n        font-size: 12px !important;\n    }\n\n    .wdaix__agent span {\n        font-size: 9px !important;\n    }\n\n    .wdaix__demo-label {\n        padding: 6px 8px !important;\n        font-size: 7px !important;\n        letter-spacing: .35px !important;\n    }\n\n    .wdaix__chat-meta {\n        padding: 14px 0 12px !important;\n        grid-template-columns: 1fr !important;\n        gap: 5px !important;\n    }\n\n    .wdaix__chat-meta small {\n        display: none !important;\n    }\n\n    .wdaix__chat-meta strong {\n        font-size: 15px !important;\n    }\n\n    .wdaix__chat-meta p {\n        font-size: 11px !important;\n        line-height: 1.45 !important;\n    }\n\n    .wdaix__messages {\n        min-height: 190px !important;\n        padding: 14px 0 12px !important;\n        gap: 8px !important;\n    }\n\n    .wdaix__bubble {\n        max-width: 92% !important;\n        padding: 9px 11px !important;\n        border-radius: 11px !important;\n        font-size: 11px !important;\n        line-height: 1.42 !important;\n    }\n\n    .wdaix__input {\n        min-height: 44px !important;\n        padding: 5px 5px 5px 11px !important;\n        border-radius: 10px !important;\n    }\n\n    .wdaix__input span {\n        font-size: 9px !important;\n    }\n\n    .wdaix__input button {\n        min-height: 32px !important;\n        padding: 0 5px 0 9px !important;\n        border-radius: 8px !important;\n        gap: 7px !important;\n    }\n\n    .wdaix__try-ai-text {\n        font-size: 9px !important;\n    }\n\n    .wdaix__input button b {\n        width: 22px !important;\n        height: 22px !important;\n        border-radius: 6px !important;\n    }\n\n    \/* Integrations are useful, but the full list is unnecessary on the homepage mobile view *\/\n    .wdaix__integrations {\n        margin-top: 11px !important;\n        padding: 11px 0 0 !important;\n    }\n\n    .wdaix__integrations > span {\n        margin-bottom: 7px !important;\n        font-size: 8px !important;\n    }\n\n    .wdaix__integrations > div {\n        gap: 6px !important;\n    }\n\n    .wdaix__integrations b {\n        font-size: 9px !important;\n    }\n\n    \/* Benefits repeat what the demo already communicates; keep only compact chips *\/\n    .wdaix__benefits {\n        margin-top: 14px !important;\n        grid-template-columns: repeat(3, minmax(0,1fr)) !important;\n        border-radius: 11px !important;\n    }\n\n    .wdaix__benefit {\n        min-height: 64px !important;\n        padding: 11px 8px !important;\n        border-right: 1px solid var(--line) !important;\n        border-bottom: 0 !important;\n\n        display: block !important;\n        text-align: center;\n    }\n\n    .wdaix__benefit:last-child {\n        border-right: 0 !important;\n    }\n\n    .wdaix__benefit > span {\n        display: block;\n        padding: 0 !important;\n        margin-bottom: 5px;\n        font-size: 8px !important;\n    }\n\n    .wdaix__benefit strong {\n        font-size: 10px !important;\n        line-height: 1.25 !important;\n    }\n\n    .wdaix__benefit p {\n        display: none !important;\n    }\n}\n\n<\/style>\n\n\n<script>\n(function () {\n\n    var SCENARIOS = {\n    \"consultant\": {\n        \"label\": \"CUSTOMER ASSISTANT\",\n        \"title\": \"Customer assistant\",\n        \"description\": \"AI answers questions, clarifies customer needs and helps prepare an inquiry.\",\n        \"messages\": [\n            {\n                \"type\": \"ai\",\n                \"text\": \"Hello! How can I help?\"\n            },\n            {\n                \"type\": \"user\",\n                \"text\": \"I need a website for an auto repair shop.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"Do you need service descriptions and an inquiry form, or would you also like online appointment booking?\"\n            }\n        ]\n    },\n    \"shop\": {\n        \"label\": \"E-COMMERCE\",\n        \"title\": \"AI for online stores\",\n        \"description\": \"AI helps customers choose products, answers questions and guides them through the next step.\",\n        \"messages\": [\n            {\n                \"type\": \"user\",\n                \"text\": \"I need warehouse shelving with a 500 kg load capacity.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"What width and how many shelving levels do you need?\"\n            },\n            {\n                \"type\": \"user\",\n                \"text\": \"About 2 meters and 4 levels.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"There are several suitable options. I can show you the products or prepare an inquiry for a specialist.\"\n            }\n        ]\n    },\n    \"email\": {\n        \"label\": \"EMAIL\",\n        \"title\": \"AI assistant for Gmail\",\n        \"description\": \"AI helps organize incoming emails, identify inquiries and draft replies.\",\n        \"messages\": [\n            {\n                \"type\": \"ai\",\n                \"text\": \"A new inquiry about website development has arrived.\"\n            },\n            {\n                \"type\": \"user\",\n                \"text\": \"Prepare a draft reply.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"The draft includes questions about the website type, languages, deadlines and required features.\"\n            }\n        ]\n    },\n    \"crm\": {\n        \"label\": \"CRM AUTOMATION\",\n        \"title\": \"CRM and customer data\",\n        \"description\": \"AI sends inquiries to your CRM, organizes customer data and helps create follow-up tasks.\",\n        \"messages\": [\n            {\n                \"type\": \"ai\",\n                \"text\": \"A new inquiry has arrived from the website.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"CRM contact created: SIA Demo. Service: online store development.\"\n            },\n            {\n                \"type\": \"user\",\n                \"text\": \"Create a task to contact the customer tomorrow.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"The task has been created and assigned to the person responsible for sales.\"\n            }\n        ]\n    },\n    \"documents\": {\n        \"label\": \"DOCUMENTS\",\n        \"title\": \"Documents and proposals\",\n        \"description\": \"AI helps prepare proposals and contracts using your company templates.\",\n        \"messages\": [\n            {\n                \"type\": \"user\",\n                \"text\": \"Prepare a proposal for a WordPress website in two languages.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"The proposal outline includes the project description, scope, costs and payment terms.\"\n            },\n            {\n                \"type\": \"user\",\n                \"text\": \"Create a PDF to send to the customer.\"\n            },\n            {\n                \"type\": \"ai\",\n                \"text\": \"The document is ready. Review and approve it before sending.\"\n            }\n        ]\n    }\n};\n\n\n    function initWdAiExperience() {\n\n        var section =\n            document.getElementById(\n                \"wdAiExperience\"\n            );\n\n        if (\n            !section ||\n            section.dataset.initialized === \"1\"\n        ) {\n            return;\n        }\n\n        section.dataset.initialized = \"1\";\n\n\n        var tabs =\n            section.querySelectorAll(\n                \".wdaix__tab\"\n            );\n\n        var label =\n            document.getElementById(\n                \"wdaixDemoLabel\"\n            );\n\n        var title =\n            document.getElementById(\n                \"wdaixScenarioTitle\"\n            );\n\n        var description =\n            document.getElementById(\n                \"wdaixScenarioDescription\"\n            );\n\n        var messages =\n            document.getElementById(\n                \"wdaixMessages\"\n            );\n\n\n        function renderScenario(key) {\n\n            var scenario =\n                SCENARIOS[key];\n\n            if (!scenario) {\n                return;\n            }\n\n\n            label.textContent =\n                scenario.label;\n\n            title.textContent =\n                scenario.title;\n\n            description.textContent =\n                scenario.description;\n\n\n            messages.innerHTML = \"\";\n\n\n            scenario.messages.forEach(\n                function (message, index) {\n\n                    var bubble =\n                        document.createElement(\n                            \"div\"\n                        );\n\n                    bubble.className =\n                        \"wdaix__bubble \" +\n                        (\n                            message.type === \"user\"\n                            ?\n                            \"wdaix__bubble--user\"\n                            :\n                            \"wdaix__bubble--ai\"\n                        );\n\n                    bubble.style.animationDelay =\n                        (index * .08) + \"s\";\n\n                    bubble.textContent =\n                        message.text;\n\n                    messages.appendChild(\n                        bubble\n                    );\n\n                }\n            );\n\n        }\n\n\n        tabs.forEach(\n            function (tab) {\n\n                tab.addEventListener(\n                    \"click\",\n                    function () {\n\n                        tabs.forEach(\n                            function (other) {\n\n                                other.classList.remove(\n                                    \"is-active\"\n                                );\n\n                                other.setAttribute(\n                                    \"aria-selected\",\n                                    \"false\"\n                                );\n\n                            }\n                        );\n\n\n                        tab.classList.add(\n                            \"is-active\"\n                        );\n\n                        tab.setAttribute(\n                            \"aria-selected\",\n                            \"true\"\n                        );\n\n\n                        renderScenario(\n                            tab.getAttribute(\n                                \"data-ai-scenario\"\n                            )\n                        );\n\n                    }\n                );\n\n            }\n        );\n\n\n        \/* =====================================================\n           TRY REAL WEBDIGITAL AI\n        ====================================================== *\/\n\n        var tryAiButton =\n            section.querySelector(\n                \".wdaix__try-ai\"\n            );\n\n        if (tryAiButton) {\n\n            tryAiButton.addEventListener(\n                \"click\",\n                function () {\n\n                    var headerAI =\n                        document.getElementById(\n                            \"wdSupportButton\"\n                        );\n\n                    if (headerAI) {\n                        headerAI.click();\n                        return;\n                    }\n\n                    window.location.href =\n                        \"\/kontakti\/\";\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           REVEAL\n        ====================================================== *\/\n\n        var body =\n            document.body;\n\n        var editor =\n            body.classList.contains(\n                \"elementor-editor-active\"\n            )\n            ||\n            body.classList.contains(\n                \"elementor-editor-preview\"\n            );\n\n\n        if (editor) {\n            return;\n        }\n\n\n        var revealItems =\n            section.querySelectorAll(\n                \".wdaix__reveal\"\n            );\n\n\n        if (!revealItems.length) {\n            return;\n        }\n\n\n        section.classList.add(\n            \"wdaix--animate\"\n        );\n\n\n        if (\n            !(\n                \"IntersectionObserver\"\n                in window\n            )\n        ) {\n\n            revealItems.forEach(\n                function (item) {\n\n                    item.classList.add(\n                        \"is-visible\"\n                    );\n\n                }\n            );\n\n            return;\n        }\n\n\n        var observer =\n            new IntersectionObserver(\n\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            if (\n                                entry.isIntersecting\n                            ) {\n\n                                entry.target\n                                    .classList\n                                    .add(\n                                        \"is-visible\"\n                                    );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n\n                            }\n\n                        }\n                    );\n\n                },\n\n                {\n                    threshold: .08,\n                    rootMargin:\n                        \"0px 0px -20px 0px\"\n                }\n\n            );\n\n\n        revealItems.forEach(\n            function (item) {\n\n                observer.observe(\n                    item\n                );\n\n            }\n        );\n\n    }\n\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initWdAiExperience\n        );\n\n    } else {\n\n        initWdAiExperience();\n    }\n\n\n    if (window.jQuery) {\n\n        window.jQuery(window).on(\n            \"elementor\/frontend\/init\",\n            function () {\n\n                setTimeout(\n                    initWdAiExperience,\n                    100\n                );\n\n            }\n        );\n\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4b43478 e-con e-atomic-element e-flexbox-base e-default-div e-4b43478-93709e9 \" data-id=\"4b43478\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4b43478\" data-e-type=\"e-flexbox\" data-id=\"4b43478\">\n    \t\t<div class=\"elementor-element elementor-element-1a548ab elementor-widget elementor-widget-html\" data-id=\"1a548ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 07 \/ KLIENTU ATSAUKSMES\r\n     TRUSTINDEX \/ GOOGLE REVIEWS\r\n     LIGHT PREMIUM \/ ELEMENTOR SAFE\r\n========================================================= -->\r\n\r\n<section class=\"wdreviews\" id=\"wdReviews\">\r\n\r\n    <div class=\"wdreviews__inner\">\r\n\r\n        <!-- =====================================================\r\n             HEADER\r\n        ====================================================== -->\r\n\r\n        <div class=\"wdreviews__header wdreviews__reveal\">\r\n\r\n            <div class=\"wdreviews__kicker\">\r\n                <span>09<\/span>\r\n                <i><\/i>\r\n                <span>CLIENT REVIEWS<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"wdreviews__header-grid\">\r\n\r\n                <h2 class=\"wdreviews__title\">\r\n                    What our clients\r\n                    <span>say about working with us.<\/span>\r\n                <\/h2>\r\n\r\n\r\n                <div class=\"wdreviews__intro\">\r\n\r\n                    <p>Read Google reviews from clients who have worked with WebDigital.<\/p>\r\n\r\n                    <div class=\"wdreviews__trust\">\r\n\r\n                        <span class=\"wdreviews__trust-dot\">\r\n                            <i><\/i>\r\n                        <\/span>\r\n\r\n                        <div>\r\n                            <strong>Real Google reviews<\/strong>\r\n                            <small>\r\n                                Reviews are loaded from Google\r\n                            <\/small>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             GOOGLE REVIEWS\r\n             \r\n             \u0412\u0410\u0416\u041d\u041e:\r\n             \u0415\u0441\u043b\u0438 Elementor HTML widget \u043d\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 shortcode,\r\n             \u0432\u0441\u0442\u0430\u0432\u044c \u0441\u044e\u0434\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 Shortcode widget Elementor:\r\n             \r\n             [trustindex no-registration=google]\r\n        ====================================================== -->\r\n\r\n        <div class=\"wdreviews__widget-wrap wdreviews__reveal\" style=\"--delay:.10s\">\r\n\r\n            <div class=\"wdreviews__widget\">\r\n\r\n                <link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-no-defer=\"1\" rel=\"stylesheet\" href=\"https:\/\/webdigital.lv\/wp-content\/uploads\/trustindex-google-widget.css?1788690468\" media=\"all\"><pre class=\"ti-widget\"><div style=\"opacity: 0;height: 0 !important;overflow: hidden !important\" data-css-url=\"https:\/\/webdigital.lv\/wp-content\/uploads\/trustindex-google-widget.css?1788690468\" class=\" ti-widget  ti-goog ti-disable-font ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-time-locale=\"%d pirms %s|\u0161odien|dien\u0101|dien\u0101s|ned\u0113\u013c\u0101|ned\u0113\u013c\u0101s|m\u0113nes\u012b|m\u0113ne\u0161os|gad\u0101|gados\" data-plugin-version=\"14.2\" data-layout-id=\"5\" data-layout-category=\"slider\" data-set-id=\"light-background\" data-pid=\"wp-widget\" data-language=\"en\" data-close-locale=\"Close\" data-review-target-width=\"275\" data-css-version=\"2\" data-reply-by-locale=\"Owner&apos;s reply\" data-only-rating-locale=\"This user only left a rating.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-4\"> <div class=\"ti-footer ti-footer-grid source-Google\"> <div class=\"ti-fade-container\"> <div class=\"ti-rating-text\"> <strong class=\"ti-rating ti-rating-large\"> IZCILI <\/strong> <\/div> <span class=\"ti-stars star-lg\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><\/span> <div class=\"ti-rating-text\"> <span class=\"nowrap\">Based on <strong>25 reviews<\/strong><\/span> <\/div> <div class=\"ti-large-logo\"> <div class=\"ti-v-center\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-logo-fb skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/logo.svg\" width=\"150\" height=\"25\" loading=\"lazy\" alt=\"Google\" title=\"\"> <\/div> <\/div> <\/div> <\/div> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Next review\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Previous review\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\">  <div data-empty=\"0\" data-time=\"1791504000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJmc-QyZXNgrj-eq-p7v3lKXzlk8bAbE21TueRtJF7pUJmMjA=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJmc-QyZXNgrj-eq-p7v3lKXzlk8bAbE21TueRtJF7pUJmMjA=w80-h80-c-rp-mo-br100 2x\" alt=\"Andreas Tillman profile picture\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Andreas Tillman <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/e.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex apstiprina, ka atsauksmes s\u0101kotn\u0113jais avots ir Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Easy to communicate and great job done.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1791504000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUhLsyHv87ZpUwiV4clEacpAR7LEMorzpAbKoT972PU3uTqd6s-=w40-h40-c-rp-mo-ba12-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUhLsyHv87ZpUwiV4clEacpAR7LEMorzpAbKoT972PU3uTqd6s-=w80-h80-c-rp-mo-ba12-br100 2x\" alt=\"KEY &amp; LOCK 2 profile picture\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> KEY &amp; LOCK 2 <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex apstiprina, ka atsauksmes s\u0101kotn\u0113jais avots ir Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u0435 WEBDIGITAL \u0437\u0430 \u043e\u0442\u043b\u0438\u0447\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1762992000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUj-vXPVoUfAL6hWs0DimspBcCPk7_xfvMbDTUZbcCXkOzPA5L5=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUj-vXPVoUfAL6hWs0DimspBcCPk7_xfvMbDTUZbcCXkOzPA5L5=w80-h80-c-rp-mo-br100 2x\" alt=\"Julija Skurjate profile picture\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Julija Skurjate <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex apstiprina, ka atsauksmes s\u0101kotn\u0113jais avots ir Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Atsauc\u012bgi sadarb\u012bbas partneri, kuri atbild par sava darba kvalit\u0101ti.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1761177600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWzO9BTeRcQsgxeGB2gnDXlC6Wcj-Pa4YCytOQ95gWaADdpR3A=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWzO9BTeRcQsgxeGB2gnDXlC6Wcj-Pa4YCytOQ95gWaADdpR3A=w80-h80-c-rp-mo-br100 2x\" alt=\"Marta Karele profile picture\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Marta Karele <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex apstiprina, ka atsauksmes s\u0101kotn\u0113jais avots ir Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Profesion\u0101la komanda, veiksm\u012bga sadarb\u012bba. Paldies!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1742169600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXcNC91ipyUSrnOCPj2nmIYTYS2djnxZqwYTUwEEQbBG1O-o2Vlfw=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXcNC91ipyUSrnOCPj2nmIYTYS2djnxZqwYTUwEEQbBG1O-o2Vlfw=w80-h80-c-rp-mo-br100 2x\" alt=\"Tatjana Maia profile picture\" loading=\"lazy\" title=\"\"> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Tatjana Maia <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" title=\"\"><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex apstiprina, ka atsauksmes s\u0101kotn\u0113jais avots ir Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->\u041e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 \u0438 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0438\u0441, \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div>   <div class=\"ti-verified-by ti-verified-by-row\" data-style=\"1\"> <div class=\"ti-inner\"> Verified by Trustindex <span class=\"ti-info-icon\"><\/span> <div class=\"ti-disclaimer\">Trustindex verified badge is the Universal Symbol of Trust. Only the greatest companies can get the verified badge who has a review score above 4.5, based on customer reviews over the past 12 months. <a href=\"https:\/\/www.trustindex.io\/?a=sys&amp;c=wp-verified-badge&amp;url=\/the-trustindex-verified-badge\/\" target=\"_blank\" rel=\"noopener\">Read more<\/a><\/div> <\/div> <\/div>  <\/div> <\/div> <\/div> <\/pre><pre class=\"ti-hidden-markup\" hidden style=\"display: none\"><script>\n(function () { if (window.tiLoaderFallback) { return; } window.tiLoaderFallback = true; function tiLoadLoader() { if (window.TrustindexWidget || document.querySelector('script[src*=\"https:\/\/cdn.trustindex.io\/loader.js\"]')) { return; } let script = document.createElement(\"script\"); script.async = true; script.src = \"https:\/\/cdn.trustindex.io\/loader.js\"; script.setAttribute(\"data-ccm-injected\", \"1\"); document.head.appendChild(script); } if (\"loading\" === document.readyState) { document.addEventListener(\"DOMContentLoaded\", tiLoadLoader); } else { tiLoadLoader(); } })();\n<\/script>\n<\/pre>\r\n<script data-wd-locale=\"en\">(function(){function init(){var e=document.getElementById('wdReviews');if(e){var r=e.querySelector('.ti-rating-large');if(r)r.textContent='EXCELLENT';var n=e.querySelector('.ti-rating-text .nowrap');if(n){var k=n.querySelector('strong');n.textContent='Based on '+(k?k.textContent.trim():'25')+' reviews';}}var m=document.querySelector('.elementor[data-elementor-type=\"wp-page\"]');if(m)m.setAttribute('role','main');if(!document.getElementById('wd-skip-content')){var a=document.createElement('a');a.id='wd-skip-content';a.href='#wdTrust';a.className='wd-skip-content';a.textContent='Skip to content';document.body.insertBefore(a,document.body.firstChild);}}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();<\/script><style>.wd-skip-content{position:fixed;z-index:999999;left:12px;top:-100px;background:#fff;color:#111;padding:12px 18px;border:2px solid #111;border-radius:6px}.wd-skip-content:focus{top:12px}.wdworks6__lead a{text-decoration:underline;text-underline-offset:3px}<\/style>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wdreviews__after wdreviews__reveal\" style=\"--delay:.14s\">\r\n            <div class=\"wdreviews__after-left\">\r\n                <span class=\"wdreviews__after-dot\"><i><\/i><\/span>\r\n                <div>\r\n                    <strong>Want to discuss your project?<\/strong>\r\n                    <small>Tell us about your website or a project you want to build.<\/small>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <span class=\"wdreviews__after-note\">\r\n                How we work\r\n                <i>\u2193<\/i>\r\n            <\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.wdreviews,\r\n.wdreviews * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wdreviews a {\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.wdreviews {\r\n\r\n    --orange: #ff5033;\r\n\r\n    --black: #151515;\r\n\r\n    --text: #62625e;\r\n\r\n    --muted: #92928e;\r\n\r\n    --line: #deded9;\r\n\r\n    --soft: #f7f7f4;\r\n\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n\r\n    background:\r\n        #f7f7f4;\r\n\r\n\r\n    color:\r\n        var(--black);\r\n\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--line);\r\n\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* subtle decoration *\/\r\n\r\n.wdreviews::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: -180px;\r\n\r\n    bottom: -200px;\r\n\r\n\r\n    width: 480px;\r\n\r\n    height: 480px;\r\n\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n\r\n            circle,\r\n\r\n            rgba(255,80,51,.05),\r\n\r\n            rgba(255,80,51,0) 70%\r\n\r\n        );\r\n\r\n\r\n    pointer-events:\r\n        none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.wdreviews__inner {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n\r\n    width:\r\n\r\n        min(\r\n\r\n            calc(100% - 48px),\r\n\r\n            1390px\r\n\r\n        );\r\n\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n\r\n    padding:\r\n\r\n        82px 0\r\n\r\n        62px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wdreviews__header {\r\n\r\n    margin-bottom:\r\n        36px;\r\n\r\n}\r\n\r\n\r\n\/* kicker *\/\r\n\r\n.wdreviews__kicker {\r\n\r\n    display:\r\n        flex;\r\n\r\n\r\n    align-items:\r\n        center;\r\n\r\n\r\n    gap:\r\n        11px;\r\n\r\n\r\n    margin-bottom:\r\n        25px;\r\n\r\n\r\n    color:\r\n        #81817d;\r\n\r\n\r\n    font-size:\r\n        11px;\r\n\r\n\r\n    line-height:\r\n        1;\r\n\r\n\r\n    font-weight:\r\n        800;\r\n\r\n\r\n    letter-spacing:\r\n        1.2px;\r\n\r\n}\r\n\r\n\r\n.wdreviews__kicker span:first-child {\r\n\r\n    color:\r\n        var(--orange);\r\n\r\n}\r\n\r\n\r\n.wdreviews__kicker i {\r\n\r\n    width:\r\n        30px;\r\n\r\n\r\n    height:\r\n        1px;\r\n\r\n\r\n    background:\r\n        #cacac5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER GRID\r\n========================================================= *\/\r\n\r\n.wdreviews__header-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n\r\n    grid-template-columns:\r\n\r\n        minmax(0,1.15fr)\r\n\r\n        minmax(340px,.85fr);\r\n\r\n\r\n    gap:\r\n        90px;\r\n\r\n\r\n    align-items:\r\n        end;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.wdreviews__title {\r\n\r\n    max-width:\r\n        760px;\r\n\r\n\r\n    margin:\r\n        0;\r\n\r\n\r\n    color:\r\n        #151515;\r\n\r\n\r\n    font-size:\r\n\r\n        clamp(\r\n\r\n            46px,\r\n\r\n            4vw,\r\n\r\n            64px\r\n\r\n        );\r\n\r\n\r\n    line-height:\r\n        1;\r\n\r\n\r\n    font-weight:\r\n        650;\r\n\r\n\r\n    letter-spacing:\r\n        -3.1px;\r\n\r\n}\r\n\r\n\r\n.wdreviews__title span {\r\n\r\n    display:\r\n        block;\r\n\r\n\r\n    color:\r\n        #a0a09c;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.wdreviews__intro p {\r\n\r\n    max-width:\r\n        520px;\r\n\r\n\r\n    margin:\r\n        0;\r\n\r\n\r\n    color:\r\n        var(--text);\r\n\r\n\r\n    font-size:\r\n        16px;\r\n\r\n\r\n    line-height:\r\n        1.7;\r\n\r\n\r\n    font-weight:\r\n        500;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST\r\n========================================================= *\/\r\n\r\n.wdreviews__trust {\r\n\r\n    margin-top:\r\n        22px;\r\n\r\n\r\n    display:\r\n        flex;\r\n\r\n\r\n    align-items:\r\n        center;\r\n\r\n\r\n    gap:\r\n        12px;\r\n\r\n}\r\n\r\n\r\n.wdreviews__trust-dot {\r\n\r\n    position:\r\n        relative;\r\n\r\n\r\n    width:\r\n        13px;\r\n\r\n\r\n    height:\r\n        13px;\r\n\r\n\r\n    flex:\r\n        0 0 13px;\r\n\r\n\r\n    display:\r\n        grid;\r\n\r\n\r\n    place-items:\r\n        center;\r\n\r\n}\r\n\r\n\r\n.wdreviews__trust-dot i {\r\n\r\n    position:\r\n        relative;\r\n\r\n\r\n    z-index:\r\n        2;\r\n\r\n\r\n    width:\r\n        8px;\r\n\r\n\r\n    height:\r\n        8px;\r\n\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n\r\n    background:\r\n        #34bd78;\r\n\r\n}\r\n\r\n\r\n.wdreviews__trust-dot::before {\r\n\r\n    content:\r\n        \"\";\r\n\r\n\r\n    position:\r\n        absolute;\r\n\r\n\r\n    left:\r\n        50%;\r\n\r\n\r\n    top:\r\n        50%;\r\n\r\n\r\n    width:\r\n        8px;\r\n\r\n\r\n    height:\r\n        8px;\r\n\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n\r\n    border:\r\n\r\n        1px solid\r\n\r\n        rgba(52,189,120,.4);\r\n\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n\r\n    animation:\r\n\r\n        wdreviewsPulse\r\n\r\n        2.2s ease-out\r\n\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes wdreviewsPulse {\r\n\r\n    0% {\r\n\r\n        width:\r\n            8px;\r\n\r\n        height:\r\n            8px;\r\n\r\n        opacity:\r\n            .8;\r\n\r\n    }\r\n\r\n\r\n    100% {\r\n\r\n        width:\r\n            26px;\r\n\r\n        height:\r\n            26px;\r\n\r\n        opacity:\r\n            0;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n.wdreviews__trust strong {\r\n\r\n    display:\r\n        block;\r\n\r\n\r\n    color:\r\n        #333330;\r\n\r\n\r\n    font-size:\r\n        12px;\r\n\r\n\r\n    font-weight:\r\n        750;\r\n\r\n}\r\n\r\n\r\n.wdreviews__trust small {\r\n\r\n    display:\r\n        block;\r\n\r\n\r\n    margin-top:\r\n        3px;\r\n\r\n\r\n    color:\r\n        #8e8e89;\r\n\r\n\r\n    font-size:\r\n        10px;\r\n\r\n\r\n    font-weight:\r\n        550;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WIDGET CONTAINER\r\n========================================================= *\/\r\n\r\n.wdreviews__widget-wrap {\r\n\r\n    position:\r\n        relative;\r\n\r\n\r\n    padding:\r\n\r\n        18px;\r\n\r\n\r\n    border:\r\n\r\n        1px solid\r\n\r\n        #deded9;\r\n\r\n\r\n    border-radius:\r\n        18px;\r\n\r\n\r\n    background:\r\n        rgba(255,255,255,.72);\r\n\r\n\r\n    box-shadow:\r\n\r\n        0 18px 45px\r\n\r\n        rgba(0,0,0,.035);\r\n\r\n}\r\n\r\n\r\n\/* Trustindex *\/\r\n\r\n.wdreviews__widget {\r\n\r\n    width:\r\n        100%;\r\n\r\n\r\n    min-width:\r\n        0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUSTINDEX LIGHT OVERRIDES\r\n   \u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u043a\u0438.\r\n========================================================= *\/\r\n\r\n.wdreviews__widget\r\n.ti-widget {\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n}\r\n\r\n\r\n.wdreviews__widget\r\n.ti-widget-container {\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n}\r\n\r\n\r\n.wdreviews__widget\r\n.ti-reviews-container {\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n}\r\n\r\n\r\n\/* Cards *\/\r\n\r\n.wdreviews__widget\r\n.ti-review-item {\r\n\r\n    border-radius:\r\n        14px !important;\r\n\r\n}\r\n\r\n\r\n\/* avoid aggressive plugin shadows *\/\r\n\r\n.wdreviews__widget\r\n.ti-inner {\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   AFTER REVIEWS \/ TRANSITION\r\n========================================================= *\/\r\n\r\n.wdreviews__after {\r\n    margin-top: 22px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid var(--line);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n}\r\n\r\n.wdreviews__after-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.wdreviews__after-dot {\r\n    position: relative;\r\n    width: 12px;\r\n    height: 12px;\r\n    flex: 0 0 12px;\r\n    display: grid;\r\n    place-items: center;\r\n}\r\n\r\n.wdreviews__after-dot i {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: #34bd78;\r\n}\r\n\r\n.wdreviews__after-dot::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border: 1px solid rgba(52,189,120,.35);\r\n    border-radius: 50%;\r\n    animation: wdreviewsPulse 2.2s ease-out infinite;\r\n}\r\n\r\n.wdreviews__after-left strong {\r\n    display: block;\r\n    color: #353532;\r\n    font-size: 11px;\r\n    font-weight: 750;\r\n}\r\n\r\n.wdreviews__after-left small {\r\n    display: block;\r\n    margin-top: 3px;\r\n    color: #8e8e89;\r\n    font-size: 10px;\r\n    line-height: 1.45;\r\n    font-weight: 550;\r\n}\r\n\r\n.wdreviews__after-note {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: #8a8a86;\r\n    font-size: 10px;\r\n    font-weight: 650;\r\n    white-space: nowrap;\r\n}\r\n\r\n.wdreviews__after-note i {\r\n    color: var(--orange);\r\n    font-style: normal;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL \/ ELEMENTOR SAFE\r\n========================================================= *\/\r\n\r\n.wdreviews__reveal {\r\n\r\n    opacity:\r\n        1;\r\n\r\n\r\n    transform:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.wdreviews.wdreviews--animate\r\n.wdreviews__reveal {\r\n\r\n    opacity:\r\n        0;\r\n\r\n\r\n    transform:\r\n        translateY(22px);\r\n\r\n\r\n    transition:\r\n\r\n        opacity .72s\r\n        cubic-bezier(.22,1,.36,1),\r\n\r\n        transform .72s\r\n        cubic-bezier(.22,1,.36,1);\r\n\r\n\r\n    transition-delay:\r\n        var(--delay,0s);\r\n\r\n}\r\n\r\n\r\n.wdreviews.wdreviews--animate\r\n.wdreviews__reveal.is-visible {\r\n\r\n    opacity:\r\n        1;\r\n\r\n\r\n    transform:\r\n        none;\r\n\r\n}\r\n\r\n\r\n\/* Elementor editor *\/\r\n\r\nbody.elementor-editor-active\r\n.wdreviews__reveal,\r\n\r\nbody.elementor-editor-preview\r\n.wdreviews__reveal,\r\n\r\n.elementor-edit-area\r\n.wdreviews__reveal {\r\n\r\n    opacity:\r\n        1 !important;\r\n\r\n\r\n    transform:\r\n        none !important;\r\n\r\n\r\n    transition:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .wdreviews__header-grid {\r\n\r\n        grid-template-columns:\r\n\r\n            1fr\r\n\r\n            360px;\r\n\r\n\r\n        gap:\r\n            50px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__title {\r\n\r\n        font-size:\r\n            52px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* tablet *\/\r\n\r\n@media (max-width: 820px) {\r\n\r\n    .wdreviews__inner {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n\r\n\r\n        padding:\r\n\r\n            76px 0\r\n\r\n            66px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__header-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n\r\n        gap:\r\n            24px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__widget-wrap {\r\n\r\n        padding:\r\n            18px;\r\n\r\n    }\r\n}\r\n\r\n\r\n\/* mobile *\/\r\n\r\n@media (max-width: 620px) {\r\n\r\n    .wdreviews__inner {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n\r\n        padding:\r\n\r\n            58px 0\r\n\r\n            52px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__header {\r\n\r\n        margin-bottom:\r\n            34px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__kicker {\r\n\r\n        margin-bottom:\r\n            20px;\r\n\r\n\r\n        font-size:\r\n            10px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__title {\r\n\r\n        font-size:\r\n            39px;\r\n\r\n\r\n        letter-spacing:\r\n            -2px;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__intro p {\r\n\r\n        font-size:\r\n            15px;\r\n\r\n\r\n        line-height:\r\n            1.65;\r\n\r\n    }\r\n\r\n\r\n    .wdreviews__widget-wrap {\r\n\r\n        padding:\r\n            12px;\r\n\r\n\r\n        border-radius:\r\n            16px;\r\n\r\n    }\r\n}\r\n\r\n\r\n\r\n@media (max-width: 620px) {\r\n\r\n    .wdreviews__after {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        gap: 14px;\r\n    }\r\n\r\n    .wdreviews__after-note {\r\n        white-space: normal;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .wdreviews__reveal,\r\n\r\n    .wdreviews__trust-dot::before {\r\n\r\n        opacity:\r\n            1 !important;\r\n\r\n\r\n        transform:\r\n            none !important;\r\n\r\n\r\n        transition:\r\n            none !important;\r\n\r\n\r\n        animation:\r\n            none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE FINAL \u2014 COMPACT REVIEWS\r\n========================================================= *\/\r\n@media (max-width: 620px) {\r\n    .wdreviews {\r\n        border-top: 0 !important;\r\n    }\r\n\r\n    .wdreviews__inner {\r\n        width: calc(100% - 28px) !important;\r\n        padding: 46px 0 42px !important;\r\n    }\r\n\r\n    .wdreviews__header {\r\n        margin-bottom: 22px !important;\r\n    }\r\n\r\n    .wdreviews__kicker {\r\n        margin-bottom: 15px !important;\r\n        font-size: 9px !important;\r\n    }\r\n\r\n    .wdreviews__header-grid {\r\n        gap: 14px !important;\r\n    }\r\n\r\n    .wdreviews__title {\r\n        font-size: 35px !important;\r\n        line-height: 1.02 !important;\r\n        letter-spacing: -1.7px !important;\r\n    }\r\n\r\n    .wdreviews__intro p {\r\n        font-size: 14px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    .wdreviews__trust {\r\n        margin-top: 12px !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    .wdreviews__trust strong {\r\n        font-size: 11px !important;\r\n    }\r\n\r\n    .wdreviews__trust small {\r\n        display: none !important;\r\n    }\r\n\r\n    .wdreviews__widget-wrap {\r\n        padding: 8px !important;\r\n        border-radius: 14px !important;\r\n    }\r\n\r\n    \/* The plugin itself should handle review carousel\/swipe. *\/\r\n    .wdreviews__after {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initWdReviews() {\r\n\r\n        var section =\r\n            document.getElementById(\r\n                \"wdReviews\"\r\n            );\r\n\r\n\r\n        if (\r\n            !section ||\r\n            section.dataset.initialized === \"1\"\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        section.dataset.initialized =\r\n            \"1\";\r\n\r\n\r\n        var body =\r\n            document.body;\r\n\r\n\r\n        var editor =\r\n\r\n            body.classList.contains(\r\n                \"elementor-editor-active\"\r\n            )\r\n\r\n            ||\r\n\r\n            body.classList.contains(\r\n                \"elementor-editor-preview\"\r\n            );\r\n\r\n\r\n        \/*\r\n         * Elementor editor:\r\n         * \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c.\r\n         *\/\r\n\r\n        if (editor) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        var items =\r\n            section.querySelectorAll(\r\n                \".wdreviews__reveal\"\r\n            );\r\n\r\n\r\n        if (!items.length) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        section.classList.add(\r\n            \"wdreviews--animate\"\r\n        );\r\n\r\n\r\n        if (\r\n            !(\r\n                \"IntersectionObserver\"\r\n                in window\r\n            )\r\n        ) {\r\n\r\n            items.forEach(\r\n                function (item) {\r\n\r\n                    item.classList.add(\r\n                        \"is-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                entry.isIntersecting\r\n                            ) {\r\n\r\n                                entry.target\r\n                                    .classList\r\n                                    .add(\r\n                                        \"is-visible\"\r\n                                    );\r\n\r\n\r\n                                observer.unobserve(\r\n                                    entry.target\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n\r\n                    threshold:\r\n                        .08,\r\n\r\n                    rootMargin:\r\n                        \"0px 0px -20px 0px\"\r\n\r\n                }\r\n\r\n            );\r\n\r\n\r\n        items.forEach(\r\n\r\n            function (item) {\r\n\r\n                observer.observe(\r\n                    item\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState\r\n        ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n\r\n            \"DOMContentLoaded\",\r\n\r\n            initWdReviews\r\n\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        initWdReviews();\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Elementor frontend\r\n     *\/\r\n\r\n    if (window.jQuery) {\r\n\r\n        window.jQuery(window).on(\r\n\r\n            \"elementor\/frontend\/init\",\r\n\r\n            function () {\r\n\r\n                setTimeout(\r\n\r\n                    initWdReviews,\r\n\r\n                    100\r\n\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1754774 e-con e-atomic-element e-flexbox-base e-default-div e-1754774-66b02c4 \" data-id=\"1754774\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1754774\" data-e-type=\"e-flexbox\" data-id=\"1754774\">\n    \t\t<div class=\"elementor-element elementor-element-8739bff elementor-widget elementor-widget-html\" data-id=\"8739bff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 08 \/ K\u0100 M\u0112S STR\u0100D\u0100JAM\r\n     LIGHT PREMIUM PROCESS SECTION\r\n     ELEMENTOR SAFE\r\n========================================================= -->\r\n\r\n<section class=\"wdprocess\" id=\"wdProcess\">\r\n\r\n    <div class=\"wdprocess__inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"wdprocess__header wdprocess__reveal\">\r\n\r\n            <div class=\"wdprocess__kicker\">\r\n                <span>10<\/span>\r\n                <i><\/i>\r\n                <span>HOW WE WORK<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wdprocess__head-grid\">\r\n\r\n                <h2 class=\"wdprocess__title\">\r\n                    From the first conversation\r\n                    <span>to project launch.<\/span>\r\n                <\/h2>\r\n\r\n                <div class=\"wdprocess__intro\">\r\n                    <p>\r\n                        Here is how we take your website from initial discussion through planning, development and launch.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PROCESS -->\r\n        <div class=\"wdprocess__timeline wdprocess__reveal\" style=\"--delay:.10s\">\r\n\r\n            <div class=\"wdprocess__progress\"><\/div>\r\n\r\n\r\n            <!-- 01 -->\r\n            <article class=\"wdprocess__step\">\r\n\r\n                <div class=\"wdprocess__step-top\">\r\n\r\n                    <span class=\"wdprocess__number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <span class=\"wdprocess__dot\">\r\n                        <i><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__step-content\">\r\n\r\n                    <span class=\"wdprocess__mini\">\r\n                        GETTING TO KNOW YOU\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Conversation\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We clarify your goals, needs and project scope.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 02 -->\r\n            <article class=\"wdprocess__step\">\r\n\r\n                <div class=\"wdprocess__step-top\">\r\n\r\n                    <span class=\"wdprocess__number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <span class=\"wdprocess__dot\">\r\n                        <i><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__step-content\">\r\n\r\n                    <span class=\"wdprocess__mini\">\r\n                        PLANNING\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Proposal\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We agree on the solution, costs and deadlines.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 03 -->\r\n            <article class=\"wdprocess__step\">\r\n\r\n                <div class=\"wdprocess__step-top\">\r\n\r\n                    <span class=\"wdprocess__number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <span class=\"wdprocess__dot\">\r\n                        <i><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__step-content\">\r\n\r\n                    <span class=\"wdprocess__mini\">\r\n                        BUILDING\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Development\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We design and build the pages, features and integrations.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 04 -->\r\n            <article class=\"wdprocess__step\">\r\n\r\n                <div class=\"wdprocess__step-top\">\r\n\r\n                    <span class=\"wdprocess__number\">\r\n                        04\r\n                    <\/span>\r\n\r\n                    <span class=\"wdprocess__dot\">\r\n                        <i><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__step-content\">\r\n\r\n                    <span class=\"wdprocess__mini\">\r\n                        TESTING\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Handover\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We test the website, launch it and hand over access.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 05 -->\r\n            <article class=\"wdprocess__step wdprocess__step--last\">\r\n\r\n                <div class=\"wdprocess__step-top\">\r\n\r\n                    <span class=\"wdprocess__number\">\r\n                        05\r\n                    <\/span>\r\n\r\n                    <span class=\"wdprocess__dot wdprocess__dot--live\">\r\n                        <i><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__step-content\">\r\n\r\n                    <span class=\"wdprocess__mini\">\r\n                        ONGOING DEVELOPMENT\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Optional support\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We continue providing technical support if you choose.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TRANSPARENCY \/ OWNERSHIP -->\r\n        <div class=\"wdprocess__ownership wdprocess__reveal\" style=\"--delay:.16s\">\r\n\r\n            <div class=\"wdprocess__ownership-main\">\r\n\r\n                <div class=\"wdprocess__ownership-label\">\r\n                    <span>OWNERSHIP AND COSTS<\/span>\r\n                    <i><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Your website stays\r\n                    <span>under your control.<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    The project, access and data remain yours. We agree on costs and scope before work starts.\r\n                <\/p>\r\n\r\n                <div class=\"wdprocess__ownership-note\">\r\n                    <span class=\"wdprocess__ownership-check\">\u2713<\/span>\r\n                    <strong>No mandatory maintenance or hidden monthly fees.<\/strong>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"wdprocess__ownership-points\">\r\n\r\n                <div class=\"wdprocess__ownership-point\">\r\n                    <span class=\"wdprocess__ownership-num\">01<\/span>\r\n                    <div>\r\n                        <strong>Agreed scope and costs<\/strong>\r\n                        <p>\r\n                            We always agree on costs and additional work in advance.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__ownership-point\">\r\n                    <span class=\"wdprocess__ownership-num\">02<\/span>\r\n                    <div>\r\n                        <strong>Your hosting and access<\/strong>\r\n                        <p>\r\n                            The site can run on your hosting, and you keep access.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wdprocess__ownership-point\">\r\n                    <span class=\"wdprocess__ownership-num\">03<\/span>\r\n                    <div>\r\n                        <strong>Support on your terms<\/strong>\r\n                        <p>\r\n                            We continue technical support only if you choose.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"wdprocess__handoff wdprocess__reveal\" style=\"--delay:.20s\">\r\n            <span class=\"wdprocess__handoff-line\"><\/span>\r\n\r\n            <div>\r\n                <small>NEXT STEP<\/small>\r\n                <strong>Tell us what you want to build \u2014 we will prepare a proposal.<\/strong>\r\n            <\/div>\r\n\r\n            <span class=\"wdprocess__handoff-arrow\">\u2193<\/span>\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.wdprocess,\r\n.wdprocess * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wdprocess a {\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.wdprocess {\r\n\r\n    --orange: #ff5033;\r\n    --black: #151515;\r\n    --text: #666662;\r\n    --muted: #999995;\r\n    --line: #deded9;\r\n    --soft: #f7f7f4;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #ffffff;\r\n\r\n    color: var(--black);\r\n\r\n    border-top: 1px solid var(--line);\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* subtle glow *\/\r\n\r\n.wdprocess::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: -170px;\r\n    top: -190px;\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(255,80,51,.055),\r\n            rgba(255,80,51,0) 70%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.wdprocess__inner {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            calc(100% - 48px),\r\n            1390px\r\n        );\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        70px 0\r\n        52px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KICKER\r\n========================================================= *\/\r\n\r\n.wdprocess__kicker {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    color: #81817d;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.2px;\r\n\r\n}\r\n\r\n\r\n.wdprocess__kicker span:first-child {\r\n    color: var(--orange);\r\n}\r\n\r\n\r\n.wdprocess__kicker i {\r\n\r\n    width: 30px;\r\n    height: 1px;\r\n\r\n    background: #cacac5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wdprocess__header {\r\n    margin-bottom: 26px;\r\n}\r\n\r\n\r\n.wdprocess__head-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1.15fr)\r\n        minmax(340px,.85fr);\r\n\r\n    gap: 64px;\r\n\r\n    align-items: end;\r\n\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.wdprocess__title {\r\n\r\n    max-width: 780px;\r\n\r\n    margin: 0;\r\n\r\n    color: #151515;\r\n\r\n    font-size:\r\n        clamp(\r\n            46px,\r\n            4vw,\r\n            64px\r\n        );\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 650;\r\n\r\n    letter-spacing: -3.1px;\r\n\r\n}\r\n\r\n\r\n.wdprocess__title span {\r\n\r\n    display: block;\r\n\r\n    color: #a0a09c;\r\n\r\n}\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n.wdprocess__intro p {\r\n\r\n    max-width: 520px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--text);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.7;\r\n\r\n    font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TIMELINE\r\n========================================================= *\/\r\n\r\n.wdprocess__timeline {\r\n\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(5, minmax(0,1fr));\r\n\r\n    border-top:\r\n        1px solid var(--line);\r\n\r\n    border-bottom:\r\n        1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n\/* orange progress line *\/\r\n\r\n.wdprocess__progress {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 1;\r\n\r\n    left: 0;\r\n    top: -1px;\r\n\r\n    width: 0;\r\n    height: 2px;\r\n\r\n    background: var(--orange);\r\n\r\n    transition:\r\n        width 1.8s\r\n        cubic-bezier(.22,1,.36,1)\r\n        .25s;\r\n\r\n}\r\n\r\n\r\n.wdprocess__timeline.is-visible\r\n.wdprocess__progress {\r\n\r\n    width: 100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP\r\n========================================================= *\/\r\n\r\n.wdprocess__step {\r\n\r\n    position: relative;\r\n\r\n    min-height: 215px;\r\n\r\n    padding:\r\n        25px 24px\r\n        30px;\r\n\r\n    border-right:\r\n        1px solid var(--line);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.wdprocess__step:last-child {\r\n    border-right: 0;\r\n}\r\n\r\n\r\n.wdprocess__step:hover {\r\n\r\n    background:\r\n        #f8f8f5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP\r\n========================================================= *\/\r\n\r\n.wdprocess__step-top {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 15px;\r\n\r\n    margin-bottom: 26px;\r\n\r\n}\r\n\r\n\r\n.wdprocess__number {\r\n\r\n    color: #a0a09c;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing: .8px;\r\n\r\n}\r\n\r\n\r\n\/* dot *\/\r\n\r\n.wdprocess__dot {\r\n\r\n    position: relative;\r\n\r\n    width: 12px;\r\n    height: 12px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n}\r\n\r\n\r\n.wdprocess__dot i {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #c3c3be;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.wdprocess__step:hover\r\n.wdprocess__dot i {\r\n\r\n    background: var(--orange);\r\n\r\n    transform: scale(1.25);\r\n\r\n}\r\n\r\n\r\n\/* live last dot *\/\r\n\r\n.wdprocess__dot--live i {\r\n\r\n    background: #34bd78;\r\n\r\n}\r\n\r\n\r\n.wdprocess__dot--live::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(52,189,120,.4);\r\n\r\n    border-radius: 50%;\r\n\r\n    animation:\r\n        wdProcessPulse\r\n        2.2s ease-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes wdProcessPulse {\r\n\r\n    0% {\r\n        transform: scale(.65);\r\n        opacity: .9;\r\n    }\r\n\r\n    100% {\r\n        transform: scale(2.3);\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.wdprocess__step-content {\r\n\r\n    position: relative;\r\n\r\n}\r\n\r\n\r\n.wdprocess__mini {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: #9b9b97;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing: .8px;\r\n\r\n}\r\n\r\n\r\n.wdprocess__step h3 {\r\n\r\n    margin:\r\n        0 0 11px;\r\n\r\n    color: #181816;\r\n\r\n    font-size: 24px;\r\n\r\n    line-height: 1.1;\r\n\r\n    font-weight: 650;\r\n\r\n    letter-spacing: -1.1px;\r\n\r\n}\r\n\r\n\r\n.wdprocess__step p {\r\n\r\n    margin: 0;\r\n\r\n    color: #71716d;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.58;\r\n\r\n    font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* hover accent *\/\r\n\r\n.wdprocess__step::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 24px;\r\n    bottom: 0;\r\n\r\n    width: 0;\r\n    height: 2px;\r\n\r\n    background: var(--orange);\r\n\r\n    transition:\r\n        width .35s ease;\r\n\r\n}\r\n\r\n\r\n.wdprocess__step:hover::after {\r\n\r\n    width:\r\n        calc(100% - 48px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OWNERSHIP \/ TRANSPARENCY\r\n========================================================= *\/\r\n\r\n.wdprocess__ownership {\r\n    margin-top: 24px;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\r\n    border: 1px solid var(--line);\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    background: #f7f7f4;\r\n}\r\n\r\n.wdprocess__ownership-main {\r\n    position: relative;\r\n    padding: 34px 38px 32px;\r\n    background: #1b1b19;\r\n    color: #fff;\r\n    overflow: hidden;\r\n}\r\n\r\n.wdprocess__ownership-main::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -110px;\r\n    bottom: -130px;\r\n    width: 310px;\r\n    height: 310px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(255,80,51,.18), rgba(255,80,51,0) 68%);\r\n    pointer-events: none;\r\n}\r\n\r\n.wdprocess__ownership-label {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 26px;\r\n}\r\n\r\n.wdprocess__ownership-label span {\r\n    color: #aaa9a5;\r\n    font-size: 9px;\r\n    font-weight: 850;\r\n    letter-spacing: .9px;\r\n}\r\n\r\n.wdprocess__ownership-label i {\r\n    width: 34px;\r\n    height: 1px;\r\n    background: rgba(255,255,255,.25);\r\n}\r\n\r\n.wdprocess__ownership-main h3 {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 540px;\r\n    margin: 0;\r\n    color: #fff;\r\n    font-size: clamp(30px, 2.6vw, 42px);\r\n    line-height: 1.03;\r\n    font-weight: 620;\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.wdprocess__ownership-main h3 span {\r\n    display: block;\r\n    color: #8f8f8a;\r\n}\r\n\r\n.wdprocess__ownership-main > p {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 555px;\r\n    margin: 18px 0 0;\r\n    color: #b9b9b4;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    font-weight: 500;\r\n}\r\n\r\n.wdprocess__ownership-note {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin-top: 24px;\r\n    padding-top: 18px;\r\n    border-top: 1px solid rgba(255,255,255,.12);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.wdprocess__ownership-check {\r\n    width: 28px;\r\n    height: 28px;\r\n    flex: 0 0 28px;\r\n    border-radius: 50%;\r\n    display: grid;\r\n    place-items: center;\r\n    background: var(--orange);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n}\r\n\r\n.wdprocess__ownership-note strong {\r\n    max-width: 430px;\r\n    color: #efefeb;\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n    font-weight: 700;\r\n}\r\n\r\n.wdprocess__ownership-points {\r\n    background: #f7f7f4;\r\n}\r\n\r\n.wdprocess__ownership-point {\r\n    min-height: 132px;\r\n    padding: 22px 28px;\r\n    display: grid;\r\n    grid-template-columns: 42px minmax(0,1fr);\r\n    gap: 18px;\r\n    align-items: start;\r\n    border-bottom: 1px solid var(--line);\r\n    transition: background .25s ease, padding-left .25s ease;\r\n}\r\n\r\n.wdprocess__ownership-point:last-child {\r\n    border-bottom: 0;\r\n}\r\n\r\n.wdprocess__ownership-point:hover {\r\n    padding-left: 38px;\r\n    background: #fff;\r\n}\r\n\r\n.wdprocess__ownership-num {\r\n    padding-top: 4px;\r\n    color: var(--orange);\r\n    font-size: 9px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n    letter-spacing: .7px;\r\n}\r\n\r\n.wdprocess__ownership-point strong {\r\n    display: block;\r\n    color: #242421;\r\n    font-size: 17px;\r\n    line-height: 1.3;\r\n    font-weight: 700;\r\n    letter-spacing: -.3px;\r\n}\r\n\r\n.wdprocess__ownership-point p {\r\n    max-width: 560px;\r\n    margin: 8px 0 0;\r\n    color: #73736f;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    font-weight: 500;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .wdprocess__ownership {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wdprocess__ownership-label {\r\n        margin-bottom: 36px;\r\n    }\r\n}\r\n\r\n@media (max-width: 620px) {\r\n    .wdprocess__ownership {\r\n        margin-top: 24px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .wdprocess__ownership-main {\r\n        padding: 30px 24px 28px;\r\n    }\r\n\r\n    .wdprocess__ownership-label {\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .wdprocess__ownership-main h3 {\r\n        font-size: 32px;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .wdprocess__ownership-main > p {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .wdprocess__ownership-point {\r\n        min-height: auto;\r\n        padding: 22px 20px;\r\n        grid-template-columns: 30px minmax(0,1fr);\r\n        gap: 10px;\r\n    }\r\n\r\n    .wdprocess__ownership-point:hover {\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .wdprocess__ownership-point strong {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HANDOFF TO FINAL CTA\r\n========================================================= *\/\r\n\r\n.wdprocess__handoff {\r\n    margin-top: 26px;\r\n    min-height: 72px;\r\n    padding: 18px 0;\r\n    display: grid;\r\n    grid-template-columns: 42px minmax(0,1fr) 32px;\r\n    gap: 16px;\r\n    align-items: center;\r\n    border-top: 1px solid var(--line);\r\n    border-bottom: 1px solid var(--line);\r\n}\r\n\r\n.wdprocess__handoff-line {\r\n    width: 30px;\r\n    height: 2px;\r\n    background: var(--orange);\r\n}\r\n\r\n.wdprocess__handoff small {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    color: #999995;\r\n    font-size: 8px;\r\n    font-weight: 850;\r\n    letter-spacing: .8px;\r\n}\r\n\r\n.wdprocess__handoff strong {\r\n    display: block;\r\n    color: #343431;\r\n    font-size: 13px;\r\n    line-height: 1.45;\r\n    font-weight: 650;\r\n}\r\n\r\n.wdprocess__handoff-arrow {\r\n    justify-self: end;\r\n    color: var(--orange);\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.wdprocess__reveal {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n}\r\n\r\n\r\n.wdprocess.wdprocess--animate\r\n.wdprocess__reveal {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(22px);\r\n\r\n    transition:\r\n        opacity .72s\r\n        cubic-bezier(.22,1,.36,1),\r\n        transform .72s\r\n        cubic-bezier(.22,1,.36,1);\r\n\r\n    transition-delay:\r\n        var(--delay,0s);\r\n\r\n}\r\n\r\n\r\n.wdprocess.wdprocess--animate\r\n.wdprocess__reveal.is-visible {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n}\r\n\r\n\r\n\/* Elementor editor safety *\/\r\n\r\nbody.elementor-editor-active\r\n.wdprocess__reveal,\r\n\r\nbody.elementor-editor-preview\r\n.wdprocess__reveal,\r\n\r\n.elementor-edit-area\r\n.wdprocess__reveal {\r\n\r\n    opacity: 1 !important;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .wdprocess__head-grid {\r\n\r\n        grid-template-columns:\r\n            1fr 360px;\r\n\r\n        gap: 50px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__timeline {\r\n\r\n        grid-template-columns:\r\n            repeat(3,1fr);\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step {\r\n\r\n        border-bottom:\r\n            1px solid var(--line);\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step:nth-child(4) {\r\n        border-right: 0;\r\n    }\r\n\r\n\r\n    .wdprocess__step:nth-last-child(-n+2) {\r\n        border-bottom: 0;\r\n    }\r\n\r\n\r\n    .wdprocess__progress {\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 820px) {\r\n\r\n    .wdprocess__inner {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n\r\n        padding:\r\n            76px 0\r\n            66px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__header {\r\n\r\n        margin-bottom:\r\n            48px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__head-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 24px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__title {\r\n        font-size: 52px;\r\n    }\r\n\r\n\r\n    .wdprocess__timeline {\r\n\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step {\r\n\r\n        min-height: 300px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step:nth-child(odd) {\r\n        border-right:\r\n            1px solid var(--line);\r\n    }\r\n\r\n\r\n    .wdprocess__step:nth-child(even) {\r\n        border-right: 0;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 620px) {\r\n\r\n    .wdprocess__inner {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n        padding:\r\n            58px 0\r\n            52px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__kicker {\r\n\r\n        margin-bottom: 20px;\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__title {\r\n\r\n        font-size: 39px;\r\n\r\n        letter-spacing: -2px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__intro p {\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.65;\r\n\r\n    }\r\n\r\n\r\n    \/* vertical timeline *\/\r\n\r\n    .wdprocess__timeline {\r\n\r\n        display: block;\r\n\r\n        border-bottom: 0;\r\n\r\n        border-left:\r\n            1px solid var(--line);\r\n\r\n        margin-left: 7px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step {\r\n\r\n        min-height: auto;\r\n\r\n        padding:\r\n            25px 18px\r\n            30px 30px;\r\n\r\n        border-right: 0 !important;\r\n\r\n        border-bottom:\r\n            1px solid var(--line) !important;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step-top {\r\n\r\n        margin-bottom: 25px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__dot {\r\n\r\n        position: absolute;\r\n\r\n        left: -7px;\r\n        top: 27px;\r\n\r\n        background: #fff;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step h3 {\r\n\r\n        font-size: 25px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step p {\r\n\r\n        max-width: 430px;\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step::after {\r\n\r\n        left: 30px;\r\n\r\n    }\r\n\r\n\r\n    .wdprocess__step:hover::after {\r\n\r\n        width:\r\n            calc(100% - 48px);\r\n\r\n    }\r\n}\r\n\r\n\r\n\r\n\r\n@media (max-width: 620px) {\r\n\r\n    .wdprocess__handoff {\r\n        grid-template-columns: 28px minmax(0,1fr) 22px;\r\n        gap: 10px;\r\n    }\r\n\r\n    .wdprocess__handoff-line {\r\n        width: 20px;\r\n    }\r\n\r\n    .wdprocess__handoff strong {\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .wdprocess__reveal,\r\n    .wdprocess__progress,\r\n    .wdprocess__dot--live::before {\r\n\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n\r\n        transition: none !important;\r\n\r\n        animation: none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE FINAL \u2014 COMPACT PROCESS\r\n   Desktop\/tablet remain unchanged.\r\n========================================================= *\/\r\n@media (max-width: 620px) {\r\n\r\n    .wdprocess {\r\n        border-top: 0 !important;\r\n    }\r\n\r\n    .wdprocess__inner {\r\n        width: calc(100% - 28px) !important;\r\n        padding: 46px 0 40px !important;\r\n    }\r\n\r\n    .wdprocess__header {\r\n        margin-bottom: 22px !important;\r\n    }\r\n\r\n    .wdprocess__kicker {\r\n        margin-bottom: 15px !important;\r\n        font-size: 9px !important;\r\n    }\r\n\r\n    .wdprocess__head-grid {\r\n        gap: 12px !important;\r\n    }\r\n\r\n    .wdprocess__title {\r\n        font-size: 35px !important;\r\n        line-height: 1.02 !important;\r\n        letter-spacing: -1.7px !important;\r\n    }\r\n\r\n    .wdprocess__intro p {\r\n        font-size: 14px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    \/* Compact vertical process *\/\r\n    .wdprocess__timeline {\r\n        margin-left: 5px !important;\r\n        border-top: 0 !important;\r\n        border-left: 1px solid var(--line) !important;\r\n    }\r\n\r\n    .wdprocess__step {\r\n        padding: 13px 10px 13px 23px !important;\r\n        border-bottom: 1px solid var(--line) !important;\r\n    }\r\n\r\n    .wdprocess__step-top {\r\n        position: absolute !important;\r\n        left: -6px !important;\r\n        top: 18px !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .wdprocess__number {\r\n        display: none !important;\r\n    }\r\n\r\n    .wdprocess__dot {\r\n        position: static !important;\r\n        width: 11px !important;\r\n        height: 11px !important;\r\n        background: #fff !important;\r\n    }\r\n\r\n    .wdprocess__mini {\r\n        margin-bottom: 5px !important;\r\n        font-size: 7px !important;\r\n        letter-spacing: .65px !important;\r\n    }\r\n\r\n    .wdprocess__step h3 {\r\n        margin-bottom: 4px !important;\r\n        font-size: 18px !important;\r\n        line-height: 1.1 !important;\r\n        letter-spacing: -.55px !important;\r\n    }\r\n\r\n    .wdprocess__step p {\r\n        font-size: 11px !important;\r\n        line-height: 1.4 !important;\r\n    }\r\n\r\n    .wdprocess__step::after {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* Transparency is important, but make it much shorter *\/\r\n    .wdprocess__ownership {\r\n        margin-top: 18px !important;\r\n        border-radius: 14px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-main {\r\n        padding: 21px 18px 19px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-label {\r\n        margin-bottom: 14px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-label span {\r\n        font-size: 7px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-label i {\r\n        width: 24px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-main h3 {\r\n        font-size: 27px !important;\r\n        line-height: 1.03 !important;\r\n        letter-spacing: -1.2px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-main > p {\r\n        margin-top: 11px !important;\r\n        font-size: 12px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    .wdprocess__ownership-note {\r\n        margin-top: 14px !important;\r\n        padding-top: 13px !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-check {\r\n        width: 23px !important;\r\n        height: 23px !important;\r\n        flex-basis: 23px !important;\r\n        font-size: 10px !important;\r\n    }\r\n\r\n    .wdprocess__ownership-note strong {\r\n        font-size: 10px !important;\r\n        line-height: 1.4 !important;\r\n    }\r\n\r\n    \/* The 3 details repeat the dark ownership panel on mobile *\/\r\n    .wdprocess__ownership-points {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* Final CTA follows immediately, so this transition row is redundant *\/\r\n    .wdprocess__handoff {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initWdProcess() {\r\n\r\n        var section =\r\n            document.getElementById(\r\n                \"wdProcess\"\r\n            );\r\n\r\n\r\n        if (\r\n            !section ||\r\n            section.dataset.initialized === \"1\"\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        section.dataset.initialized = \"1\";\r\n\r\n\r\n        var body = document.body;\r\n\r\n\r\n        var editor =\r\n\r\n            body.classList.contains(\r\n                \"elementor-editor-active\"\r\n            )\r\n\r\n            ||\r\n\r\n            body.classList.contains(\r\n                \"elementor-editor-preview\"\r\n            );\r\n\r\n\r\n        if (editor) {\r\n            return;\r\n        }\r\n\r\n\r\n        var items =\r\n            section.querySelectorAll(\r\n                \".wdprocess__reveal\"\r\n            );\r\n\r\n\r\n        if (!items.length) {\r\n            return;\r\n        }\r\n\r\n\r\n        section.classList.add(\r\n            \"wdprocess--animate\"\r\n        );\r\n\r\n\r\n        if (\r\n            !(\r\n                \"IntersectionObserver\"\r\n                in window\r\n            )\r\n        ) {\r\n\r\n            items.forEach(\r\n                function (item) {\r\n\r\n                    item.classList.add(\r\n                        \"is-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                entry.isIntersecting\r\n                            ) {\r\n\r\n                                entry.target\r\n                                    .classList\r\n                                    .add(\r\n                                        \"is-visible\"\r\n                                    );\r\n\r\n\r\n                                observer.unobserve(\r\n                                    entry.target\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n                    threshold: .08,\r\n\r\n                    rootMargin:\r\n                        \"0px 0px -20px 0px\"\r\n                }\r\n\r\n            );\r\n\r\n\r\n        items.forEach(\r\n\r\n            function (item) {\r\n\r\n                observer.observe(\r\n                    item\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState === \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initWdProcess\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        initWdProcess();\r\n\r\n    }\r\n\r\n\r\n    if (window.jQuery) {\r\n\r\n        window.jQuery(window).on(\r\n\r\n            \"elementor\/frontend\/init\",\r\n\r\n            function () {\r\n\r\n                setTimeout(\r\n                    initWdProcess,\r\n                    100\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-419559d e-con e-atomic-element e-flexbox-base e-default-div e-419559d-e57ca1f \" data-id=\"419559d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"419559d\" data-e-type=\"e-flexbox\" data-id=\"419559d\">\n    \t\t<div class=\"elementor-element elementor-element-301df4d elementor-widget elementor-widget-html\" data-id=\"301df4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEBDIGITAL \u2014 09 \/ FINAL CTA\n     CONTACT \/ PROJECT REQUEST\n     LIGHT PREMIUM \/ ELEMENTOR SAFE\n========================================================= -->\n\n<section class=\"wdfinal\" id=\"wdFinal\">\n\n    <div class=\"wdfinal__inner\">\n\n        <!-- =====================================================\n             LEFT\n        ====================================================== -->\n\n        <div class=\"wdfinal__left wdfinal__reveal\">\n\n            <div class=\"wdfinal__kicker\">\n                <span>11<\/span>\n                <i><\/i>\n                <span>CONTACT US<\/span>\n            <\/div>\n\n            <h2 class=\"wdfinal__title\">\n                Ready to build or improve your website?\n                <span>Let&apos;s talk.<\/span>\n            <\/h2>\n\n            <p class=\"wdfinal__lead\">\n                Tell us what you want to build, improve or fix. Include your website link if you have one, and we will suggest the next step.\n            <\/p>\n\n\n            <!-- CONTACTS -->\n            <div class=\"wdfinal__contacts\">\n\n                <a\n                    href=\"tel:+37120433366\"\n                    class=\"wdfinal__contact\"\n                >\n                    <span class=\"wdfinal__contact-icon\">\n                        \u2197\n                    <\/span>\n\n                    <div>\n                        <small>CALL US<\/small>\n                        <strong>+371 204 333 66<\/strong>\n                    <\/div>\n                <\/a>\n\n\n                <a\n                    href=\"mailto:info@webdigital.lv\"\n                    class=\"wdfinal__contact\"\n                >\n                    <span class=\"wdfinal__contact-icon\">\n                        @\n                    <\/span>\n\n                    <div>\n                        <small>EMAIL<\/small>\n                        <strong>info@webdigital.lv<\/strong>\n                    <\/div>\n                <\/a>\n\n            <\/div>\n\n\n            <!-- STATUS -->\n            <div class=\"wdfinal__status\">\n\n                <span class=\"wdfinal__status-dot\">\n                    <i><\/i>\n                <\/span>\n\n                <div>\n                    <strong>\n                        We reply within 1 business day\n                    <\/strong>\n\n                    <small>\n                        Include a website link and a short description of your needs.\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"wdfinal__trust\">\n                <span>500+ completed projects<\/span>\n                <span>10+ years of experience<\/span>\n                <span>Scope and costs agreed in advance<\/span>\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- =====================================================\n             RIGHT \/ FORM\n        ====================================================== -->\n\n        <div class=\"wdfinal__form-card wdfinal__reveal\" style=\"--delay:.10s\">\n\n            <div class=\"wdfinal__form-head\">\n\n                <div>\n                    <small>INQUIRY<\/small>\n\n                    <h3>\n                        Tell us about your project\n                    <\/h3>\n                <\/div>\n\n                <span>\n                    1\u20132 min.\n                <\/span>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 FORM\n                 \n                 \u042d\u0442\u043e HTML-\u0434\u0438\u0437\u0430\u0439\u043d \u0444\u043e\u0440\u043c\u044b.\n                 \u0415\u0441\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0448\u044c Elementor Form \/ WPForms,\n                 \u043c\u043e\u0436\u0435\u0448\u044c \u0432\u043c\u0435\u0441\u0442\u043e <form>...<\/form> \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c\n                 \u0441\u0432\u043e\u0439 Form Widget \u0438 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c CSS \u0431\u043b\u043e\u043a\u0430.\n            ================================================== -->\n\n            <form\n                class=\"wdfinal__form\"\n                id=\"wdFinalForm\"\n                novalidate\n            >\n\n                <div class=\"wdfinal__hp\" aria-hidden=\"true\">\n                    <label>\n                        Company\n                        <input type=\"text\" name=\"company_website\" tabindex=\"-1\" autocomplete=\"off\">\n                    <\/label>\n                <\/div>\n\n                <!-- ROW -->\n                <div class=\"wdfinal__fields\">\n\n                    <label class=\"wdfinal__field\">\n\n                        <span>\n                            Your name\n                        <\/span>\n\n                        <input\n                            type=\"text\"\n                            name=\"name\"\n                            placeholder=\"Name\"\n                            required\n                        >\n\n                    <\/label>\n\n\n                    <label class=\"wdfinal__field\">\n\n                        <span>\n                            Phone\n                        <\/span>\n\n                        <input\n                            type=\"tel\"\n                            name=\"phone\"\n                            placeholder=\"+371\"\n                        >\n\n                    <\/label>\n\n                <\/div>\n\n\n                <!-- EMAIL -->\n                <label class=\"wdfinal__field\">\n\n                    <span>\n                        Email\n                    <\/span>\n\n                    <input\n                        type=\"email\"\n                        name=\"email\"\n                        placeholder=\"you@email.com\"\n                        required\n                    >\n\n                <\/label>\n\n\n                <!-- SERVICE -->\n                <label class=\"wdfinal__field\">\n\n                    <span>\n                        What do you need?\n                    <\/span>\n\n                    <select name=\"service\" required>\n\n                        <option value=\"\" selected disabled>\n                            Choose a service\n                        <\/option>\n\n                        <option value=\"majaslapa\">New website development<\/option>\n\n                        <option value=\"interneta-veikals\">Online store development<\/option>\n\n                        <option value=\"wordpress-uzlabosana\">Existing website improvements<\/option>\n\n                        <option value=\"wordpress-atbalsts\">Website technical support<\/option>\n\n                        <option value=\"seo\">SEO services<\/option>\n\n                        <option value=\"ai\">AI solutions<\/option>\n\n                        <option value=\"cits\">Other<\/option>\n\n                    <\/select>\n\n                <\/label>\n\n\n                <!-- MESSAGE -->\n                <label class=\"wdfinal__field\">\n\n                    <span>\n                        Project summary\n                    <\/span>\n\n                    <textarea\n                        name=\"message\"\n                        rows=\"5\"\n                        placeholder=\"Describe what you want to build, improve or resolve...\"\n                    ><\/textarea>\n\n                <\/label>\n\n\n                <!-- SUBMIT -->\n                <div class=\"wdfinal__submit-row\">\n\n                    <p>\n                        By submitting this inquiry, you agree that we may contact you about your request.\n                    <\/p>\n\n                    <button\n                        type=\"submit\"\n                        class=\"wdfinal__submit\"\n                    >\n                        <span>\n                            Send inquiry\n                        <\/span>\n\n                        <i>\n                            \u2197\n                        <\/i>\n                    <\/button>\n\n                <\/div>\n\n\n                <!-- FORM STATUS -->\n                <div\n                    class=\"wdfinal__form-message\"\n                    id=\"wdFinalMessage\"\n                    role=\"status\"\n                    aria-live=\"polite\"\n                ><\/div>\n\n            <\/form>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================================================\n         BOTTOM LINE\n    ========================================================== -->\n\n    <div class=\"wdfinal__bottom\">\n\n        <div class=\"wdfinal__bottom-inner\">\n\n            <span>\n                WebDigital\n            <\/span>\n\n            <p>\n                Websites \u00b7 E-commerce \u00b7 SEO \u00b7 AI \u00b7 Support and development\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.wdfinal,\n.wdfinal * {\n    box-sizing: border-box;\n}\n\n.wdfinal a {\n    text-decoration: none;\n}\n\n.wdfinal button,\n.wdfinal input,\n.wdfinal textarea,\n.wdfinal select {\n    font: inherit;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.wdfinal {\n\n    --orange: #ff5033;\n    --black: #171717;\n    --text: #676763;\n    --muted: #969692;\n    --line: #deded9;\n    --soft: #f6f6f3;\n\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    background:\n        #f2f2ee;\n\n    color:\n        var(--black);\n\n    border-top:\n        1px solid var(--line);\n\n    font-family:\n        \"Manrope\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n}\n\n\n\/* glow *\/\n\n.wdfinal::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: -220px;\n    top: -200px;\n\n    width: 600px;\n    height: 600px;\n\n    border-radius: 50%;\n\n    background:\n\n        radial-gradient(\n            circle,\n            rgba(255,80,51,.07),\n            rgba(255,80,51,0) 70%\n        );\n\n    pointer-events: none;\n\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.wdfinal__inner {\n\n    position: relative;\n\n    z-index: 2;\n\n    width:\n        min(\n            calc(100% - 48px),\n            1390px\n        );\n\n    margin: 0 auto;\n\n    padding:\n        64px 0\n        56px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,.9fr)\n        minmax(520px,1.1fr);\n\n    gap: 58px;\n\n    align-items: start;\n\n}\n\n\n\/* =========================================================\n   KICKER\n========================================================= *\/\n\n.wdfinal__kicker {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    margin-bottom: 18px;\n\n    color: #81817d;\n\n    font-size: 11px;\n\n    line-height: 1;\n\n    font-weight: 800;\n\n    letter-spacing: 1.2px;\n\n}\n\n\n.wdfinal__kicker span:first-child {\n    color: var(--orange);\n}\n\n\n.wdfinal__kicker i {\n\n    width: 30px;\n    height: 1px;\n\n    background:\n        #c9c9c4;\n\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.wdfinal__title {\n\n    max-width: 670px;\n\n    margin: 0;\n\n    color: #171717;\n\n    font-size:\n\n        clamp(\n            48px,\n            4.4vw,\n            68px\n        );\n\n    line-height: .95;\n\n    font-weight: 650;\n\n    letter-spacing: -3.4px;\n\n}\n\n\n.wdfinal__title span {\n\n    display: block;\n\n    color: #9b9b96;\n\n}\n\n\n\/* =========================================================\n   LEAD\n========================================================= *\/\n\n.wdfinal__lead {\n\n    max-width: 620px;\n\n    margin:\n        17px 0 0;\n\n    color: var(--text);\n\n    font-size: 16px;\n\n    line-height: 1.72;\n\n    font-weight: 500;\n\n}\n\n\n\/* =========================================================\n   CONTACTS\n========================================================= *\/\n\n.wdfinal__contacts {\n\n    margin-top: 16px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n\n    gap: 10px;\n\n}\n\n\n.wdfinal__contact {\n\n    min-height: 70px;\n\n    padding:\n        12px;\n\n    border:\n        1px solid #d7d7d2;\n\n    border-radius:\n        14px;\n\n    background:\n        rgba(255,255,255,.5);\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    transition:\n        transform .25s ease,\n        background .25s ease,\n        border-color .25s ease;\n\n}\n\n\n.wdfinal__contact:hover {\n\n    transform:\n        translateY(-2px);\n\n    background: #fff;\n\n    border-color:\n        #cacac5;\n\n}\n\n\n\/* icon *\/\n\n.wdfinal__contact-icon {\n\n    width: 39px;\n    height: 39px;\n\n    flex:\n        0 0 39px;\n\n    border-radius: 10px;\n\n    background: #fff;\n\n    border:\n        1px solid #deded9;\n\n    display: grid;\n\n    place-items: center;\n\n    color: var(--orange);\n\n    font-size: 12px;\n\n    font-weight: 800;\n\n}\n\n\n\/* text *\/\n\n.wdfinal__contact small {\n\n    display: block;\n\n    color: #999995;\n\n    font-size: 8px;\n\n    font-weight: 850;\n\n    letter-spacing: .7px;\n\n}\n\n\n.wdfinal__contact strong {\n\n    display: block;\n\n    margin-top: 5px;\n\n    color: #292926;\n\n    font-size: 13px;\n\n    font-weight: 750;\n\n}\n\n\n\/* =========================================================\n   STATUS\n========================================================= *\/\n\n.wdfinal__status {\n\n    margin-top: 16px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n}\n\n\n.wdfinal__status-dot {\n\n    position: relative;\n\n    width: 13px;\n    height: 13px;\n\n    flex: 0 0 13px;\n\n    display: grid;\n\n    place-items: center;\n\n}\n\n\n.wdfinal__status-dot i {\n\n    position: relative;\n\n    z-index: 2;\n\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background:\n        #34bd78;\n\n}\n\n\n.wdfinal__status-dot::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    border:\n        1px solid\n        rgba(52,189,120,.4);\n\n    border-radius:\n        50%;\n\n    animation:\n        wdfinalPulse\n        2s ease-out\n        infinite;\n\n}\n\n\n@keyframes wdfinalPulse {\n\n    0% {\n        transform: scale(.65);\n        opacity: .9;\n    }\n\n    100% {\n        transform: scale(2.4);\n        opacity: 0;\n    }\n\n}\n\n\n.wdfinal__status strong {\n\n    display: block;\n\n    color: #333330;\n\n    font-size: 12px;\n\n    font-weight: 750;\n\n}\n\n\n.wdfinal__status small {\n\n    display: block;\n\n    margin-top: 3px;\n\n    color: #8c8c88;\n\n    font-size: 10px;\n\n}\n\n\n\/* =========================================================\n   FORM CARD\n========================================================= *\/\n\n.wdfinal__form-card {\n\n    padding:\n        18px;\n\n    border:\n        1px solid #dadad5;\n\n    border-radius:\n        18px;\n\n    background:\n        rgba(255,255,255,.82);\n\n    box-shadow:\n        0 30px 80px\n        rgba(0,0,0,.065);\n\n}\n\n\n\/* =========================================================\n   FORM HEADER\n========================================================= *\/\n\n.wdfinal__form-head {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    justify-content:\n        space-between;\n\n    gap: 25px;\n\n    padding-bottom: 23px;\n\n    border-bottom:\n        1px solid #e4e4df;\n\n}\n\n\n.wdfinal__form-head small {\n\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: var(--orange);\n\n    font-size: 9px;\n\n    font-weight: 850;\n\n    letter-spacing: .8px;\n\n}\n\n\n.wdfinal__form-head h3 {\n\n    margin: 0;\n\n    color: #1d1d1b;\n\n    font-size: 28px;\n\n    line-height: 1.1;\n\n    font-weight: 650;\n\n    letter-spacing: -1.2px;\n\n}\n\n\n.wdfinal__form-head > span {\n\n    padding:\n        7px 9px;\n\n    border:\n        1px solid #deded9;\n\n    border-radius: 8px;\n\n    color: #92928e;\n\n    background: #fafaf8;\n\n    white-space: nowrap;\n\n    font-size: 9px;\n\n    font-weight: 750;\n\n}\n\n\n\/* =========================================================\n   FORM\n========================================================= *\/\n\n.wdfinal__form {\n\n    margin-top: 20px;\n\n}\n\n\n\/* fields *\/\n\n.wdfinal__fields {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n\n    gap: 12px;\n\n}\n\n\n.wdfinal__field {\n\n    display: block;\n\n    margin-bottom: 14px;\n\n}\n\n\n.wdfinal__field > span {\n\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: #6b6b67;\n\n    font-size: 10px;\n\n    font-weight: 750;\n\n}\n\n\n\/* inputs *\/\n\n.wdfinal__field input,\n.wdfinal__field select,\n.wdfinal__field textarea {\n\n    width: 100%;\n\n    border:\n        1px solid #dcdcd7;\n\n    outline: none;\n\n    border-radius: 10px;\n\n    background:\n        #fafaf8;\n\n    color: #262623;\n\n    font-size: 13px;\n\n    font-weight: 500;\n\n    transition:\n        border-color .2s ease,\n        background .2s ease,\n        box-shadow .2s ease;\n\n}\n\n\n.wdfinal__field input,\n.wdfinal__field select {\n\n    height: 50px;\n\n    padding:\n        0 14px;\n\n}\n\n\n.wdfinal__field textarea {\n\n    min-height: 100px;\n\n    padding:\n        14px;\n\n    resize: vertical;\n\n}\n\n\n.wdfinal__field input:focus,\n.wdfinal__field select:focus,\n.wdfinal__field textarea:focus {\n\n    border-color:\n        rgba(255,80,51,.55);\n\n    background: #fff;\n\n    box-shadow:\n        0 0 0 3px\n        rgba(255,80,51,.06);\n\n}\n\n\n.wdfinal__field input::placeholder,\n.wdfinal__field textarea::placeholder {\n\n    color: #aaa9a5;\n\n}\n\n\n\/* =========================================================\n   SUBMIT\n========================================================= *\/\n\n.wdfinal__submit-row {\n\n    margin-top: 6px;\n\n    padding-top: 20px;\n\n    border-top:\n        1px solid #e5e5e1;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content:\n        space-between;\n\n    gap: 30px;\n\n}\n\n\n.wdfinal__submit-row p {\n\n    max-width: 280px;\n\n    margin: 0;\n\n    color: #999995;\n\n    font-size: 9px;\n\n    line-height: 1.5;\n\n    font-weight: 500;\n\n}\n\n\n.wdfinal__submit {\n\n    min-height: 50px;\n\n    padding:\n        0 8px\n        0 18px;\n\n    border: 0;\n\n    border-radius: 11px;\n\n    background:\n        #171717;\n\n    color: #fff;\n\n    cursor: pointer;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 18px;\n\n    white-space: nowrap;\n\n    font-size: 12px;\n\n    font-weight: 750;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n\n}\n\n\n.wdfinal__submit:hover {\n\n    transform:\n        translateY(-2px);\n\n    box-shadow:\n        0 12px 25px\n        rgba(0,0,0,.13);\n\n}\n\n\n.wdfinal__submit i {\n\n    width: 34px;\n    height: 34px;\n\n    border-radius: 8px;\n\n    background:\n        var(--orange);\n\n    display: grid;\n\n    place-items: center;\n\n    font-style: normal;\n\n}\n\n\n\/* =========================================================\n   FORM MESSAGE\n========================================================= *\/\n\n.wdfinal__form-message {\n\n    display: none;\n\n    margin-top: 16px;\n\n    padding:\n        12px 14px;\n\n    border:\n        1px solid\n        rgba(52,189,120,.25);\n\n    border-radius: 9px;\n\n    background:\n        rgba(52,189,120,.07);\n\n    color: #44735b;\n\n    font-size: 11px;\n\n    line-height: 1.5;\n\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n.wdfinal__bottom {\n\n    border-top:\n        1px solid var(--line);\n\n}\n\n\n.wdfinal__bottom-inner {\n\n    width:\n        min(\n            calc(100% - 48px),\n            1390px\n        );\n\n    min-height:\n        74px;\n\n    margin:\n        0 auto;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content:\n        space-between;\n\n    gap: 30px;\n\n}\n\n\n.wdfinal__bottom-inner > span {\n\n    color: #333330;\n\n    font-size: 13px;\n\n    font-weight: 800;\n\n}\n\n\n.wdfinal__bottom-inner p {\n\n    margin: 0;\n\n    color: #92928e;\n\n    font-size: 10px;\n\n    font-weight: 600;\n\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.wdfinal__reveal {\n\n    opacity: 1;\n\n    transform: none;\n\n}\n\n\n.wdfinal.wdfinal--animate\n.wdfinal__reveal {\n\n    opacity: 0;\n\n    transform:\n        translateY(22px);\n\n    transition:\n        opacity .72s\n        cubic-bezier(.22,1,.36,1),\n        transform .72s\n        cubic-bezier(.22,1,.36,1);\n\n    transition-delay:\n        var(--delay,0s);\n\n}\n\n\n.wdfinal.wdfinal--animate\n.wdfinal__reveal.is-visible {\n\n    opacity: 1;\n\n    transform: none;\n\n}\n\n\n\/* Elementor *\/\n\nbody.elementor-editor-active\n.wdfinal__reveal,\n\nbody.elementor-editor-preview\n.wdfinal__reveal,\n\n.elementor-edit-area\n.wdfinal__reveal {\n\n    opacity: 1 !important;\n\n    transform: none !important;\n\n    transition: none !important;\n\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .wdfinal__inner {\n\n        grid-template-columns:\n            1fr\n            500px;\n\n        gap: 50px;\n\n    }\n\n\n    .wdfinal__title {\n\n        font-size: 60px;\n\n    }\n\n}\n\n\n@media (max-width: 840px) {\n\n    .wdfinal__inner {\n\n        width:\n            calc(100% - 36px);\n\n        padding:\n            76px 0\n            68px;\n\n        grid-template-columns:\n            1fr;\n\n        gap: 52px;\n\n    }\n\n\n    .wdfinal__left,\n    .wdfinal__form-card {\n\n        max-width: 760px;\n\n    }\n\n\n    .wdfinal__bottom-inner {\n\n        width:\n            calc(100% - 36px);\n\n    }\n\n}\n\n\n@media (max-width: 620px) {\n\n    .wdfinal__inner {\n\n        width:\n            calc(100% - 28px);\n\n        padding:\n            58px 0\n            54px;\n\n    }\n\n\n    .wdfinal__kicker {\n\n        margin-bottom: 20px;\n\n        font-size: 10px;\n\n    }\n\n\n    .wdfinal__title {\n\n        font-size: 48px;\n\n        letter-spacing:\n            -2.8px;\n\n    }\n\n\n    .wdfinal__lead {\n\n        margin-top: 16px;\n\n        font-size: 15px;\n\n        line-height: 1.65;\n\n    }\n\n\n    .wdfinal__contacts {\n\n        grid-template-columns: 1fr;\n\n    }\n\n\n    .wdfinal__form-card {\n\n        padding: 20px;\n\n        border-radius: 17px;\n\n    }\n\n\n    .wdfinal__form-head h3 {\n\n        font-size: 24px;\n\n    }\n\n\n    .wdfinal__fields {\n\n        grid-template-columns: 1fr;\n\n        gap: 0;\n\n    }\n\n\n    .wdfinal__submit-row {\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 17px;\n\n    }\n\n\n    .wdfinal__submit {\n\n        width: 100%;\n\n        justify-content:\n            space-between;\n\n    }\n\n\n    .wdfinal__bottom-inner {\n\n        width:\n            calc(100% - 28px);\n\n        padding:\n            20px 0;\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        justify-content: center;\n\n        gap: 5px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .wdfinal__reveal,\n    .wdfinal__status-dot::before {\n\n        opacity: 1 !important;\n\n        transform: none !important;\n\n        transition: none !important;\n\n        animation: none !important;\n\n    }\n\n}\n\n\n\n\n\/* =========================================================\n   FORM FUNCTIONAL STATES\n========================================================= *\/\n\n.wdfinal__hp {\n    position: absolute !important;\n    left: -99999px !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n}\n\n.wdfinal__field.is-invalid input,\n.wdfinal__field.is-invalid select,\n.wdfinal__field.is-invalid textarea {\n    border-color: #d94a3a !important;\n    box-shadow: 0 0 0 3px rgba(217,74,58,.06) !important;\n}\n\n.wdfinal__submit[disabled] {\n    opacity: .68;\n    cursor: wait;\n    transform: none !important;\n}\n\n.wdfinal__form-message {\n    display: none;\n}\n\n.wdfinal__form-message.is-visible {\n    display: block;\n}\n\n.wdfinal__form-message.is-success {\n    border-color: rgba(52,189,120,.25);\n    background: rgba(52,189,120,.07);\n    color: #44735b;\n}\n\n.wdfinal__form-message.is-error {\n    border-color: rgba(217,74,58,.25);\n    background: rgba(217,74,58,.06);\n    color: #8b4037;\n}\n\n\n\/* =========================================================\n   MOBILE FINAL \u2014 COMPACT CONTACT\n========================================================= *\/\n\n@media (max-width: 620px) {\n\n    .wdfinal {\n        border-top: 0 !important;\n    }\n\n    .wdfinal__inner {\n        width: calc(100% - 28px) !important;\n        padding: 46px 0 42px !important;\n        gap: 28px !important;\n    }\n\n    .wdfinal__kicker {\n        margin-bottom: 15px !important;\n        font-size: 9px !important;\n    }\n\n    .wdfinal__title {\n        font-size: 40px !important;\n        line-height: .98 !important;\n        letter-spacing: -2.2px !important;\n    }\n\n    .wdfinal__lead {\n        margin-top: 16px !important;\n        font-size: 14px !important;\n        line-height: 1.5 !important;\n    }\n\n    .wdfinal__contacts {\n        margin-top: 20px !important;\n        grid-template-columns: repeat(2,minmax(0,1fr)) !important;\n        gap: 8px !important;\n    }\n\n    .wdfinal__contact {\n        min-height: 62px !important;\n        padding: 9px !important;\n        gap: 8px !important;\n        border-radius: 11px !important;\n    }\n\n    .wdfinal__contact-icon {\n        width: 31px !important;\n        height: 31px !important;\n        flex-basis: 31px !important;\n        border-radius: 8px !important;\n        font-size: 10px !important;\n    }\n\n    .wdfinal__contact small {\n        font-size: 7px !important;\n    }\n\n    .wdfinal__contact strong {\n        margin-top: 3px !important;\n        font-size: 10px !important;\n    }\n\n    .wdfinal__status {\n        margin-top: 15px !important;\n        gap: 9px !important;\n    }\n\n    .wdfinal__status strong {\n        font-size: 11px !important;\n    }\n\n    .wdfinal__status small {\n        display: none !important;\n    }\n\n    .wdfinal__form-card {\n        padding: 16px !important;\n        border-radius: 15px !important;\n    }\n\n    .wdfinal__form-head {\n        padding-bottom: 15px !important;\n        gap: 12px !important;\n    }\n\n    .wdfinal__form-head small {\n        margin-bottom: 5px !important;\n        font-size: 8px !important;\n    }\n\n    .wdfinal__form-head h3 {\n        font-size: 21px !important;\n        letter-spacing: -.8px !important;\n    }\n\n    .wdfinal__form-head > span {\n        padding: 5px 7px !important;\n        font-size: 8px !important;\n    }\n\n    .wdfinal__form {\n        margin-top: 16px !important;\n    }\n\n    .wdfinal__fields {\n        grid-template-columns: 1fr !important;\n        gap: 0 !important;\n    }\n\n    .wdfinal__field {\n        margin-bottom: 10px !important;\n    }\n\n    .wdfinal__field > span {\n        margin-bottom: 6px !important;\n        font-size: 9px !important;\n    }\n\n    .wdfinal__field input,\n    .wdfinal__field select {\n        height: 44px !important;\n        padding: 0 11px !important;\n        font-size: 12px !important;\n    }\n\n    .wdfinal__field textarea {\n        min-height: 88px !important;\n        padding: 11px !important;\n        font-size: 12px !important;\n    }\n\n    .wdfinal__submit-row {\n        margin-top: 2px !important;\n        padding-top: 14px !important;\n        gap: 12px !important;\n    }\n\n    .wdfinal__submit-row p {\n        max-width: 100% !important;\n        font-size: 8px !important;\n    }\n\n    .wdfinal__submit {\n        width: 100% !important;\n        min-height: 46px !important;\n        justify-content: space-between !important;\n        font-size: 11px !important;\n    }\n\n    .wdfinal__submit i {\n        width: 31px !important;\n        height: 31px !important;\n    }\n\n    .wdfinal__bottom {\n        display: none !important;\n    }\n}\n\n@media (max-width: 390px) {\n    .wdfinal__contacts {\n        grid-template-columns: 1fr !important;\n    }\n}\n\n<\/style>\n\n\n<style>\n\/* =========================================================\n   WEBDIGITAL FINAL CTA \u2014 PREMIUM COMPACT OVERRIDE\n   Keeps the existing form functionality.\n========================================================= *\/\n\n.wdfinal{\n    --orange:#ff5033;\n    --black:#151515;\n    --text:#66615d;\n    --muted:#96918c;\n    --line:#e8e3de;\n    --soft:#faf8f5;\n\n    background:\n        radial-gradient(circle at 8% 14%, rgba(255,80,51,.065), transparent 27%),\n        linear-gradient(180deg,#fbfaf8 0%,#f5f3ef 100%) !important;\n\n    border-top:1px solid #ebe6e1 !important;\n}\n\n.wdfinal::before{\n    left:auto !important;\n    right:-220px !important;\n    top:-260px !important;\n    width:620px !important;\n    height:620px !important;\n    background:\n        radial-gradient(circle,rgba(255,80,51,.07),rgba(255,80,51,0) 69%) !important;\n}\n\n.wdfinal__inner{\n    padding:78px 0 70px !important;\n    grid-template-columns:minmax(0,.84fr) minmax(540px,1.16fr) !important;\n    gap:72px !important;\n    align-items:center !important;\n}\n\n.wdfinal__kicker{\n    margin-bottom:19px !important;\n    font-size:10px !important;\n    letter-spacing:1.35px !important;\n}\n\n.wdfinal__title{\n    max-width:650px !important;\n    font-size:clamp(46px,4.1vw,62px) !important;\n    line-height:.98 !important;\n    letter-spacing:-3.15px !important;\n}\n\n.wdfinal__title span{\n    color:var(--orange) !important;\n}\n\n.wdfinal__lead{\n    max-width:590px !important;\n    margin-top:21px !important;\n    color:#625d58 !important;\n    font-size:15px !important;\n    line-height:1.68 !important;\n}\n\n\/* contacts *\/\n.wdfinal__contacts{\n    margin-top:27px !important;\n    gap:9px !important;\n}\n\n.wdfinal__contact{\n    min-height:66px !important;\n    padding:10px 11px !important;\n    border:1px solid #e1dcd6 !important;\n    border-radius:12px !important;\n    background:rgba(255,255,255,.68) !important;\n    box-shadow:none !important;\n}\n\n.wdfinal__contact:hover{\n    transform:translateY(-2px) !important;\n    background:#fff !important;\n    border-color:#d5cec7 !important;\n    box-shadow:0 10px 24px rgba(28,20,14,.045) !important;\n}\n\n.wdfinal__contact-icon{\n    width:36px !important;\n    height:36px !important;\n    flex-basis:36px !important;\n    border-radius:9px !important;\n    border:1px solid #eee8e2 !important;\n    background:#fff !important;\n}\n\n.wdfinal__contact small{\n    font-size:7.5px !important;\n    letter-spacing:.85px !important;\n}\n\n.wdfinal__contact strong{\n    font-size:12.5px !important;\n}\n\n\/* status *\/\n.wdfinal__status{\n    margin-top:16px !important;\n    gap:10px !important;\n}\n\n.wdfinal__status strong{\n    font-size:11.5px !important;\n}\n\n.wdfinal__status small{\n    margin-top:2px !important;\n    font-size:9.5px !important;\n}\n\n\/* trust chips *\/\n.wdfinal__trust{\n    margin-top:22px;\n    padding-top:18px;\n    border-top:1px solid #e5dfd9;\n\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n}\n\n.wdfinal__trust span{\n    min-height:30px;\n    padding:0 10px;\n\n    border:1px solid #e3ddd7;\n    border-radius:999px;\n\n    background:rgba(255,255,255,.54);\n    color:#77716c;\n\n    display:inline-flex;\n    align-items:center;\n\n    font-size:9px;\n    line-height:1;\n    font-weight:750;\n    letter-spacing:.2px;\n}\n\n\/* form card *\/\n.wdfinal__form-card{\n    position:relative;\n\n    padding:22px !important;\n\n    border:1px solid #e1dbd5 !important;\n    border-radius:20px !important;\n\n    background:rgba(255,255,255,.93) !important;\n\n    box-shadow:\n        0 28px 70px rgba(34,22,14,.075),\n        0 3px 10px rgba(34,22,14,.025) !important;\n}\n\n.wdfinal__form-card::before{\n    content:\"\";\n\n    position:absolute;\n    left:22px;\n    right:22px;\n    top:-1px;\n\n    height:2px;\n\n    border-radius:0 0 2px 2px;\n\n    background:linear-gradient(90deg,var(--orange),rgba(255,80,51,.12));\n}\n\n.wdfinal__form-head{\n    padding-bottom:18px !important;\n    border-bottom:1px solid #eee9e4 !important;\n}\n\n.wdfinal__form-head small{\n    margin-bottom:6px !important;\n    font-size:8px !important;\n    letter-spacing:1px !important;\n}\n\n.wdfinal__form-head h3{\n    font-size:25px !important;\n    line-height:1.08 !important;\n    letter-spacing:-1.05px !important;\n}\n\n.wdfinal__form-head > span{\n    padding:6px 8px !important;\n    border:1px solid rgba(255,80,51,.18) !important;\n    background:rgba(255,80,51,.055) !important;\n    color:var(--orange) !important;\n    font-size:8px !important;\n    font-weight:800 !important;\n}\n\n\/* form *\/\n.wdfinal__form{\n    margin-top:17px !important;\n}\n\n.wdfinal__fields{\n    gap:10px !important;\n}\n\n.wdfinal__field{\n    margin-bottom:11px !important;\n}\n\n.wdfinal__field > span{\n    margin-bottom:6px !important;\n    color:#69635e !important;\n    font-size:9px !important;\n    font-weight:800 !important;\n}\n\n.wdfinal__field input,\n.wdfinal__field select,\n.wdfinal__field textarea{\n    border:1px solid #e1dcd6 !important;\n    border-radius:9px !important;\n    background:#faf9f7 !important;\n    color:#252321 !important;\n    font-size:12px !important;\n}\n\n.wdfinal__field input,\n.wdfinal__field select{\n    height:46px !important;\n    padding:0 12px !important;\n}\n\n.wdfinal__field textarea{\n    min-height:92px !important;\n    padding:12px !important;\n}\n\n.wdfinal__field input:focus,\n.wdfinal__field select:focus,\n.wdfinal__field textarea:focus{\n    border-color:rgba(255,80,51,.48) !important;\n    background:#fff !important;\n    box-shadow:0 0 0 3px rgba(255,80,51,.055) !important;\n}\n\n\/* submit *\/\n.wdfinal__submit-row{\n    margin-top:3px !important;\n    padding-top:16px !important;\n    border-top:1px solid #eee9e4 !important;\n    gap:22px !important;\n}\n\n.wdfinal__submit-row p{\n    max-width:250px !important;\n    font-size:8.5px !important;\n    line-height:1.45 !important;\n}\n\n.wdfinal__submit{\n    min-height:48px !important;\n    border-radius:10px !important;\n    background:#171717 !important;\n    font-size:11px !important;\n    box-shadow:none !important;\n}\n\n.wdfinal__submit:hover{\n    transform:translateY(-2px) !important;\n    box-shadow:0 12px 24px rgba(0,0,0,.12) !important;\n}\n\n.wdfinal__submit i{\n    width:32px !important;\n    height:32px !important;\n    border-radius:7px !important;\n}\n\n\/* bottom *\/\n.wdfinal__bottom{\n    border-top:1px solid #e5dfda !important;\n}\n\n.wdfinal__bottom-inner{\n    min-height:64px !important;\n}\n\n.wdfinal__bottom-inner > span{\n    font-size:12px !important;\n}\n\n.wdfinal__bottom-inner p{\n    font-size:9px !important;\n}\n\n\/* responsive *\/\n@media(max-width:1050px){\n    .wdfinal__inner{\n        grid-template-columns:1fr 500px !important;\n        gap:48px !important;\n    }\n\n    .wdfinal__title{\n        font-size:54px !important;\n    }\n}\n\n@media(max-width:840px){\n    .wdfinal__inner{\n        grid-template-columns:1fr !important;\n        padding:64px 0 58px !important;\n        gap:38px !important;\n        align-items:start !important;\n    }\n\n    .wdfinal__left,\n    .wdfinal__form-card{\n        max-width:760px !important;\n    }\n}\n\n@media(max-width:620px){\n    .wdfinal__inner{\n        padding:46px 0 42px !important;\n        gap:26px !important;\n    }\n\n    .wdfinal__title{\n        font-size:38px !important;\n        line-height:1 !important;\n        letter-spacing:-2px !important;\n    }\n\n    .wdfinal__lead{\n        margin-top:15px !important;\n        font-size:13.5px !important;\n        line-height:1.55 !important;\n    }\n\n    .wdfinal__contacts{\n        margin-top:19px !important;\n    }\n\n    .wdfinal__trust{\n        margin-top:16px;\n        padding-top:14px;\n        gap:6px;\n    }\n\n    .wdfinal__trust span{\n        min-height:27px;\n        padding:0 8px;\n        font-size:8px;\n    }\n\n    .wdfinal__form-card{\n        padding:16px !important;\n        border-radius:15px !important;\n    }\n\n    .wdfinal__form-card::before{\n        left:16px;\n        right:16px;\n    }\n\n    .wdfinal__form-head h3{\n        font-size:21px !important;\n    }\n\n    .wdfinal__field input,\n    .wdfinal__field select{\n        height:43px !important;\n    }\n\n    .wdfinal__field textarea{\n        min-height:84px !important;\n    }\n\n    .wdfinal__submit-row{\n        padding-top:13px !important;\n    }\n}\n<\/style>\n\n<script>\n\n(function () {\n\n    function initWdFinal() {\n\n        var section =\n            document.getElementById(\n                \"wdFinal\"\n            );\n\n\n        if (\n            !section ||\n            section.dataset.initialized === \"1\"\n        ) {\n\n            return;\n\n        }\n\n\n        section.dataset.initialized =\n            \"1\";\n\n\n        \/* =====================================================\n           ACTIVE AJAX FORM\n        ====================================================== *\/\n\n        var form =\n            document.getElementById(\n                \"wdFinalForm\"\n            );\n\n        var message =\n            document.getElementById(\n                \"wdFinalMessage\"\n            );\n\n        if (form) {\n\n            form.addEventListener(\n                \"submit\",\n                async function (event) {\n\n                    event.preventDefault();\n\n                    var submit =\n                        form.querySelector(\n                            \".wdfinal__submit\"\n                        );\n\n                    var submitLabel =\n                        submit\n                            ? submit.querySelector(\"span\")\n                            : null;\n\n                    var originalLabel =\n                        submitLabel\n                            ? submitLabel.textContent\n                            : \"Nos\u016bt\u012bt pieteikumu\";\n\n                    form\n                        .querySelectorAll(\n                            \".wdfinal__field.is-invalid\"\n                        )\n                        .forEach(function (field) {\n                            field.classList.remove(\"is-invalid\");\n                        });\n\n                    if (message) {\n                        message.className =\n                            \"wdfinal__form-message\";\n                        message.textContent = \"\";\n                    }\n\n                    var required =\n                        form.querySelectorAll(\n                            \"[required]\"\n                        );\n\n                    var invalid = false;\n\n                    required.forEach(\n                        function (field) {\n\n                            if (!field.checkValidity()) {\n\n                                invalid = true;\n\n                                var wrap =\n                                    field.closest(\n                                        \".wdfinal__field\"\n                                    );\n\n                                if (wrap) {\n                                    wrap.classList.add(\n                                        \"is-invalid\"\n                                    );\n                                }\n\n                            }\n\n                        }\n                    );\n\n                    if (invalid) {\n\n                        if (message) {\n                            message.textContent =\n                                \"L\u016bdzu, aizpildiet oblig\u0101tos laukus.\";\n                            message.classList.add(\n                                \"is-visible\",\n                                \"is-error\"\n                            );\n                        }\n\n                        return;\n                    }\n\n                    if (\n                        !window.WD_FINAL_FORM ||\n                        !window.WD_FINAL_FORM.ajax_url ||\n                        !window.WD_FINAL_FORM.nonce\n                    ) {\n\n                        if (message) {\n                            message.textContent =\n                                \"Formas nos\u016bt\u012b\u0161ana nav konfigur\u0113ta.\";\n                            message.classList.add(\n                                \"is-visible\",\n                                \"is-error\"\n                            );\n                        }\n\n                        return;\n                    }\n\n                    var data =\n                        new FormData(form);\n\n                    data.append(\n                        \"action\",\n                        \"wd_final_contact\"\n                    );\n\n                    data.append(\n                        \"nonce\",\n                        window.WD_FINAL_FORM.nonce\n                    );\n\n                    if (submit) {\n                        submit.disabled = true;\n                    }\n\n                    if (submitLabel) {\n                        submitLabel.textContent =\n                            \"Nos\u016bt\u0101m...\";\n                    }\n\n                    try {\n\n                        var response =\n                            await fetch(\n                                window.WD_FINAL_FORM.ajax_url,\n                                {\n                                    method: \"POST\",\n                                    credentials: \"same-origin\",\n                                    body: data\n                                }\n                            );\n\n                        var result =\n                            await response.json();\n\n                        if (\n                            !response.ok ||\n                            !result.success\n                        ) {\n\n                            throw new Error(\n                                result &&\n                                result.data &&\n                                result.data.message\n                                    ? result.data.message\n                                    : \"Neizdev\u0101s nos\u016bt\u012bt pieteikumu.\"\n                            );\n                        }\n\n                        form.reset();\n\n                        if (message) {\n                            message.textContent =\n                                \"Paldies! J\u016bsu pieteikums ir nos\u016bt\u012bts. Sazin\u0101simies 1 darba dienas laik\u0101.\";\n                            message.classList.add(\n                                \"is-visible\",\n                                \"is-success\"\n                            );\n                        }\n\n                        if (submitLabel) {\n                            submitLabel.textContent =\n                                \"\u2713 Pieteikums nos\u016bt\u012bts\";\n                        }\n\n                        setTimeout(\n                            function () {\n                                if (submitLabel) {\n                                    submitLabel.textContent =\n                                        originalLabel;\n                                }\n                            },\n                            4500\n                        );\n\n                    } catch (error) {\n\n                        if (message) {\n                            message.textContent =\n                                error.message ||\n                                \"Rad\u0101s k\u013c\u016bda. L\u016bdzu, m\u0113\u0123iniet v\u0113lreiz.\";\n                            message.classList.add(\n                                \"is-visible\",\n                                \"is-error\"\n                            );\n                        }\n\n                        if (submitLabel) {\n                            submitLabel.textContent =\n                                originalLabel;\n                        }\n\n                    } finally {\n\n                        if (submit) {\n                            submit.disabled = false;\n                        }\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           REVEAL\n        ====================================================== *\/\n\n        var body =\n            document.body;\n\n\n        var editor =\n\n            body.classList.contains(\n                \"elementor-editor-active\"\n            )\n\n            ||\n\n            body.classList.contains(\n                \"elementor-editor-preview\"\n            );\n\n\n        if (editor) {\n\n            return;\n\n        }\n\n\n        var items =\n            section.querySelectorAll(\n                \".wdfinal__reveal\"\n            );\n\n\n        if (!items.length) {\n\n            return;\n\n        }\n\n\n        section.classList.add(\n            \"wdfinal--animate\"\n        );\n\n\n        if (\n            !(\n                \"IntersectionObserver\"\n                in window\n            )\n        ) {\n\n            items.forEach(\n                function (item) {\n\n                    item.classList.add(\n                        \"is-visible\"\n                    );\n\n                }\n            );\n\n\n            return;\n\n        }\n\n\n        var observer =\n            new IntersectionObserver(\n\n                function (entries) {\n\n                    entries.forEach(\n\n                        function (entry) {\n\n                            if (\n                                entry.isIntersecting\n                            ) {\n\n                                entry.target\n                                    .classList\n                                    .add(\n                                        \"is-visible\"\n                                    );\n\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n\n                            }\n\n                        }\n\n                    );\n\n                },\n\n                {\n\n                    threshold: .08,\n\n                    rootMargin:\n                        \"0px 0px -20px 0px\"\n\n                }\n\n            );\n\n\n        items.forEach(\n\n            function (item) {\n\n                observer.observe(\n                    item\n                );\n\n            }\n\n        );\n\n    }\n\n\n    if (\n        document.readyState ===\n        \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initWdFinal\n        );\n\n    }\n\n    else {\n\n        initWdFinal();\n\n    }\n\n\n    if (window.jQuery) {\n\n        window.jQuery(window).on(\n\n            \"elementor\/frontend\/init\",\n\n            function () {\n\n                setTimeout(\n                    initWdFinal,\n                    100\n                );\n\n            }\n\n        );\n\n    }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6c14a40 e-con e-atomic-element e-flexbox-base e-default-div e-6c14a40-6656fd5 \" data-id=\"6c14a40\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6c14a40\" data-e-type=\"e-flexbox\" data-id=\"6c14a40\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEBDIGITAL \u00b7 WEBSITES \u00b7 E-COMMERCE \u00b7 SEO Website and online store development for businesses. WebDigital is your full-service digital partner. We build WordPress websites and WooCommerce stores, deliver SEO, CRM integrations, AI solutions and business process automation \u2014 from planning and launch to ongoing technical support and growth. Get a quote \u2197 View our work [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1066","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/pages\/1066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/comments?post=1066"}],"version-history":[{"count":16,"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/pages\/1066\/revisions"}],"predecessor-version":[{"id":2091,"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/pages\/1066\/revisions\/2091"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/media\/9"}],"wp:attachment":[{"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/media?parent=1066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}