{"id":1079,"date":"2026-08-20T11:31:45","date_gmt":"2026-08-20T11:31:45","guid":{"rendered":"https:\/\/webdigital.lv\/?page_id=1079"},"modified":"2026-10-04T17:44:22","modified_gmt":"2026-10-04T17:44:22","slug":"services","status":"publish","type":"page","link":"https:\/\/webdigital.lv\/en\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1079\" class=\"elementor elementor-1079 elementor-357\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f486bb6 e-con e-atomic-element e-flexbox-base e-default-div e-d67fc41 \" data-id=\"f486bb6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f486bb6\" data-e-type=\"e-flexbox\" data-id=\"f486bb6\">\n    \t\t<div class=\"elementor-element elementor-element-df963a6 elementor-widget elementor-widget-html\" data-id=\"df963a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 PAKALPOJUMI HERO \/ SHOWCASE\r\n     SEO + DESKTOP + TABLET + MOBILE\r\n========================================================= -->\r\n\r\n<section class=\"wdhero2\" id=\"wdServicesHero\">\r\n\r\n    <div class=\"wdhero2__inner\">\r\n\r\n        <div class=\"wdhero2__grid\">\r\n\r\n            <!-- =====================================================\r\n                 LEFT \/ SEO CONTENT\r\n            ====================================================== -->\r\n            <div class=\"wdhero2__content wdhero2__reveal\">\r\n\r\n                <div class=\"wdhero2__eyebrow\">\r\n                    <span class=\"wdhero2__dot\"><\/span>\r\n                    <span>WEBDIGITAL \u00b7 SERVICES FOR BUSINESSES<\/span>\r\n                <\/div>\r\n\r\n                <h1 class=\"wdhero2__title\">\r\n                    Digital services\r\n                    <span>for your business.<\/span>\r\n                <\/h1>\r\n\r\n                <p class=\"wdhero2__lead\">\r\n                    Our services cover website and online store development, SEO, website improvements, integrations and technical support. Tell us what your business needs, and we\u2019ll help you choose the right solution.\r\n                <\/p>\r\n<p class=\"wdhero2__platforms\">We build websites with <a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> and online stores with <a href=\"https:\/\/woocommerce.com\/\" target=\"_blank\" rel=\"noopener\">WooCommerce<\/a>. We choose the platform and integrations to suit your project requirements.<\/p>\r\n\r\n                <div class=\"wdhero2__actions\">\r\n\r\n                    <a href=\"\/en\/contact\/\"\r\n                       class=\"wdhero2__btn wdhero2__btn--primary\">\r\n                        <span>Discuss your project<\/span>\r\n                        <b>\u2197<\/b>\r\n                    <\/a>\r\n\r\n                    <a href=\"#wdServicesDirections\"\r\n                       class=\"wdhero2__btn wdhero2__btn--secondary\">\r\n                        <span>Explore our services<\/span>\r\n                        <b>\u2193<\/b>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"wdhero2__mini\">\r\n                    <span>Websites<\/span>\r\n                    <i><\/i>\r\n                    <span>E-commerce<\/span>\r\n                    <i><\/i>\r\n                    <span>SEO<\/span>\r\n                    <i><\/i>\r\n                    <span>Support and improvements<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =====================================================\r\n                 RIGHT \/ VISUAL SHOWCASE\r\n            ====================================================== -->\r\n            <div class=\"wdhero2__showcase wdhero2__reveal\" style=\"--delay:.08s\">\r\n\r\n                <div class=\"wdhero2__showcase-head\">\r\n\r\n                    <div>\r\n                        <small>WEBDIGITAL \/ OUR WORK<\/small>\r\n                        <strong>Websites \u00b7 E-commerce \u00b7 SEO \u00b7 Improvements<\/strong>\r\n                    <\/div>\r\n\r\n                    <span>01 \/ 01<\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a class=\"wdhero2__browser\"\r\n                   href=\"\/en\/our-work\/\"\r\n                   aria-label=\"View WebDigital portfolio\">\r\n\r\n                    <div class=\"wdhero2__browser-top\">\r\n\r\n                        <div class=\"wdhero2__browser-dots\">\r\n                            <i><\/i>\r\n                            <i><\/i>\r\n                            <i><\/i>\r\n                        <\/div>\r\n\r\n                        <div class=\"wdhero2__address\">\r\n                            webdigital.lv \/ our work\r\n                        <\/div>\r\n\r\n                        <div class=\"wdhero2__browser-space\"><\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"wdhero2__screen\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"\/wp-content\/uploads\/2026\/08\/plaukti.eu-majaslapa.webp\"\r\n                            alt=\"WebDigital services \u2014 an example of our website development work\"\r\n                            loading=\"eager\"\r\n                            fetchpriority=\"high\"\r\n                        >\r\n\r\n                        <div class=\"wdhero2__screen-shade\"><\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- FLOATING LABELS -->\r\n\r\n                <div class=\"wdhero2__floating wdhero2__floating--one\">\r\n                    <small>DEVELOPMENT<\/small>\r\n                    <strong>Websites and online stores<\/strong>\r\n                <\/div>\r\n\r\n                <div class=\"wdhero2__floating wdhero2__floating--two\">\r\n                    <small>GROWTH<\/small>\r\n                    <strong>SEO and improvements<\/strong>\r\n                <\/div>\r\n\r\n                <div class=\"wdhero2__floating wdhero2__floating--three\">\r\n\r\n                    <span class=\"wdhero2__live\"><\/span>\r\n\r\n                    <div>\r\n                        <small>SUPPORT<\/small>\r\n                        <strong>Maintenance and improvements<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"wdhero2__showcase-bottom\">\r\n\r\n                    <div>\r\n                        <span>10+<\/span>\r\n                        <small>years of experience<\/small>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span>500+<\/span>\r\n                        <small>projects delivered<\/small>\r\n                    <\/div>\r\n\r\n                    <a href=\"\/en\/our-work\/\">\r\n                        <span>View our work<\/span>\r\n                        <b>\u2197<\/b>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\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.wdhero2__platforms{margin:16px 0 0;color:#666;font-size:13px;line-height:1.7;max-width:580px}.wdhero2__platforms a{color:inherit;text-decoration:underline;text-underline-offset:3px}\r\n\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.wdhero2,\r\n.wdhero2 * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wdhero2 a {\r\n    text-decoration: none;\r\n}\r\n\r\n.wdhero2 {\r\n\r\n    --orange: #ff5033;\r\n    --orange-dark: #f2472f;\r\n\r\n    --ink: #181816;\r\n    --text: #696965;\r\n\r\n    --line: #deded8;\r\n    --soft-line: #e8e8e3;\r\n\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 88% 4%,\r\n            rgba(255,80,51,.055),\r\n            transparent 25%\r\n        ),\r\n        #f7f7f4;\r\n\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.wdhero2__inner {\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        68px 0\r\n        64px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.wdhero2__grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,.88fr)\r\n        minmax(560px,1.12fr);\r\n\r\n    gap: 64px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.wdhero2__eyebrow {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 21px;\r\n\r\n    color: #777773;\r\n\r\n    font-size: 9px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.wdhero2__dot {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    flex: 0 0 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--orange);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(255,80,51,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   H1\r\n========================================================= *\/\r\n\r\n.wdhero2__title {\r\n\r\n    max-width: 650px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--ink);\r\n\r\n    font-size:\r\n        clamp(\r\n            47px,\r\n            4.35vw,\r\n            65px\r\n        );\r\n\r\n    line-height: .97;\r\n\r\n    font-weight: 650;\r\n\r\n    letter-spacing: -3.35px;\r\n\r\n    text-wrap: balance;\r\n}\r\n\r\n\r\n.wdhero2__title span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 5px;\r\n\r\n    color: #9e9e99;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEAD\r\n========================================================= *\/\r\n\r\n.wdhero2__lead {\r\n\r\n    max-width: 620px;\r\n\r\n    margin: 23px 0 0;\r\n\r\n    color: var(--text);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.65;\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.wdhero2__actions {\r\n\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 9px;\r\n\r\n    margin-top: 27px;\r\n}\r\n\r\n\r\n.wdhero2__btn {\r\n\r\n    min-height: 51px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 18px;\r\n\r\n    padding:\r\n        0 9px\r\n        0 18px;\r\n\r\n    border-radius: 10px;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 750;\r\n\r\n    transition:\r\n        transform .22s ease,\r\n        background .22s ease,\r\n        border-color .22s ease,\r\n        box-shadow .22s ease;\r\n}\r\n\r\n\r\n.wdhero2__btn b {\r\n\r\n    width: 33px;\r\n    height: 33px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 8px;\r\n\r\n    font-size: 11px;\r\n\r\n    transition: transform .22s ease;\r\n}\r\n\r\n\r\n.wdhero2__btn--primary {\r\n\r\n    min-width: 215px;\r\n\r\n    color: #fff !important;\r\n\r\n    background: var(--orange);\r\n\r\n    border:\r\n        1px solid\r\n        var(--orange);\r\n\r\n    box-shadow:\r\n        0 10px 26px\r\n        rgba(255,80,51,.14);\r\n}\r\n\r\n\r\n.wdhero2__btn--primary b {\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        rgba(255,255,255,.16);\r\n}\r\n\r\n\r\n.wdhero2__btn--primary:hover {\r\n\r\n    transform: translateY(-2px);\r\n\r\n    background: var(--orange-dark);\r\n\r\n    box-shadow:\r\n        0 14px 30px\r\n        rgba(255,80,51,.19);\r\n}\r\n\r\n\r\n.wdhero2__btn--primary:hover b {\r\n\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\r\n.wdhero2__btn--secondary {\r\n\r\n    min-width: 205px;\r\n\r\n    color: #242421 !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.6);\r\n\r\n    border:\r\n        1px solid\r\n        var(--line);\r\n}\r\n\r\n\r\n.wdhero2__btn--secondary b {\r\n\r\n    color: var(--orange);\r\n\r\n    background: #eeeeea;\r\n}\r\n\r\n\r\n.wdhero2__btn--secondary:hover {\r\n\r\n    transform: translateY(-2px);\r\n\r\n    background: #fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MINI\r\n========================================================= *\/\r\n\r\n.wdhero2__mini {\r\n\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px 11px;\r\n\r\n    margin-top: 24px;\r\n\r\n    color: #8a8a85;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 650;\r\n}\r\n\r\n\r\n.wdhero2__mini i {\r\n\r\n    width: 3px;\r\n    height: 3px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--orange);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHOWCASE\r\n========================================================= *\/\r\n\r\n.wdhero2__showcase {\r\n\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.wdhero2__showcase-head {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-bottom: 15px;\r\n\r\n    padding: 0 3px;\r\n}\r\n\r\n\r\n.wdhero2__showcase-head small {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color: var(--orange);\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing: .9px;\r\n}\r\n\r\n\r\n.wdhero2__showcase-head strong {\r\n\r\n    color: #2d2d2a;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 650;\r\n}\r\n\r\n\r\n.wdhero2__showcase-head > span {\r\n\r\n    color: #aaa9a4;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 750;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BROWSER\r\n========================================================= *\/\r\n\r\n.wdhero2__browser {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        #ddddd7;\r\n\r\n    border-radius: 18px;\r\n\r\n    background: #fff;\r\n\r\n    box-shadow:\r\n        0 26px 70px\r\n        rgba(20,20,16,.09);\r\n\r\n    transform:\r\n        perspective(1200px)\r\n        rotateY(-2deg)\r\n        rotateX(1deg);\r\n\r\n    transform-origin: center center;\r\n\r\n    transition:\r\n        transform .45s\r\n        cubic-bezier(.22,1,.36,1),\r\n        box-shadow .35s ease;\r\n}\r\n\r\n\r\n.wdhero2__browser:hover {\r\n\r\n    transform:\r\n        perspective(1200px)\r\n        rotateY(0)\r\n        rotateX(0)\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 32px 78px\r\n        rgba(20,20,16,.12);\r\n}\r\n\r\n\r\n.wdhero2__browser-top {\r\n\r\n    height: 37px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        62px 1fr 62px;\r\n\r\n    align-items: center;\r\n\r\n    padding: 0 12px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        #eeeeea;\r\n\r\n    background: #fafafa;\r\n}\r\n\r\n\r\n.wdhero2__browser-dots {\r\n\r\n    display: flex;\r\n\r\n    gap: 5px;\r\n}\r\n\r\n\r\n.wdhero2__browser-dots i {\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #c9c9c4;\r\n}\r\n\r\n\r\n.wdhero2__address {\r\n\r\n    justify-self: center;\r\n\r\n    max-width: 220px;\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: #aaa9a4;\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.wdhero2__screen {\r\n\r\n    position: relative;\r\n\r\n    aspect-ratio: 16 \/ 10;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #fff;\r\n}\r\n\r\n\r\n.wdhero2__screen img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: top center;\r\n\r\n    transition:\r\n        transform .7s\r\n        cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n.wdhero2__browser:hover\r\n.wdhero2__screen img {\r\n\r\n    transform: scale(1.015);\r\n}\r\n\r\n\r\n.wdhero2__screen-shade {\r\n\r\n    position: absolute;\r\n\r\n    inset: auto 0 0;\r\n\r\n    height: 25%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,.08),\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING LABELS\r\n========================================================= *\/\r\n\r\n.wdhero2__floating {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    min-width: 132px;\r\n\r\n    padding: 10px 12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(220,220,214,.95);\r\n\r\n    border-radius: 11px;\r\n\r\n    background:\r\n        rgba(255,255,255,.92);\r\n\r\n    backdrop-filter: blur(12px);\r\n\r\n    -webkit-backdrop-filter: blur(12px);\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(20,20,16,.08);\r\n}\r\n\r\n\r\n.wdhero2__floating small {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color: #a0a09b;\r\n\r\n    font-size: 6px;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing: .7px;\r\n}\r\n\r\n\r\n.wdhero2__floating strong {\r\n\r\n    display: block;\r\n\r\n    color: #292926;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.2;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.wdhero2__floating--one {\r\n\r\n    left: -22px;\r\n\r\n    top: 24%;\r\n}\r\n\r\n\r\n.wdhero2__floating--two {\r\n\r\n    right: -18px;\r\n\r\n    top: 47%;\r\n}\r\n\r\n\r\n.wdhero2__floating--three {\r\n\r\n    left: 13%;\r\n\r\n    bottom: 64px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n}\r\n\r\n\r\n.wdhero2__live {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    flex: 0 0 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #35bd78;\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(53,189,120,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHOWCASE BOTTOM\r\n========================================================= *\/\r\n\r\n.wdhero2__showcase-bottom {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        auto auto 1fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 28px;\r\n\r\n    margin-top: 18px;\r\n\r\n    padding: 0 3px;\r\n}\r\n\r\n\r\n.wdhero2__showcase-bottom > div span {\r\n\r\n    display: block;\r\n\r\n    color: #222220;\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: -.6px;\r\n}\r\n\r\n\r\n.wdhero2__showcase-bottom > div small {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color: #969691;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 650;\r\n}\r\n\r\n\r\n.wdhero2__showcase-bottom > a {\r\n\r\n    justify-self: end;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding-bottom: 4px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        #bdbdb8;\r\n\r\n    color: #242421 !important;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 750;\r\n}\r\n\r\n\r\n.wdhero2__showcase-bottom > a b {\r\n\r\n    color: var(--orange);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.wdhero2__reveal {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n}\r\n\r\n\r\n.wdhero2.wdhero2--animate\r\n.wdhero2__reveal {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(18px);\r\n\r\n    transition:\r\n        opacity .65s\r\n        cubic-bezier(.22,1,.36,1),\r\n        transform .65s\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.wdhero2.wdhero2--animate\r\n.wdhero2__reveal.is-visible {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n}\r\n\r\n\r\nbody.elementor-editor-active\r\n.wdhero2__reveal,\r\n\r\nbody.elementor-editor-preview\r\n.wdhero2__reveal,\r\n\r\n.elementor-edit-area\r\n.wdhero2__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   LAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .wdhero2__grid {\r\n\r\n        grid-template-columns:\r\n            minmax(0,.78fr)\r\n            minmax(520px,1.22fr);\r\n\r\n        gap: 42px;\r\n    }\r\n\r\n\r\n    .wdhero2__title {\r\n\r\n        font-size: 54px;\r\n\r\n        letter-spacing: -3px;\r\n    }\r\n\r\n\r\n    .wdhero2__floating--one {\r\n        left: -10px;\r\n    }\r\n\r\n\r\n    .wdhero2__floating--two {\r\n        right: -8px;\r\n    }\r\n\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    .wdhero2__inner {\r\n\r\n        padding-top: 58px;\r\n    }\r\n\r\n\r\n    .wdhero2__grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 38px;\r\n    }\r\n\r\n\r\n    .wdhero2__content {\r\n\r\n        max-width: 760px;\r\n    }\r\n\r\n\r\n    .wdhero2__showcase {\r\n\r\n        max-width: 760px;\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    .wdhero2 {\r\n\r\n        background:\r\n            radial-gradient(\r\n                circle at 100% 0,\r\n                rgba(255,80,51,.07),\r\n                transparent 26%\r\n            ),\r\n            #f7f7f4;\r\n    }\r\n\r\n\r\n    .wdhero2__inner {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n        padding:\r\n            34px 0\r\n            34px;\r\n    }\r\n\r\n\r\n    .wdhero2__grid {\r\n\r\n        gap: 25px;\r\n    }\r\n\r\n\r\n    .wdhero2__eyebrow {\r\n\r\n        margin-bottom: 15px;\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: .85px;\r\n    }\r\n\r\n\r\n    .wdhero2__dot {\r\n\r\n        width: 6px;\r\n\r\n        height: 6px;\r\n\r\n        flex-basis: 6px;\r\n    }\r\n\r\n\r\n    .wdhero2__title {\r\n\r\n        max-width: 100%;\r\n\r\n        font-size:\r\n            clamp(\r\n                34px,\r\n                9.6vw,\r\n                40px\r\n            );\r\n\r\n        line-height: 1;\r\n\r\n        letter-spacing: -1.9px;\r\n\r\n        text-wrap: balance;\r\n    }\r\n\r\n\r\n    .wdhero2__title span {\r\n\r\n        margin-top: 4px;\r\n    }\r\n\r\n\r\n    .wdhero2__lead {\r\n\r\n        max-width: 100%;\r\n\r\n        margin-top: 16px;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.5;\r\n    }\r\n\r\n\r\n    .wdhero2__actions {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 8px;\r\n\r\n        margin-top: 20px;\r\n    }\r\n\r\n\r\n    .wdhero2__btn {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 48px;\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n\r\n    .wdhero2__btn--primary,\r\n    .wdhero2__btn--secondary {\r\n\r\n        min-width: 0;\r\n    }\r\n\r\n\r\n    .wdhero2__btn b {\r\n\r\n        width: 31px;\r\n\r\n        height: 31px;\r\n    }\r\n\r\n\r\n    .wdhero2__mini {\r\n\r\n        gap: 6px 8px;\r\n\r\n        margin-top: 17px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    \/* SHOWCASE *\/\r\n\r\n    .wdhero2__showcase-head {\r\n\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n\r\n    .wdhero2__showcase-head strong {\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n\r\n    .wdhero2__browser {\r\n\r\n        border-radius: 13px;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    .wdhero2__browser:hover {\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    .wdhero2__browser-top {\r\n\r\n        height: 29px;\r\n\r\n        grid-template-columns:\r\n            42px 1fr 42px;\r\n\r\n        padding: 0 8px;\r\n    }\r\n\r\n\r\n    .wdhero2__browser-dots {\r\n\r\n        gap: 3px;\r\n    }\r\n\r\n\r\n    .wdhero2__browser-dots i {\r\n\r\n        width: 4px;\r\n\r\n        height: 4px;\r\n    }\r\n\r\n\r\n    .wdhero2__address {\r\n\r\n        font-size: 6px;\r\n    }\r\n\r\n\r\n    .wdhero2__screen {\r\n\r\n        aspect-ratio: 16 \/ 9;\r\n    }\r\n\r\n\r\n    \/* FLOATING LABELS *\/\r\n\r\n    .wdhero2__floating {\r\n\r\n        min-width: 0;\r\n\r\n        padding: 7px 8px;\r\n\r\n        border-radius: 8px;\r\n    }\r\n\r\n\r\n    .wdhero2__floating small {\r\n\r\n        display: none;\r\n    }\r\n\r\n\r\n    .wdhero2__floating strong {\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    .wdhero2__floating--one {\r\n\r\n        left: 8px;\r\n\r\n        top: 68px;\r\n    }\r\n\r\n\r\n    .wdhero2__floating--two {\r\n\r\n        right: 8px;\r\n\r\n        top: 101px;\r\n    }\r\n\r\n\r\n    .wdhero2__floating--three {\r\n\r\n        display: none;\r\n    }\r\n\r\n\r\n    .wdhero2__showcase-bottom {\r\n\r\n        grid-template-columns:\r\n            auto auto 1fr;\r\n\r\n        gap: 16px;\r\n\r\n        margin-top: 12px;\r\n    }\r\n\r\n\r\n    .wdhero2__showcase-bottom > div span {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .wdhero2__showcase-bottom > div small {\r\n\r\n        font-size: 6px;\r\n    }\r\n\r\n\r\n    .wdhero2__showcase-bottom > a {\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL\r\n========================================================= *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n    .wdhero2__title {\r\n\r\n        font-size: 32px;\r\n    }\r\n\r\n\r\n    .wdhero2__showcase-bottom {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n\r\n    .wdhero2__showcase-bottom > a {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        justify-self: start;\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    .wdhero2__reveal,\r\n    .wdhero2__browser,\r\n    .wdhero2__screen img,\r\n    .wdhero2__btn,\r\n    .wdhero2__btn b {\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<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initWdHero2() {\r\n\r\n        var section =\r\n            document.getElementById(\r\n                \"wdServicesHero\"\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        section.dataset.initialized = \"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        if (editor) {\r\n            return;\r\n        }\r\n\r\n\r\n        var items =\r\n            section.querySelectorAll(\r\n                \".wdhero2__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            \"wdhero2--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                        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                                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                    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            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    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initWdHero2\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        initWdHero2();\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                    initWdHero2,\r\n                    100\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-96012a0 e-con e-atomic-element e-flexbox-base e-default-div e-96012a0-7f2d440 \" data-id=\"96012a0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"96012a0\" data-e-type=\"e-flexbox\" data-id=\"96012a0\">\n    \t\t<div class=\"elementor-element elementor-element-2160dba elementor-widget elementor-widget-html\" data-id=\"2160dba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 PAKALPOJUMI\r\n     8 SERVICES \/ 4 + 4\r\n     DESKTOP + TABLET + MOBILE\r\n========================================================= -->\r\n\r\n<section class=\"wd-services-directions\" id=\"wdServicesDirections\">\r\n\r\n    <div class=\"wd-services-directions__inner\">\r\n\r\n        <!-- =====================================================\r\n             HEADER\r\n        ====================================================== -->\r\n        <div class=\"wd-services-directions__header\">\r\n\r\n            <div class=\"wd-services-directions__intro\">\r\n\r\n                <div class=\"wd-services-directions__eyebrow\">\r\n                    <span>SERVICES<\/span>\r\n                    <i><\/i>\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Services\r\n                    <span>to meet your business needs.<\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"wd-services-directions__description\">\r\n                <p>\r\n                    Explore our five service areas. If you\u2019re unsure where to start, describe your goal \u2014 we\u2019ll help you work out what you need and how to move forward.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             GRID \u2014 8 SERVICES\r\n        ====================================================== -->\r\n        <div class=\"wd-services-directions__grid\">\r\n\r\n            <!-- 01 \u2014 M\u0100JASLAPAS UN E-KOMERCIJA -->\r\n            <a href=\"\/en\/website-development\/\"\r\n               class=\"wd-services-directions__card\">\r\n\r\n                <div class=\"wd-services-directions__card-top\">\r\n                    <span class=\"wd-services-directions__number\">01<\/span>\r\n                    <span class=\"wd-services-directions__arrow\">\u2197<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"wd-services-directions__card-content\">\r\n                    <span class=\"wd-services-directions__label\">DEVELOPMENT<\/span>\r\n                    <h3>Websites and online stores<\/h3>\r\n                    <p>\r\n                        We build websites and online stores, from planning and design to functionality, integrations and launch.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"wd-services-directions__tags\">\r\n                    <span>Websites<\/span>\r\n                    <span>Online stores<\/span>\r\n                    <span>Landing pages<\/span>\r\n                    <span>Custom solutions<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n\r\n            <!-- 02 \u2014 SEO UN IZAUGSME -->\r\n            <a href=\"\/en\/seo-services\/\"\r\n               class=\"wd-services-directions__card\">\r\n\r\n                <div class=\"wd-services-directions__card-top\">\r\n                    <span class=\"wd-services-directions__number\">02<\/span>\r\n                    <span class=\"wd-services-directions__arrow\">\u2197<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"wd-services-directions__card-content\">\r\n                    <span class=\"wd-services-directions__label\">GROWTH<\/span>\r\n                    <h3>SEO and growth<\/h3>\r\n                    <p>\r\n                        We improve your website\u2019s visibility in Google, refine its structure and create content that helps potential customers find your business.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"wd-services-directions__tags\">\r\n                    <span>SEO<\/span>\r\n                    <span>Keywords<\/span>\r\n                    <span>Content<\/span>\r\n                    <span>Google<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n\r\n            <!-- 03 \u2014 M\u0100JASLAPAS UZLABO\u0160ANA -->\r\n            <a href=\"\/en\/website-improvements\/\"\r\n               class=\"wd-services-directions__card\">\r\n\r\n                <div class=\"wd-services-directions__card-top\">\r\n                    <span class=\"wd-services-directions__number\">03<\/span>\r\n                    <span class=\"wd-services-directions__arrow\">\u2197<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"wd-services-directions__card-content\">\r\n                    <span class=\"wd-services-directions__label\">IMPROVEMENTS<\/span>\r\n                    <h3>Website improvements<\/h3>\r\n                    <p>\r\n                        If your website no longer meets your business needs, we improve its design, speed, usability and functionality without an unnecessary rebuild.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"wd-services-directions__tags\">\r\n                    <span>Design<\/span>\r\n                    <span>UX<\/span>\r\n                    <span>PageSpeed<\/span>\r\n                    <span>Functionality<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n\r\n            <!-- 04 \u2014 ATBALSTS UN UZTUR\u0112\u0160ANA -->\r\n            <a href=\"\/en\/wordpress-maintenance\/\"\r\n               class=\"wd-services-directions__card\">\r\n\r\n                <div class=\"wd-services-directions__card-top\">\r\n                    <span class=\"wd-services-directions__number\">04<\/span>\r\n                    <span class=\"wd-services-directions__arrow\">\u2197<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"wd-services-directions__card-content\">\r\n                    <span class=\"wd-services-directions__label\">SUPPORT<\/span>\r\n                    <h3>Support and maintenance<\/h3>\r\n                    <p>\r\n                        We keep your website maintained, address security issues and help with technical questions after launch.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"wd-services-directions__tags\">\r\n                    <span>Updates<\/span>\r\n                    <span>Security<\/span>\r\n                    <span>Backups<\/span>\r\n                    <span>Hosting<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n\r\n            <!-- 05 \u2014 INTEGR\u0100CIJAS UN AUTOMATIZ\u0100CIJA -->\r\n            <a href=\"#papildu-risinajumi\"\r\n               class=\"wd-services-directions__card wd-services-directions__card--accent\">\r\n\r\n                <div class=\"wd-services-directions__card-top\">\r\n                    <span class=\"wd-services-directions__number\">05<\/span>\r\n                    <span class=\"wd-services-directions__arrow\">\u2197<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"wd-services-directions__card-content\">\r\n                    <span class=\"wd-services-directions__label\">AUTOMATION<\/span>\r\n                    <h3>Integrations and automation<\/h3>\r\n                    <p>\r\n                        We connect your website to payment, shipping, CRM, ERP and other systems, and automate routine tasks to reduce manual work.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"wd-services-directions__tags\">\r\n                    <span>API<\/span>\r\n                    <span>CRM \/ ERP<\/span>\r\n                    <span>Payments<\/span>\r\n                    <span>Automation<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             BOTTOM CTA\r\n        ====================================================== -->\r\n        <div class=\"wd-services-directions__bottom\">\r\n\r\n            <div class=\"wd-services-directions__bottom-text\">\r\n\r\n                <span>NOT SURE WHERE TO START?<\/span>\r\n\r\n                <p>\r\n                    Tell us about your goal or the problem you\u2019re facing. We\u2019ll review the situation and suggest the next step.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"\/en\/contact\/\"\r\n               class=\"wd-services-directions__cta\">\r\n\r\n                <span>Discuss your project<\/span>\r\n                <b>\u2197<\/b>\r\n\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   RESET\r\n========================================================= *\/\r\n\r\n.wd-services-directions,\r\n.wd-services-directions * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wd-services-directions a {\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.wd-services-directions {\r\n\r\n    --orange: #ff5033;\r\n    --orange-dark: #f3482d;\r\n\r\n    --ink: #191917;\r\n    --text: #696965;\r\n\r\n    --line: #deded8;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background: #fff;\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.wd-services-directions__inner {\r\n\r\n    width: min(\r\n        calc(100% - 48px),\r\n        1390px\r\n    );\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 68px 0 58px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wd-services-directions__header {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1.08fr)\r\n        minmax(360px,.92fr);\r\n\r\n    gap: 70px;\r\n\r\n    align-items: end;\r\n\r\n    margin-bottom: 34px;\r\n}\r\n\r\n\r\n.wd-services-directions__eyebrow {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: var(--orange);\r\n\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.1px;\r\n}\r\n\r\n\r\n.wd-services-directions__eyebrow i {\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n\r\n    display: block;\r\n\r\n    background: #cacac5;\r\n}\r\n\r\n\r\n.wd-services-directions__intro h2 {\r\n\r\n    max-width: 720px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--ink);\r\n\r\n    font-size: clamp(\r\n        42px,\r\n        3.8vw,\r\n        60px\r\n    );\r\n\r\n    line-height: .98;\r\n\r\n    font-weight: 650;\r\n\r\n    letter-spacing: -3.1px;\r\n}\r\n\r\n\r\n.wd-services-directions__intro h2 span {\r\n\r\n    display: block;\r\n\r\n    color: #9d9d98;\r\n}\r\n\r\n\r\n.wd-services-directions__description {\r\n\r\n    max-width: 530px;\r\n}\r\n\r\n\r\n.wd-services-directions__description p {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--text);\r\n\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.wd-services-directions__grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap: 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.wd-services-directions__card {\r\n\r\n    min-height: 292px;\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 19px;\r\n\r\n    overflow: hidden;\r\n\r\n    color: var(--ink) !important;\r\n\r\n    background: #f8f8f5;\r\n\r\n    border: 1px solid #e4e4df;\r\n\r\n    border-radius: 16px;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n.wd-services-directions__card:hover {\r\n\r\n    transform: translateY(-4px);\r\n\r\n    background: #fff;\r\n\r\n    border-color: #d3d3cd;\r\n\r\n    box-shadow:\r\n        0 15px 38px\r\n        rgba(22,22,18,.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP\r\n========================================================= *\/\r\n\r\n.wd-services-directions__card-top {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n\r\n.wd-services-directions__number {\r\n\r\n    color: #b1b1ac;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 750;\r\n\r\n    letter-spacing: .4px;\r\n}\r\n\r\n\r\n.wd-services-directions__arrow {\r\n\r\n    width: 31px;\r\n    height: 31px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    color: var(--orange);\r\n\r\n    background: #eeeeea;\r\n\r\n    border: 1px solid #e2e2dc;\r\n\r\n    border-radius: 50%;\r\n\r\n    font-size: 11px;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        color .25s ease;\r\n}\r\n\r\n\r\n.wd-services-directions__card:hover\r\n.wd-services-directions__arrow {\r\n\r\n    color: #fff;\r\n\r\n    background: var(--orange);\r\n\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.wd-services-directions__card-content {\r\n\r\n    margin-top: 31px;\r\n}\r\n\r\n\r\n.wd-services-directions__label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: var(--orange);\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.wd-services-directions__card h3 {\r\n\r\n    max-width: 245px;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--ink);\r\n\r\n    font-size: 23px;\r\n\r\n    line-height: 1.04;\r\n\r\n    font-weight: 650;\r\n\r\n    letter-spacing: -1.15px;\r\n}\r\n\r\n\r\n.wd-services-directions__card p {\r\n\r\n    max-width: 265px;\r\n\r\n    margin: 11px 0 0;\r\n\r\n    color: #747470;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.55;\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAGS\r\n========================================================= *\/\r\n\r\n.wd-services-directions__tags {\r\n\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 5px;\r\n\r\n    margin-top: auto;\r\n\r\n    padding-top: 17px;\r\n}\r\n\r\n\r\n.wd-services-directions__tags span {\r\n\r\n    min-height: 24px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    padding: 0 8px;\r\n\r\n    color: #777772;\r\n\r\n    background: #fff;\r\n\r\n    border: 1px solid #e4e4df;\r\n\r\n    border-radius: 999px;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 650;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCENT CARD\r\n========================================================= *\/\r\n\r\n.wd-services-directions__card--accent {\r\n\r\n    color: #fff !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #ff5a3d,\r\n            #f2472f\r\n        );\r\n\r\n    border-color: transparent;\r\n}\r\n\r\n\r\n.wd-services-directions__card--accent:hover {\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #ff5a3d,\r\n            #ed4028\r\n        );\r\n\r\n    border-color: transparent;\r\n\r\n    box-shadow:\r\n        0 17px 42px\r\n        rgba(255,80,51,.18);\r\n}\r\n\r\n\r\n.wd-services-directions__card--accent\r\n.wd-services-directions__number {\r\n\r\n    color: rgba(255,255,255,.58);\r\n}\r\n\r\n\r\n.wd-services-directions__card--accent\r\n.wd-services-directions__arrow {\r\n\r\n    color: #fff;\r\n\r\n    background: rgba(255,255,255,.13);\r\n\r\n    border-color: rgba(255,255,255,.2);\r\n}\r\n\r\n\r\n.wd-services-directions__card--accent\r\n.wd-services-directions__label {\r\n\r\n    color: rgba(255,255,255,.72);\r\n}\r\n\r\n\r\n.wd-services-directions__card--accent h3 {\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n.wd-services-directions__card--accent p {\r\n\r\n    color: rgba(255,255,255,.8);\r\n}\r\n\r\n\r\n.wd-services-directions__card--accent\r\n.wd-services-directions__tags span {\r\n\r\n    color: #fff;\r\n\r\n    background: rgba(255,255,255,.1);\r\n\r\n    border-color: rgba(255,255,255,.16);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM CTA\r\n========================================================= *\/\r\n\r\n.wd-services-directions__bottom {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 35px;\r\n\r\n    margin-top: 34px;\r\n\r\n    padding-top: 24px;\r\n\r\n    border-top: 1px solid var(--line);\r\n}\r\n\r\n\r\n.wd-services-directions__bottom-text {\r\n\r\n    max-width: 700px;\r\n}\r\n\r\n\r\n.wd-services-directions__bottom-text > span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 6px;\r\n\r\n    color: #9a9a95;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.wd-services-directions__bottom-text p {\r\n\r\n    margin: 0;\r\n\r\n    color: #60605c;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n.wd-services-directions__cta {\r\n\r\n    min-width: 210px;\r\n    min-height: 50px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 18px;\r\n\r\n    padding: 0 10px 0 17px;\r\n\r\n    color: #fff !important;\r\n\r\n    background: var(--orange);\r\n\r\n    border-radius: 10px;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.wd-services-directions__cta b {\r\n\r\n    width: 29px;\r\n    height: 29px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    background: rgba(255,255,255,.15);\r\n\r\n    border-radius: 50%;\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width:1180px) {\r\n\r\n    .wd-services-directions__grid {\r\n\r\n        grid-template-columns:\r\n            repeat(3,minmax(0,1fr));\r\n    }\r\n\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-services-directions__header {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 19px;\r\n\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\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    .wd-services-directions__inner {\r\n\r\n        width: calc(100% - 28px);\r\n\r\n        padding: 34px 0 31px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__header {\r\n\r\n        gap: 11px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__eyebrow {\r\n\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__eyebrow i {\r\n\r\n        width: 25px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__intro h2 {\r\n\r\n        font-size: clamp(\r\n            30px,\r\n            8.8vw,\r\n            37px\r\n        );\r\n\r\n        line-height: 1;\r\n\r\n        letter-spacing: -1.8px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__description p {\r\n\r\n        font-size: 11px;\r\n\r\n        line-height: 1.45;\r\n    }\r\n\r\n\r\n    \/* GRID *\/\r\n\r\n    .wd-services-directions__grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 7px;\r\n    }\r\n\r\n\r\n    \/* CARD *\/\r\n\r\n    .wd-services-directions__card {\r\n\r\n        min-height: 0;\r\n\r\n        padding: 13px;\r\n\r\n        border-radius: 12px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__card-top {\r\n\r\n        min-height: 25px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__number {\r\n\r\n        font-size: 7px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__arrow {\r\n\r\n        width: 27px;\r\n        height: 27px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__card-content {\r\n\r\n        margin-top: 13px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__label {\r\n\r\n        margin-bottom: 5px;\r\n\r\n        font-size: 6px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__card h3 {\r\n\r\n        max-width: calc(100% - 10px);\r\n\r\n        font-size: 18px;\r\n\r\n        line-height: 1.05;\r\n\r\n        letter-spacing: -.75px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__card p {\r\n\r\n        max-width: 100%;\r\n\r\n        margin-top: 6px;\r\n\r\n        font-size: 9.5px;\r\n\r\n        line-height: 1.4;\r\n    }\r\n\r\n\r\n    .wd-services-directions__tags {\r\n\r\n        gap: 4px;\r\n\r\n        padding-top: 9px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__tags span {\r\n\r\n        min-height: 21px;\r\n\r\n        padding: 0 7px;\r\n\r\n        font-size: 6.5px;\r\n    }\r\n\r\n\r\n    \/* BOTTOM *\/\r\n\r\n    .wd-services-directions__bottom {\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n\r\n        gap: 12px;\r\n\r\n        margin-top: 18px;\r\n\r\n        padding-top: 15px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__bottom-text > span {\r\n\r\n        margin-bottom: 4px;\r\n\r\n        font-size: 7px;\r\n    }\r\n\r\n\r\n    .wd-services-directions__bottom-text p {\r\n\r\n        font-size: 10px;\r\n\r\n        line-height: 1.4;\r\n    }\r\n\r\n\r\n    .wd-services-directions__cta {\r\n\r\n        width: 100%;\r\n\r\n        min-width: 0;\r\n        min-height: 44px;\r\n\r\n        font-size: 9px;\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-f4f3131 e-con e-atomic-element e-flexbox-base e-default-div e-f4f3131-6997898 \" data-id=\"f4f3131\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f4f3131\" data-e-type=\"e-flexbox\" data-id=\"f4f3131\">\n    \t\t<div class=\"elementor-element elementor-element-e5f9c1b elementor-widget elementor-widget-html\" data-id=\"e5f9c1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 03 \/ ESO\u0160AS M\u0100JASLAPAS ATT\u012aST\u012aBA\r\n     REDESIGN \/ AUDIT PANEL \/ DESKTOP + MOBILE\r\n========================================================= -->\r\n\r\n<section class=\"wd-rework\" id=\"esosas-majaslapas-uzlabosana\">\r\n\r\n  <div class=\"wd-rework__inner\">\r\n\r\n    <div class=\"wd-rework__grid\">\r\n\r\n      <!-- =====================================================\r\n           LEFT\r\n      ====================================================== -->\r\n      <div class=\"wd-rework__content\">\r\n\r\n        <div class=\"wd-rework__eyebrow\">\r\n          <span>03<\/span>\r\n          <i><\/i>\r\n          <strong>IMPROVING AN EXISTING WEBSITE<\/strong>\r\n        <\/div>\r\n\r\n        <h2>\r\n          You don\u2019t always need a new website.\r\n          <span>Sometimes, improving what you have is enough.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"wd-rework__lead\">\r\n          If your website already has useful content, search rankings or features that work well, you may not need to start from scratch. We identify what to keep and improve the areas that affect usability, visibility and future development.\r\n        <\/p>\r\n\r\n        <div class=\"wd-rework__benefits\">\r\n          <span><i><\/i>Keep what already works<\/span>\r\n          <span><i><\/i>Focus on the issues that matter<\/span>\r\n          <span><i><\/i>Work with websites built by other developers<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wd-rework__actions\">\r\n\r\n          <a href=\"\/en\/website-improvements\/\"\r\n             class=\"wd-rework__btn\">\r\n            <span>Explore website improvements<\/span>\r\n            <b>\u2197<\/b>\r\n          <\/a>\r\n\r\n          <a href=\"\/en\/contact\/\"\r\n             class=\"wd-rework__link\">\r\n            Request a website review\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =====================================================\r\n           RIGHT \/ AUDIT PANEL\r\n      ====================================================== -->\r\n      <div class=\"wd-rework__audit\">\r\n\r\n        <div class=\"wd-rework__audit-head\">\r\n\r\n          <div>\r\n            <small>WEBSITE REVIEW<\/small>\r\n            <strong>What can we improve on your website?<\/strong>\r\n          <\/div>\r\n\r\n          <span class=\"wd-rework__status\">\r\n            <i><\/i>\r\n            6 areas\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wd-rework__audit-body\">\r\n\r\n          <!-- 01 -->\r\n          <div class=\"wd-rework__audit-row\">\r\n            <span class=\"wd-rework__num\">01<\/span>\r\n\r\n            <div class=\"wd-rework__audit-main\">\r\n              <small>DESIGN \/ UX<\/small>\r\n              <h3>Design and usability<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"wd-rework__audit-result\">\r\n              <span class=\"wd-rework__bad\">Outdated<\/span>\r\n              <b>\u2192<\/b>\r\n              <span class=\"wd-rework__good\">Clearer<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n          <!-- 02 -->\r\n          <div class=\"wd-rework__audit-row\">\r\n            <span class=\"wd-rework__num\">02<\/span>\r\n\r\n            <div class=\"wd-rework__audit-main\">\r\n              <small>PERFORMANCE<\/small>\r\n              <h3>Loading speed and PageSpeed<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"wd-rework__audit-result\">\r\n              <span class=\"wd-rework__bad\">Slow<\/span>\r\n              <b>\u2192<\/b>\r\n              <span class=\"wd-rework__good\">Faster<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n          <!-- 03 -->\r\n          <div class=\"wd-rework__audit-row\">\r\n            <span class=\"wd-rework__num\">03<\/span>\r\n\r\n            <div class=\"wd-rework__audit-main\">\r\n              <small>SEO<\/small>\r\n              <h3>SEO and visibility in Google<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"wd-rework__audit-result\">\r\n              <span class=\"wd-rework__bad\">Limited<\/span>\r\n              <b>\u2192<\/b>\r\n              <span class=\"wd-rework__good\">Improved<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n          <!-- 04 -->\r\n          <div class=\"wd-rework__audit-row\">\r\n            <span class=\"wd-rework__num\">04<\/span>\r\n\r\n            <div class=\"wd-rework__audit-main\">\r\n              <small>MOBILE EXPERIENCE<\/small>\r\n              <h3>Responsive design<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"wd-rework__audit-result\">\r\n              <span class=\"wd-rework__bad\">Hard to use<\/span>\r\n              <b>\u2192<\/b>\r\n              <span class=\"wd-rework__good\">Mobile-friendly<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n          <!-- 05 -->\r\n          <div class=\"wd-rework__audit-row\">\r\n            <span class=\"wd-rework__num\">05<\/span>\r\n\r\n            <div class=\"wd-rework__audit-main\">\r\n              <small>FUNCTIONALITY<\/small>\r\n              <h3>New features and integrations<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"wd-rework__audit-result\">\r\n              <span class=\"wd-rework__bad\">Missing features<\/span>\r\n              <b>\u2192<\/b>\r\n              <span class=\"wd-rework__good\">More capabilities<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n          <!-- 06 -->\r\n          <div class=\"wd-rework__audit-row\">\r\n            <span class=\"wd-rework__num\">06<\/span>\r\n\r\n            <div class=\"wd-rework__audit-main\">\r\n              <small>TECHNICAL HEALTH<\/small>\r\n              <h3>Errors, security and stability<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"wd-rework__audit-result\">\r\n              <span class=\"wd-rework__bad\">Issues<\/span>\r\n              <b>\u2192<\/b>\r\n              <span class=\"wd-rework__good\">More reliable<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wd-rework__audit-foot\">\r\n\r\n          <span>\r\n            Design \u00b7 SEO \u00b7 Speed \u00b7 Mobile experience \u00b7 Functionality \u00b7 Security\r\n          <\/span>\r\n\r\n          <a href=\"\/en\/contact\/\">\r\n            Discuss improvements <b>\u2197<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\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\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.wd-rework,\r\n.wd-rework * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n.wd-rework a {\r\n  text-decoration:none;\r\n}\r\n\r\n.wd-rework {\r\n  --orange:#ff5033;\r\n  --ink:#181816;\r\n  --text:#686864;\r\n  --muted:#999994;\r\n  --line:#deded8;\r\n  --panel:#f0f0ec;\r\n\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  background:#f7f7f4;\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.wd-rework__inner {\r\n  width:min(calc(100% - 48px),1390px);\r\n  margin:0 auto;\r\n  padding:64px 0 52px;\r\n}\r\n\r\n.wd-rework__grid {\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.85fr) minmax(560px,1.15fr);\r\n  gap:74px;\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.wd-rework__eyebrow {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:11px;\r\n\r\n  margin-bottom:19px;\r\n\r\n  color:#777773;\r\n  font-size:9px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.wd-rework__eyebrow span {\r\n  color:var(--orange);\r\n}\r\n\r\n.wd-rework__eyebrow i {\r\n  width:28px;\r\n  height:1px;\r\n  background:#cfcfc9;\r\n}\r\n\r\n.wd-rework__eyebrow strong {\r\n  font:inherit;\r\n}\r\n\r\n.wd-rework__content h2 {\r\n  max-width:610px;\r\n  margin:0;\r\n\r\n  font-size:clamp(46px,4.1vw,62px);\r\n  line-height:.97;\r\n  font-weight:650;\r\n  letter-spacing:-3.25px;\r\n  text-wrap:balance;\r\n}\r\n\r\n.wd-rework__content h2 span {\r\n  display:block;\r\n  color:#a0a09b;\r\n}\r\n\r\n.wd-rework__lead {\r\n  max-width:610px;\r\n  margin:20px 0 0;\r\n\r\n  color:var(--text);\r\n  font-size:14px;\r\n  line-height:1.62;\r\n}\r\n\r\n.wd-rework__benefits {\r\n  display:grid;\r\n  gap:8px;\r\n  margin-top:21px;\r\n}\r\n\r\n.wd-rework__benefits span {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n\r\n  color:#4f4f4b;\r\n  font-size:10px;\r\n  font-weight:650;\r\n}\r\n\r\n.wd-rework__benefits i {\r\n  width:6px;\r\n  height:6px;\r\n  flex:0 0 6px;\r\n  border-radius:50%;\r\n  background:var(--orange);\r\n}\r\n\r\n.wd-rework__actions {\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  gap:16px;\r\n  margin-top:23px;\r\n}\r\n\r\n.wd-rework__btn {\r\n  min-height:49px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:16px;\r\n\r\n  padding:0 8px 0 16px;\r\n\r\n  border-radius:10px;\r\n  background:#1c1c1a;\r\n  color:#fff !important;\r\n\r\n  font-size:11px;\r\n  font-weight:750;\r\n}\r\n\r\n.wd-rework__btn b {\r\n  width:32px;\r\n  height:32px;\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  border-radius:8px;\r\n  background:var(--orange);\r\n  color:#fff;\r\n  font-size:10px;\r\n}\r\n\r\n.wd-rework__link {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:7px;\r\n\r\n  padding-bottom:3px;\r\n\r\n  border-bottom:1px solid #bdbdb8;\r\n\r\n  color:#343431 !important;\r\n  font-size:10px;\r\n  font-weight:700;\r\n}\r\n\r\n.wd-rework__link span {\r\n  color:var(--orange);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AUDIT PANEL\r\n========================================================= *\/\r\n\r\n.wd-rework__audit {\r\n  position:relative;\r\n\r\n  border:1px solid #deded8;\r\n  border-radius:20px;\r\n\r\n  background:#f1f1ed;\r\n\r\n  box-shadow:\r\n    0 24px 60px\r\n    rgba(20,20,16,.045);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n.wd-rework__audit-head {\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n\r\n  min-height:67px;\r\n  padding:15px 18px;\r\n\r\n  border-bottom:1px solid var(--line);\r\n  background:rgba(255,255,255,.38);\r\n}\r\n\r\n.wd-rework__audit-head small {\r\n  display:block;\r\n  margin-bottom:3px;\r\n\r\n  color:var(--orange);\r\n  font-size:7px;\r\n  font-weight:850;\r\n  letter-spacing:.8px;\r\n}\r\n\r\n.wd-rework__audit-head strong {\r\n  display:block;\r\n\r\n  color:#292926;\r\n  font-size:13px;\r\n  font-weight:700;\r\n}\r\n\r\n.wd-rework__status {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:7px;\r\n\r\n  color:#777773;\r\n  font-size:8px;\r\n  font-weight:700;\r\n}\r\n\r\n.wd-rework__status i {\r\n  width:6px;\r\n  height:6px;\r\n  border-radius:50%;\r\n  background:#35bd78;\r\n  box-shadow:0 0 0 4px rgba(53,189,120,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROWS\r\n========================================================= *\/\r\n\r\n.wd-rework__audit-body {\r\n  padding:0 18px;\r\n}\r\n\r\n.wd-rework__audit-row {\r\n  display:grid;\r\n  grid-template-columns:28px minmax(220px,1fr) minmax(170px,.62fr);\r\n  gap:14px;\r\n  align-items:center;\r\n\r\n  min-height:79px;\r\n\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n.wd-rework__audit-row:last-child {\r\n  border-bottom:0;\r\n}\r\n\r\n.wd-rework__num {\r\n  align-self:start;\r\n  padding-top:22px;\r\n\r\n  color:#aaa9a4;\r\n  font-size:7px;\r\n  font-weight:800;\r\n}\r\n\r\n.wd-rework__audit-main small {\r\n  display:block;\r\n  margin-bottom:4px;\r\n\r\n  color:var(--orange);\r\n  font-size:6px;\r\n  font-weight:850;\r\n  letter-spacing:.7px;\r\n}\r\n\r\n.wd-rework__audit-main h3 {\r\n  margin:0;\r\n\r\n  color:#242421;\r\n  font-size:16px;\r\n  line-height:1.1;\r\n  font-weight:700;\r\n  letter-spacing:-.45px;\r\n}\r\n\r\n.wd-rework__audit-result {\r\n  display:grid;\r\n  grid-template-columns:1fr 18px 1fr;\r\n  gap:5px;\r\n  align-items:center;\r\n}\r\n\r\n.wd-rework__audit-result span {\r\n  min-height:26px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  padding:0 8px;\r\n\r\n  border-radius:999px;\r\n\r\n  font-size:7px;\r\n  font-weight:700;\r\n  white-space:nowrap;\r\n}\r\n\r\n.wd-rework__bad {\r\n  color:#858580;\r\n  background:#e6e6e1;\r\n}\r\n\r\n.wd-rework__good {\r\n  color:#292926;\r\n  background:#fff;\r\n  border:1px solid #ddddD7;\r\n}\r\n\r\n.wd-rework__audit-result b {\r\n  color:var(--orange);\r\n  text-align:center;\r\n  font-size:9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOT\r\n========================================================= *\/\r\n\r\n.wd-rework__audit-foot {\r\n  min-height:52px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n\r\n  padding:12px 18px;\r\n\r\n  border-top:1px solid var(--line);\r\n  background:rgba(255,255,255,.38);\r\n}\r\n\r\n.wd-rework__audit-foot > span {\r\n  color:#969691;\r\n  font-size:7px;\r\n  font-weight:650;\r\n}\r\n\r\n.wd-rework__audit-foot a {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  color:#2b2b28 !important;\r\n  font-size:9px;\r\n  font-weight:750;\r\n}\r\n\r\n.wd-rework__audit-foot a b {\r\n  color:var(--orange);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:980px) {\r\n\r\n  .wd-rework__grid {\r\n    grid-template-columns:1fr;\r\n    gap:34px;\r\n  }\r\n\r\n  .wd-rework__content,\r\n  .wd-rework__audit {\r\n    max-width:760px;\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  .wd-rework__inner {\r\n    width:calc(100% - 28px);\r\n    padding:34px 0 29px;\r\n  }\r\n\r\n  .wd-rework__grid {\r\n    gap:21px;\r\n  }\r\n\r\n  .wd-rework__eyebrow {\r\n    margin-bottom:12px;\r\n    font-size:8px;\r\n  }\r\n\r\n  .wd-rework__eyebrow i {\r\n    width:20px;\r\n  }\r\n\r\n  .wd-rework__content h2 {\r\n    max-width:100%;\r\n    font-size:clamp(30px,8.6vw,36px);\r\n    line-height:1;\r\n    letter-spacing:-1.75px;\r\n  }\r\n\r\n  .wd-rework__lead {\r\n    margin-top:12px;\r\n    font-size:11px;\r\n    line-height:1.45;\r\n  }\r\n\r\n  .wd-rework__benefits {\r\n    gap:6px;\r\n    margin-top:14px;\r\n  }\r\n\r\n  .wd-rework__benefits span {\r\n    font-size:8.5px;\r\n  }\r\n\r\n  .wd-rework__actions {\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:10px;\r\n    margin-top:16px;\r\n  }\r\n\r\n  .wd-rework__btn {\r\n    width:100%;\r\n    min-height:45px;\r\n    font-size:10px;\r\n  }\r\n\r\n  .wd-rework__btn b {\r\n    width:29px;\r\n    height:29px;\r\n  }\r\n\r\n  .wd-rework__link {\r\n    justify-self:start;\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  \/* PANEL *\/\r\n\r\n  .wd-rework__audit {\r\n    border-radius:14px;\r\n  }\r\n\r\n  .wd-rework__audit-head {\r\n    min-height:52px;\r\n    padding:11px 12px;\r\n  }\r\n\r\n  .wd-rework__audit-head strong {\r\n    font-size:11px;\r\n  }\r\n\r\n  .wd-rework__status {\r\n    font-size:7px;\r\n  }\r\n\r\n  .wd-rework__audit-body {\r\n    padding:0 12px;\r\n  }\r\n\r\n  .wd-rework__audit-row {\r\n    grid-template-columns:22px minmax(0,1fr);\r\n    gap:7px;\r\n\r\n    min-height:0;\r\n    padding:10px 0;\r\n  }\r\n\r\n  .wd-rework__num {\r\n    padding-top:2px;\r\n    font-size:6px;\r\n  }\r\n\r\n  .wd-rework__audit-main small {\r\n    margin-bottom:2px;\r\n    font-size:5.5px;\r\n  }\r\n\r\n  .wd-rework__audit-main h3 {\r\n    font-size:13px;\r\n  }\r\n\r\n  \/* Hide before\/after pills on mobile to keep section short *\/\r\n  .wd-rework__audit-result {\r\n    display:none;\r\n  }\r\n\r\n  .wd-rework__audit-foot {\r\n    min-height:43px;\r\n    padding:9px 12px;\r\n  }\r\n\r\n  .wd-rework__audit-foot > span {\r\n    display:none;\r\n  }\r\n\r\n  .wd-rework__audit-foot a {\r\n    width:100%;\r\n    justify-content:space-between;\r\n    font-size:8px;\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-b8d6160 e-con e-atomic-element e-flexbox-base e-default-div e-b8d6160-985bd7d \" data-id=\"b8d6160\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b8d6160\" data-e-type=\"e-flexbox\" data-id=\"b8d6160\">\n    \t\t<div class=\"elementor-element elementor-element-472b004 elementor-widget elementor-widget-html\" data-id=\"472b004\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBDIGITAL \u2014 04 \/ INTEGR\u0100CIJAS UN PAPILDU RISIN\u0100JUMI\r\n     DISTINCT TRANSITION BLOCK \/ NO WORDPRESS \/ NO WOOCOMMERCE\r\n     DESKTOP + MOBILE\r\n========================================================= -->\r\n\r\n<section class=\"wd-solutions\" id=\"papildu-risinajumi\">\r\n\r\n  <div class=\"wd-solutions__inner\">\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n    ====================================================== -->\r\n    <div class=\"wd-solutions__head\">\r\n\r\n      <div class=\"wd-solutions__heading\">\r\n\r\n        <div class=\"wd-solutions__eyebrow\">\r\n          <span>04<\/span>\r\n          <i><\/i>\r\n          <strong>INTEGRATIONS AND ADDITIONAL SOLUTIONS<\/strong>\r\n        <\/div>\r\n\r\n        <h2>\r\n          Your website can do more.\r\n          <span>Connect it to the way your business works.<\/span>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"wd-solutions__intro\">\r\n        <p>\r\n          Payments, shipping, data exchange, bookings, CRM and email \u2014 our integration services connect your website to the systems your business uses every day. We also help with hosting and migration.\r\n        <\/p>\r\n\r\n        <a href=\"\/en\/contact\/\" class=\"wd-solutions__intro-link\">\r\n          <span>Discuss an integration<\/span>\r\n          <b>\u2197<\/b>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         DESKTOP \/ 3 AREAS\r\n    ====================================================== -->\r\n    <div class=\"wd-solutions__desktop\">\r\n\r\n      <!-- 01 -->\r\n      <div class=\"wd-solutions__area\">\r\n\r\n        <div class=\"wd-solutions__area-head\">\r\n          <span>01<\/span>\r\n\r\n          <div>\r\n            <small>E-COMMERCE<\/small>\r\n            <strong>Sales and orders<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wd-solutions__services\">\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/payment-integrations\/\">Payment integrations<\/a><\/h3>\r\n            <p>Klix, Stripe, PayPal, online banking and other payment options.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/shipping-integrations\/\">Shipping integrations<\/a><\/h3>\r\n            <p>Connections to Omniva, DPD, Venipak and other delivery providers.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/product-import\/\">Product import and export<\/a><\/h3>\r\n            <p>XML, CSV and automated product data exchange.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/product-import\/\">Product entry<\/a><\/h3>\r\n            <p>Products, categories, variations, prices, descriptions and images.<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 02 -->\r\n      <div class=\"wd-solutions__area\">\r\n\r\n        <div class=\"wd-solutions__area-head\">\r\n          <span>02<\/span>\r\n\r\n          <div>\r\n            <small>INTEGRATIONS<\/small>\r\n            <strong>Systems and automation<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wd-solutions__services\">\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/crm-integrations\/\">API and system integrations<\/a><\/h3>\r\n            <p>CRM, ERP, inventory systems, databases and other external systems.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/multifunctional-website-development\/\">Booking and enquiry systems<\/a><\/h3>\r\n            <p>Appointments, bookings, forms and automated notifications.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/automation\/\">Email and notifications<\/a><\/h3>\r\n            <p>SMTP, order emails and automated customer notifications.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/multifunctional-website-development\/\">Custom functionality<\/a><\/h3>\r\n            <p>Features built around your specific business processes and needs.<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 03 -->\r\n      <div class=\"wd-solutions__area\">\r\n\r\n        <div class=\"wd-solutions__area-head\">\r\n          <span>03<\/span>\r\n\r\n          <div>\r\n            <small>INFRASTRUCTURE<\/small>\r\n            <strong>Website infrastructure and security<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wd-solutions__services\">\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/website-improvements\/\">GDPR and cookies<\/a><\/h3>\r\n            <p>Cookie consent tools, privacy settings and technical configuration.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/wordpress-hosting\/\">Hosting and website migration<\/a><\/h3>\r\n            <p>Website migration, domain setup, DNS and SSL configuration.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/website-development\/\">Multilingual websites<\/a><\/h3>\r\n            <p>Language versions with a clear structure and SEO for each market.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"wd-solutions__service\">\r\n            <h3><a href=\"\/en\/website-technical-audit\/\">Google tools setup<\/a><\/h3>\r\n            <p>Google Analytics, Search Console and relevant tracking setup.<\/p>\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         MOBILE \/ COLLAPSIBLE GROUPS\r\n    ====================================================== -->\r\n    <div class=\"wd-solutions__mobile\">\r\n\r\n      <details class=\"wd-solutions__group\">\r\n        <summary>\r\n          <span>01<\/span>\r\n          <div>\r\n            <small>E-COMMERCE<\/small>\r\n            <strong>Sales and orders<\/strong>\r\n          <\/div>\r\n          <b>+<\/b>\r\n        <\/summary>\r\n\r\n        <div class=\"wd-solutions__group-body\">\r\n          <p><strong>Payment integrations<\/strong><span>Klix, Stripe, PayPal and online banking.<\/span><\/p>\r\n          <p><strong>Shipping integrations<\/strong><span>Omniva, DPD, Venipak and more.<\/span><\/p>\r\n          <p><strong>Product import and export<\/strong><span>XML, CSV and data exchange.<\/span><\/p>\r\n          <p><strong>Product entry<\/strong><span>Products, categories, variations and images.<\/span><\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"wd-solutions__group\">\r\n        <summary>\r\n          <span>02<\/span>\r\n          <div>\r\n            <small>INTEGRATIONS<\/small>\r\n            <strong>Systems and automation<\/strong>\r\n          <\/div>\r\n          <b>+<\/b>\r\n        <\/summary>\r\n\r\n        <div class=\"wd-solutions__group-body\">\r\n          <p><strong>API and system integrations<\/strong><span>CRM, ERP, inventory systems and databases.<\/span><\/p>\r\n          <p><strong>Booking systems<\/strong><span>Appointments, bookings and forms.<\/span><\/p>\r\n          <p><strong>Email and notifications<\/strong><span>SMTP and automated customer notifications.<\/span><\/p>\r\n          <p><strong>Custom functionality<\/strong><span>Solutions for specific business needs.<\/span><\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <details class=\"wd-solutions__group\">\r\n        <summary>\r\n          <span>03<\/span>\r\n          <div>\r\n            <small>INFRASTRUCTURE<\/small>\r\n            <strong>Website infrastructure and security<\/strong>\r\n          <\/div>\r\n          <b>+<\/b>\r\n        <\/summary>\r\n\r\n        <div class=\"wd-solutions__group-body\">\r\n          <p><strong>GDPR and cookies<\/strong><span>Privacy and cookie settings.<\/span><\/p>\r\n          <p><strong>Hosting and migration<\/strong><span>Server, domain, DNS and SSL.<\/span><\/p>\r\n          <p><strong>Multilingual websites<\/strong><span>Language versions and SEO for each market.<\/span><\/p>\r\n          <p><strong>Google tools<\/strong><span>Analytics, Search Console and tracking.<\/span><\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         FOOTER\r\n    ====================================================== -->\r\n    <div class=\"wd-solutions__footer\">\r\n\r\n      <div>\r\n        <small>NEED SOMETHING ELSE?<\/small>\r\n        <strong>\r\n          If you can\u2019t find what you need, describe the task. We\u2019ll assess the options and suggest a suitable solution.\r\n        <\/strong>\r\n      <\/div>\r\n\r\n      <a href=\"\/en\/contact\/\">\r\n        <span>Tell us what you need<\/span>\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-solutions,\r\n.wd-solutions * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n.wd-solutions a {\r\n  text-decoration:none;\r\n}\r\n\r\n.wd-solutions {\r\n  --orange:#ff5033;\r\n  --ink:#191917;\r\n  --text:#696965;\r\n  --muted:#9b9b96;\r\n  --line:#deded8;\r\n\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  background:#ffffff;\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.wd-solutions__inner {\r\n  width:min(calc(100% - 48px),1390px);\r\n  margin:0 auto;\r\n  padding:68px 0 50px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.wd-solutions__head {\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);\r\n  gap:72px;\r\n  align-items:end;\r\n  margin-bottom:36px;\r\n}\r\n\r\n.wd-solutions__eyebrow {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:11px;\r\n  margin-bottom:18px;\r\n\r\n  color:#777773;\r\n  font-size:9px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.wd-solutions__eyebrow span {\r\n  color:var(--orange);\r\n}\r\n\r\n.wd-solutions__eyebrow i {\r\n  width:28px;\r\n  height:1px;\r\n  background:#cfcfc9;\r\n}\r\n\r\n.wd-solutions__eyebrow strong {\r\n  font:inherit;\r\n}\r\n\r\n.wd-solutions h2 {\r\n  max-width:760px;\r\n  margin:0;\r\n\r\n  font-size:clamp(43px,4vw,60px);\r\n  line-height:.98;\r\n  font-weight:650;\r\n  letter-spacing:-3.15px;\r\n  text-wrap:balance;\r\n}\r\n\r\n.wd-solutions h2 span {\r\n  display:block;\r\n  color:#9f9f9a;\r\n}\r\n\r\n.wd-solutions__intro {\r\n  max-width:530px;\r\n}\r\n\r\n.wd-solutions__intro p {\r\n  margin:0;\r\n  color:var(--text);\r\n  font-size:13px;\r\n  line-height:1.62;\r\n}\r\n\r\n.wd-solutions__intro-link {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-top:14px;\r\n  padding-bottom:3px;\r\n\r\n  color:#30302d !important;\r\n  border-bottom:1px solid #bdbdb8;\r\n\r\n  font-size:9px;\r\n  font-weight:750;\r\n}\r\n\r\n.wd-solutions__intro-link b {\r\n  color:var(--orange);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP AREAS\r\n========================================================= *\/\r\n\r\n.wd-solutions__desktop {\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n\r\n  border-top:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n.wd-solutions__area {\r\n  padding:24px 28px 22px;\r\n  border-right:1px solid var(--line);\r\n}\r\n\r\n.wd-solutions__area:first-child {\r\n  padding-left:0;\r\n}\r\n\r\n.wd-solutions__area:last-child {\r\n  padding-right:0;\r\n  border-right:0;\r\n}\r\n\r\n.wd-solutions__area-head {\r\n  display:flex;\r\n  gap:13px;\r\n  align-items:flex-start;\r\n  min-height:58px;\r\n  margin-bottom:4px;\r\n}\r\n\r\n.wd-solutions__area-head > span {\r\n  padding-top:3px;\r\n  color:#aaa9a4;\r\n  font-size:8px;\r\n  font-weight:800;\r\n}\r\n\r\n.wd-solutions__area-head small {\r\n  display:block;\r\n  margin-bottom:4px;\r\n\r\n  color:var(--orange);\r\n  font-size:7px;\r\n  font-weight:850;\r\n  letter-spacing:.8px;\r\n}\r\n\r\n.wd-solutions__area-head strong {\r\n  display:block;\r\n  color:#292926;\r\n  font-size:15px;\r\n  line-height:1.2;\r\n  font-weight:700;\r\n  letter-spacing:-.35px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE\r\n========================================================= *\/\r\n\r\n.wd-solutions__service {\r\n  position:relative;\r\n  padding:15px 0 15px 26px;\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n.wd-solutions__service::before {\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:21px;\r\n\r\n  width:6px;\r\n  height:6px;\r\n  border-radius:50%;\r\n  background:var(--orange);\r\n}\r\n\r\n.wd-solutions__service h3 {\r\n  margin:0;\r\n\r\n  color:#242421;\r\n  font-size:14px;\r\n  line-height:1.2;\r\n  font-weight:700;\r\n  letter-spacing:-.3px;\r\n}\r\n\r\n.wd-solutions__service p {\r\n  max-width:340px;\r\n  margin:5px 0 0;\r\n\r\n  color:#7a7a75;\r\n  font-size:9px;\r\n  line-height:1.45;\r\n}\r\n\r\n\r\n\r\n.wd-solutions__service h3 a {\r\n  color:inherit !important;\r\n  text-decoration:none;\r\n}\r\n\r\n.wd-solutions__service h3 a::after {\r\n  content:\" \u2197\";\r\n  color:var(--orange);\r\n  font-size:9px;\r\n  font-weight:700;\r\n  opacity:.7;\r\n}\r\n\r\n.wd-solutions__service h3 a:hover::after {\r\n  opacity:1;\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE GROUPS\r\n========================================================= *\/\r\n\r\n.wd-solutions__mobile {\r\n  display:none;\r\n}\r\n\r\n.wd-solutions__group {\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n.wd-solutions__group:last-child {\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n.wd-solutions__group summary {\r\n  list-style:none;\r\n  cursor:pointer;\r\n\r\n  display:grid;\r\n  grid-template-columns:24px minmax(0,1fr) 24px;\r\n  gap:8px;\r\n  align-items:center;\r\n\r\n  padding:12px 0;\r\n}\r\n\r\n.wd-solutions__group summary::-webkit-details-marker {\r\n  display:none;\r\n}\r\n\r\n.wd-solutions__group summary > span {\r\n  align-self:start;\r\n  padding-top:2px;\r\n  color:#aaa9a4;\r\n  font-size:7px;\r\n  font-weight:800;\r\n}\r\n\r\n.wd-solutions__group summary small {\r\n  display:block;\r\n  margin-bottom:2px;\r\n\r\n  color:var(--orange);\r\n  font-size:6px;\r\n  font-weight:850;\r\n  letter-spacing:.65px;\r\n}\r\n\r\n.wd-solutions__group summary strong {\r\n  display:block;\r\n  color:#292926;\r\n  font-size:14px;\r\n  line-height:1.1;\r\n}\r\n\r\n.wd-solutions__group summary > b {\r\n  width:23px;\r\n  height:23px;\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  border:1px solid #d6d6d0;\r\n  border-radius:50%;\r\n\r\n  color:var(--orange);\r\n  font-size:12px;\r\n  font-weight:500;\r\n  transition:transform .2s ease;\r\n}\r\n\r\n.wd-solutions__group[open] summary > b {\r\n  transform:rotate(45deg);\r\n}\r\n\r\n.wd-solutions__group-body {\r\n  padding:0 0 10px 32px;\r\n}\r\n\r\n.wd-solutions__group-body p {\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:15px;\r\n\r\n  margin:0;\r\n  padding:8px 0;\r\n\r\n  border-top:1px solid #ecece8;\r\n}\r\n\r\n.wd-solutions__group-body strong {\r\n  color:#30302d;\r\n  font-size:9px;\r\n  line-height:1.3;\r\n}\r\n\r\n.wd-solutions__group-body span {\r\n  max-width:48%;\r\n  color:#8a8a85;\r\n  font-size:8px;\r\n  line-height:1.3;\r\n  text-align:right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n========================================================= *\/\r\n\r\n.wd-solutions__footer {\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:35px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n.wd-solutions__footer small {\r\n  display:block;\r\n  margin-bottom:4px;\r\n\r\n  color:var(--orange);\r\n  font-size:6px;\r\n  font-weight:850;\r\n  letter-spacing:.7px;\r\n}\r\n\r\n.wd-solutions__footer strong {\r\n  display:block;\r\n  max-width:780px;\r\n\r\n  color:#343431;\r\n  font-size:12px;\r\n  line-height:1.4;\r\n}\r\n\r\n.wd-solutions__footer > a {\r\n  min-height:43px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:13px;\r\n\r\n  padding:0 7px 0 14px;\r\n\r\n  border-radius:9px;\r\n  background:#1c1c1a;\r\n  color:#fff !important;\r\n\r\n  font-size:9px;\r\n  font-weight:750;\r\n}\r\n\r\n.wd-solutions__footer > a b {\r\n  width:28px;\r\n  height:28px;\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  border-radius:7px;\r\n  background:var(--orange);\r\n  color:#fff;\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-solutions__head {\r\n    grid-template-columns:1fr;\r\n    gap:18px;\r\n  }\r\n\r\n  .wd-solutions__intro {\r\n    max-width:680px;\r\n  }\r\n\r\n  .wd-solutions__desktop {\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wd-solutions__area,\r\n  .wd-solutions__area:first-child,\r\n  .wd-solutions__area:last-child {\r\n    padding:20px 0;\r\n    border-right:0;\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  .wd-solutions__area:last-child {\r\n    border-bottom:0;\r\n  }\r\n\r\n  .wd-solutions__services {\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:0 28px;\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  .wd-solutions__inner {\r\n    width:calc(100% - 28px);\r\n    padding:32px 0 27px;\r\n  }\r\n\r\n  .wd-solutions__head {\r\n    gap:11px;\r\n    margin-bottom:17px;\r\n  }\r\n\r\n  .wd-solutions__eyebrow {\r\n    margin-bottom:11px;\r\n    font-size:8px;\r\n  }\r\n\r\n  .wd-solutions__eyebrow i {\r\n    width:20px;\r\n  }\r\n\r\n  .wd-solutions h2 {\r\n    max-width:100%;\r\n    font-size:clamp(29px,8.3vw,35px);\r\n    line-height:1;\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  .wd-solutions__intro p {\r\n    font-size:11px;\r\n    line-height:1.45;\r\n  }\r\n\r\n  .wd-solutions__intro-link {\r\n    margin-top:9px;\r\n    font-size:8px;\r\n  }\r\n\r\n  \/* Full desktop catalogue becomes compact accordions *\/\r\n  .wd-solutions__desktop {\r\n    display:none;\r\n  }\r\n\r\n  .wd-solutions__mobile {\r\n    display:block;\r\n  }\r\n\r\n  .wd-solutions__footer {\r\n    display:block;\r\n    margin-top:15px;\r\n  }\r\n\r\n  .wd-solutions__footer small {\r\n    display:none;\r\n  }\r\n\r\n  .wd-solutions__footer strong {\r\n    font-size:10.5px;\r\n  }\r\n\r\n  .wd-solutions__footer > a {\r\n    width:100%;\r\n    min-height:42px;\r\n    margin-top:10px;\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  .wd-solutions__group summary > b {\r\n    transition: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-9b18610 e-con e-atomic-element e-flexbox-base e-default-div e-9b18610-c0f18e1 \" data-id=\"9b18610\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9b18610\" data-e-type=\"e-flexbox\" data-id=\"9b18610\">\n    \t\t<div class=\"elementor-element elementor-element-db5bc89 elementor-widget elementor-widget-html\" data-id=\"db5bc89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEBDIGITAL \u2014 STEIDZAMA TEHNISK\u0100 PAL\u012aDZ\u012aBA 24\/7\n     LIGHT VERSION\n     DESKTOP + TABLET + MOBILE\n========================================================= -->\n\n<section class=\"wd-techhelp\" id=\"tehniskais-atbalsts\">\n\n    <div class=\"wd-techhelp__inner\">\n\n        <div class=\"wd-techhelp__grid\">\n\n\n            <!-- =================================================\n                 LEFT\n            ================================================== -->\n            <div class=\"wd-techhelp__content\">\n\n                <div class=\"wd-techhelp__eyebrow\">\n                    <span>05<\/span>\n                    <i><\/i>\n                    <strong>REPORT TECHNICAL ISSUES 24\/7<\/strong>\n                <\/div>\n\n\n                <h2>\n                    Website not working?\n                    <span>Report the problem at any time.<\/span>\n                <\/h2>\n\n\n                <p class=\"wd-techhelp__lead\">\n                    If your website is down, shows an error or has problems with orders or payments, describe the issue in our support chat. We also work with websites built by other developers.\n                <\/p>\n\n\n                <!-- 24\/7 STATUS -->\n                <div class=\"wd-techhelp__status\">\n\n                    <span class=\"wd-techhelp__status-dot\"><\/span>\n\n                    <div>\n                        <strong>AI support chat available 24\/7<\/strong>\n                        <small>\n                            One-off fixes or ongoing technical support\n                        <\/small>\n                    <\/div>\n\n                <\/div>\n\n\n                <a href=\"\/en\/support-chat\/\"\n                   class=\"wd-techhelp__cta\">\n\n                    <span>Open support chat<\/span>\n                    <b>\u2197<\/b>\n\n                <\/a>\n\n                <p class=\"wd-techhelp__note\">\n                    The AI chat helps collect the details at any time. We confirm the scope, cost and a specialist\u2019s availability after reviewing the issue.\n                <\/p>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 RIGHT \/ ISSUES\n            ================================================== -->\n            <div class=\"wd-techhelp__panel\">\n\n\n                <!-- PANEL HEADER -->\n                <div class=\"wd-techhelp__panel-head\">\n\n                    <div>\n\n                        <small>\n                            TECHNICAL SUPPORT\n                        <\/small>\n\n                        <strong>\n                            What can we check and fix?\n                        <\/strong>\n\n                    <\/div>\n\n\n                    <span class=\"wd-techhelp__online\">\n                        <i><\/i>\n                        24\/7\n                    <\/span>\n\n                <\/div>\n\n\n\n                <!-- ISSUES -->\n                <div class=\"wd-techhelp__issues\">\n\n\n                    <!-- 01 -->\n                    <div class=\"wd-techhelp__issue\">\n\n                        <span>01<\/span>\n\n                        <div>\n                            <strong>\n                                Slow website loading\n                            <\/strong>\n\n                            <small>\n                                PageSpeed \u00b7 performance \u00b7 caching \u00b7 server\n                            <\/small>\n                        <\/div>\n\n                        <b>\u2197<\/b>\n\n                    <\/div>\n\n\n                    <!-- 02 -->\n                    <div class=\"wd-techhelp__issue\">\n\n                        <span>02<\/span>\n\n                        <div>\n                            <strong>\n                                Website errors\n                            <\/strong>\n\n                            <small>\n                                Diagnostics \u00b7 configuration \u00b7 compatibility\n                            <\/small>\n                        <\/div>\n\n                        <b>\u2197<\/b>\n\n                    <\/div>\n\n\n                    <!-- 03 -->\n                    <div class=\"wd-techhelp__issue\">\n\n                        <span>03<\/span>\n\n                        <div>\n                            <strong>\n                                Forms or emails not working\n                            <\/strong>\n\n                            <small>\n                                Contact forms \u00b7 SMTP \u00b7 notifications\n                            <\/small>\n                        <\/div>\n\n                        <b>\u2197<\/b>\n\n                    <\/div>\n\n\n                    <!-- 04 -->\n                    <div class=\"wd-techhelp__issue\">\n\n                        <span>04<\/span>\n\n                        <div>\n                            <strong>\n                                Order or payment problems\n                            <\/strong>\n\n                            <small>\n                                Orders \u00b7 payments \u00b7 integrations\n                            <\/small>\n                        <\/div>\n\n                        <b>\u2197<\/b>\n\n                    <\/div>\n\n\n                    <!-- 05 -->\n                    <div class=\"wd-techhelp__issue\">\n\n                        <span>05<\/span>\n\n                        <div>\n                            <strong>\n                                Security issues or a hacked website\n                            <\/strong>\n\n                            <small>\n                                Security \u00b7 malicious code \u00b7 access permissions\n                            <\/small>\n                        <\/div>\n\n                        <b>\u2197<\/b>\n\n                    <\/div>\n\n\n                    <!-- 06 -->\n                    <div class=\"wd-techhelp__issue\">\n\n                        <span>06<\/span>\n\n                        <div>\n                            <strong>\n                                Website changes\n                            <\/strong>\n\n                            <small>\n                                Content \u00b7 design \u00b7 features \u00b7 integrations\n                            <\/small>\n                        <\/div>\n\n                        <b>\u2197<\/b>\n\n                    <\/div>\n\n\n                <\/div>\n\n\n                <!-- PANEL FOOT -->\n                <div class=\"wd-techhelp__panel-foot\">\n\n                    <span>\n                        WE HELP WITH WEBSITES BUILT BY OTHER DEVELOPERS\n                    <\/span>\n\n                    <strong>\n                        We\u2019ll review the issue and agree on the next steps.\n                    <\/strong>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.wd-techhelp,\n.wd-techhelp * {\n    box-sizing: border-box;\n}\n\n.wd-techhelp a {\n    text-decoration: none;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.wd-techhelp {\n\n    --orange: #ff5033;\n\n    --ink: #191917;\n    --text: #696965;\n    --muted: #969690;\n\n    --bg: #f6f6f2;\n    --panel: #ffffff;\n\n    --line: #deded8;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    background: var(--bg);\n\n    color: var(--ink);\n\n    font-family:\n        \"Manrope\",\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n\n.wd-techhelp__inner {\n\n    width: min(\n        calc(100% - 48px),\n        1390px\n    );\n\n    margin: 0 auto;\n\n    padding: 62px 0;\n}\n\n\n.wd-techhelp__grid {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,.9fr)\n        minmax(540px,1.1fr);\n\n    gap: 78px;\n\n    align-items: center;\n}\n\n\n\/* =========================================================\n   LEFT\n========================================================= *\/\n\n.wd-techhelp__eyebrow {\n\n    display: flex;\n    align-items: center;\n\n    gap: 11px;\n\n    margin-bottom: 18px;\n\n    color: #90908a;\n\n    font-size: 9px;\n    line-height: 1;\n\n    font-weight: 800;\n\n    letter-spacing: 1px;\n}\n\n\n.wd-techhelp__eyebrow span {\n\n    color: var(--orange);\n}\n\n\n.wd-techhelp__eyebrow i {\n\n    width: 28px;\n    height: 1px;\n\n    background: #cacac5;\n}\n\n\n.wd-techhelp__eyebrow strong {\n\n    font: inherit;\n}\n\n\n\/* TITLE *\/\n\n.wd-techhelp__content h2 {\n\n    max-width: 650px;\n\n    margin: 0;\n\n    color: var(--ink);\n\n    font-size: clamp(\n        44px,\n        4.1vw,\n        62px\n    );\n\n    line-height: .97;\n\n    font-weight: 650;\n\n    letter-spacing: -3.25px;\n\n    text-wrap: balance;\n}\n\n\n.wd-techhelp__content h2 span {\n\n    display: block;\n\n    color: #a0a09a;\n}\n\n\n\/* DESCRIPTION *\/\n\n.wd-techhelp__lead {\n\n    max-width: 600px;\n\n    margin: 19px 0 0;\n\n    color: var(--text);\n\n    font-size: 13px;\n\n    line-height: 1.62;\n}\n\n\n\/* =========================================================\n   24\/7 STATUS\n========================================================= *\/\n\n.wd-techhelp__status {\n\n    display: flex;\n    align-items: center;\n\n    gap: 12px;\n\n    max-width: 500px;\n\n    margin-top: 21px;\n\n    padding: 13px 15px;\n\n    background: #fff;\n\n    border: 1px solid #e3e3de;\n\n    border-radius: 11px;\n}\n\n\n.wd-techhelp__status-dot {\n\n    width: 8px;\n    height: 8px;\n\n    flex: 0 0 8px;\n\n    border-radius: 50%;\n\n    background: #35bd78;\n\n    box-shadow:\n        0 0 0 5px\n        rgba(53,189,120,.10);\n}\n\n\n.wd-techhelp__status strong {\n\n    display: block;\n\n    color: var(--ink);\n\n    font-size: 10px;\n\n    line-height: 1.3;\n\n    font-weight: 750;\n}\n\n\n.wd-techhelp__status small {\n\n    display: block;\n\n    margin-top: 3px;\n\n    color: #888883;\n\n    font-size: 8px;\n\n    line-height: 1.3;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.wd-techhelp__cta {\n\n    min-height: 49px;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 20px;\n\n    margin-top: 20px;\n\n    padding:\n        0 8px\n        0 17px;\n\n    border-radius: 10px;\n\n    background: var(--orange);\n\n    color: #fff !important;\n\n    font-size: 11px;\n\n    font-weight: 750;\n\n    transition:\n        transform .22s ease,\n        box-shadow .22s ease;\n}\n\n\n.wd-techhelp__cta b {\n\n    width: 32px;\n    height: 32px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 8px;\n\n    background:\n        rgba(0,0,0,.12);\n\n    color: #fff;\n\n    font-size: 10px;\n\n    transition:\n        transform .22s ease;\n}\n\n\n.wd-techhelp__cta:hover {\n\n    transform: translateY(-2px);\n\n    box-shadow:\n        0 12px 28px\n        rgba(255,80,51,.18);\n}\n\n\n.wd-techhelp__cta:hover b {\n\n    transform: rotate(45deg);\n}\n\n\n\n.wd-techhelp__note {\n    max-width: 470px;\n    margin: 10px 0 0;\n    color: #92928c;\n    font-size: 8px;\n    line-height: 1.45;\n}\n\n\/* =========================================================\n   RIGHT PANEL\n========================================================= *\/\n\n.wd-techhelp__panel {\n\n    overflow: hidden;\n\n    background: var(--panel);\n\n    border: 1px solid #dfdfda;\n\n    border-radius: 17px;\n\n    box-shadow:\n        0 18px 50px\n        rgba(22,22,18,.055);\n}\n\n\n\/* PANEL HEADER *\/\n\n.wd-techhelp__panel-head {\n\n    min-height: 65px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding: 14px 17px;\n\n    border-bottom:\n        1px solid var(--line);\n}\n\n\n.wd-techhelp__panel-head small {\n\n    display: block;\n\n    margin-bottom: 3px;\n\n    color: var(--orange);\n\n    font-size: 7px;\n\n    font-weight: 850;\n\n    letter-spacing: .8px;\n}\n\n\n.wd-techhelp__panel-head strong {\n\n    display: block;\n\n    color: var(--ink);\n\n    font-size: 13px;\n\n    font-weight: 700;\n}\n\n\n\/* 24\/7 *\/\n\n.wd-techhelp__online {\n\n    min-height: 27px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n    padding: 0 10px;\n\n    color: #73736e;\n\n    background: #f5f5f1;\n\n    border: 1px solid #e5e5df;\n\n    border-radius: 999px;\n\n    font-size: 7px;\n\n    font-weight: 850;\n\n    letter-spacing: .7px;\n}\n\n\n.wd-techhelp__online i {\n\n    width: 6px;\n    height: 6px;\n\n    border-radius: 50%;\n\n    background: #35bd78;\n}\n\n\n\/* =========================================================\n   ISSUES\n========================================================= *\/\n\n.wd-techhelp__issues {\n\n    padding: 0 17px;\n}\n\n\n.wd-techhelp__issue {\n\n    display: grid;\n\n    grid-template-columns:\n        28px\n        minmax(0,1fr)\n        28px;\n\n    gap: 11px;\n\n    align-items: center;\n\n    min-height: 70px;\n\n    border-bottom:\n        1px solid #e8e8e3;\n}\n\n\n.wd-techhelp__issue:last-child {\n\n    border-bottom: 0;\n}\n\n\n.wd-techhelp__issue > span {\n\n    color: #a0a09a;\n\n    font-size: 7px;\n\n    font-weight: 800;\n}\n\n\n.wd-techhelp__issue strong {\n\n    display: block;\n\n    color: #282825;\n\n    font-size: 13px;\n\n    line-height: 1.15;\n\n    font-weight: 650;\n}\n\n\n.wd-techhelp__issue small {\n\n    display: block;\n\n    margin-top: 4px;\n\n    color: #92928c;\n\n    font-size: 7px;\n\n    line-height: 1.3;\n}\n\n\n.wd-techhelp__issue > b {\n\n    width: 27px;\n    height: 27px;\n\n    display: grid;\n\n    place-items: center;\n\n    border:\n        1px solid\n        #dfdfd9;\n\n    border-radius: 50%;\n\n    color: var(--orange);\n\n    background: #fafaf7;\n\n    font-size: 8px;\n\n    transition:\n        transform .22s ease,\n        background .22s ease,\n        color .22s ease,\n        border-color .22s ease;\n}\n\n\n.wd-techhelp__issue:hover > b {\n\n    transform: rotate(45deg);\n\n    background: var(--orange);\n\n    border-color: var(--orange);\n\n    color: #fff;\n}\n\n\n\/* =========================================================\n   PANEL FOOT\n========================================================= *\/\n\n.wd-techhelp__panel-foot {\n\n    padding: 14px 17px;\n\n    border-top:\n        1px solid var(--line);\n\n    background: #fafaf7;\n}\n\n\n.wd-techhelp__panel-foot span,\n.wd-techhelp__panel-foot strong {\n\n    display: block;\n}\n\n\n.wd-techhelp__panel-foot span {\n\n    color: var(--orange);\n\n    font-size: 7px;\n\n    font-weight: 850;\n\n    letter-spacing: .6px;\n}\n\n\n.wd-techhelp__panel-foot strong {\n\n    margin-top: 4px;\n\n    color: #62625e;\n\n    font-size: 10px;\n\n    line-height: 1.35;\n\n    font-weight: 600;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:900px) {\n\n    .wd-techhelp__grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 31px;\n    }\n\n\n    .wd-techhelp__content,\n    .wd-techhelp__panel {\n\n        max-width: 760px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:620px) {\n\n    .wd-techhelp__inner {\n\n        width:\n            calc(100% - 28px);\n\n        padding:\n            32px 0 29px;\n    }\n\n\n    .wd-techhelp__grid {\n\n        gap: 19px;\n    }\n\n\n    \/* EYEBROW *\/\n\n    .wd-techhelp__eyebrow {\n\n        margin-bottom: 11px;\n\n        font-size: 8px;\n    }\n\n\n    .wd-techhelp__eyebrow i {\n\n        width: 20px;\n    }\n\n\n    \/* TITLE *\/\n\n    .wd-techhelp__content h2 {\n\n        max-width: 100%;\n\n        font-size:\n            clamp(\n                29px,\n                8.3vw,\n                35px\n            );\n\n        line-height: 1;\n\n        letter-spacing: -1.7px;\n    }\n\n\n    \/* DESCRIPTION *\/\n\n    .wd-techhelp__lead {\n\n        margin-top: 11px;\n\n        font-size: 10.5px;\n\n        line-height: 1.42;\n    }\n\n\n    \/* STATUS *\/\n\n    .wd-techhelp__status {\n\n        margin-top: 13px;\n\n        padding: 10px 11px;\n\n        border-radius: 9px;\n    }\n\n\n    .wd-techhelp__status strong {\n\n        font-size: 9px;\n    }\n\n\n    .wd-techhelp__status small {\n\n        font-size: 7px;\n    }\n\n\n    \/* CTA *\/\n\n    .wd-techhelp__cta {\n\n        width: 100%;\n\n        min-height: 44px;\n\n        margin-top: 13px;\n\n        font-size: 10px;\n    }\n\n\n    .wd-techhelp__cta b {\n\n        width: 29px;\n        height: 29px;\n    }\n\n\n\n    .wd-techhelp__note {\n        margin-top: 8px;\n        font-size: 7px;\n        line-height: 1.4;\n    }\n\n    \/* PANEL *\/\n\n    .wd-techhelp__panel {\n\n        border-radius: 13px;\n    }\n\n\n    .wd-techhelp__panel-head {\n\n        min-height: 49px;\n\n        padding: 10px 11px;\n    }\n\n\n    .wd-techhelp__panel-head strong {\n\n        font-size: 11px;\n    }\n\n\n    .wd-techhelp__online {\n\n        min-height: 23px;\n\n        padding: 0 8px;\n\n        font-size: 6px;\n    }\n\n\n    \/* ISSUES *\/\n\n    .wd-techhelp__issues {\n\n        padding: 0 11px;\n    }\n\n\n    .wd-techhelp__issue {\n\n        grid-template-columns:\n            20px\n            minmax(0,1fr);\n\n        gap: 7px;\n\n        min-height: 0;\n\n        padding: 9px 0;\n    }\n\n\n    .wd-techhelp__issue > span {\n\n        font-size: 6px;\n    }\n\n\n    .wd-techhelp__issue strong {\n\n        font-size: 11px;\n\n        line-height: 1.2;\n    }\n\n\n    .wd-techhelp__issue small {\n\n        margin-top: 2px;\n\n        font-size: 6.5px;\n    }\n\n\n    .wd-techhelp__issue > b {\n\n        display: none;\n    }\n\n\n    \/* FOOT *\/\n\n    .wd-techhelp__panel-foot {\n\n        padding: 10px 11px;\n    }\n\n\n    .wd-techhelp__panel-foot span {\n\n        font-size: 6px;\n\n        line-height: 1.3;\n    }\n\n\n    .wd-techhelp__panel-foot strong {\n\n        font-size: 8.5px;\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-409fa3c e-con e-atomic-element e-flexbox-base e-default-div e-409fa3c-7331ce7 \" data-id=\"409fa3c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"409fa3c\" data-e-type=\"e-flexbox\" data-id=\"409fa3c\">\n    \t\t<div class=\"elementor-element elementor-element-9345bdb elementor-widget elementor-widget-html\" data-id=\"9345bdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wd-service-cases\" aria-labelledby=\"wdServiceCasesTitle\"><div class=\"wd-service-cases__inner\"><h2 id=\"wdServiceCasesTitle\">Our services in real projects<\/h2><p class=\"wd-service-cases__intro\">Three examples of how company information, design and technical development come together in a business website.<\/p><div class=\"wd-service-cases__grid\"><article><a href=\"https:\/\/ditra.lv\/\" target=\"_blank\" rel=\"noopener\"><img src=\"\/wp-content\/uploads\/2026\/08\/ditra-majaslapa.webp\" alt=\"Ditra.lv \u2014 A business website with a tailored design and project section. We added an English version and organised the site structure.\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/a><div><h3>Ditra.lv<\/h3><p>A business website with a tailored design and project section. We added an English version and organised the site structure.<\/p><a href=\"https:\/\/ditra.lv\/\" target=\"_blank\" rel=\"noopener\">Visit project <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/article><article><a href=\"https:\/\/carkey.lv\/\" target=\"_blank\" rel=\"noopener\"><img src=\"https:\/\/webdigital.lv\/wp-content\/uploads\/2026\/09\/carkey.lv_.webp\" alt=\"CarKey.lv \u2014 A service business website with a tailored design, clear service descriptions and an easy way to contact the company.\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/a><div><h3>CarKey.lv<\/h3><p>A service business website with a tailored design, clear service descriptions and an easy way to contact the company.<\/p><a href=\"https:\/\/carkey.lv\/\" target=\"_blank\" rel=\"noopener\">Visit project <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/article><article><a href=\"https:\/\/horstserviss.lv\/\" target=\"_blank\" rel=\"noopener\"><img src=\"\/wp-content\/uploads\/2026\/08\/horstserviss.webp\" alt=\"Horstserviss.lv \u2014 Custom design, in-depth SEO optimisation and an Estonian version. The project included more than 30 informational and service pages.\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/a><div><h3>Horstserviss.lv<\/h3><p>Custom design, in-depth SEO optimisation and an Estonian version. The project included more than 30 informational and service pages.<\/p><a href=\"https:\/\/horstserviss.lv\/\" target=\"_blank\" rel=\"noopener\">Visit project <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/article><\/div><\/div><\/section><style>.wd-service-cases{background:#f7f7f4;color:#171717;font-family:Manrope,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif}.wd-service-cases *{box-sizing:border-box}.wd-service-cases__inner{width:min(1390px,calc(100% - 48px));margin:auto;padding:44px 0}.wd-service-cases h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px}.wd-service-cases__intro{margin:16px 0 26px;max-width:740px;font-size:15px;line-height:1.65;color:#62625e}.wd-service-cases__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.wd-service-cases article{border:1px solid #e1e1da;background:#fff;border-radius:16px;overflow:hidden;min-width:0}.wd-service-cases article>a{display:block}.wd-service-cases img{display:block;width:100%;aspect-ratio:16\/9;object-fit:cover;object-position:top}.wd-service-cases article>div{padding:22px}.wd-service-cases h3{margin:0;font-size:20px;line-height:1.3}.wd-service-cases article p{margin:12px 0 18px;color:#62625e;font-size:14px;line-height:1.65}.wd-service-cases a{color:#171717;text-decoration:none;font-weight:650;font-size:14px}.wd-service-cases a span{color:#c73c22}.wd-service-cases a:focus-visible{outline:2px solid #c73c22;outline-offset:3px}@media(max-width:767px){.wd-service-cases__inner{width:calc(100% - 32px);padding:30px 0}.wd-service-cases__grid{grid-template-columns:1fr;gap:16px}.wd-service-cases article{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr)}.wd-service-cases article>div{padding:18px}.wd-service-cases img{height:100%;aspect-ratio:auto;min-height:170px}.wd-service-cases h3{font-size:18px}.wd-service-cases article p{font-size:13px;margin:8px 0 12px}}<\/style>\n<!-- =========================================================\n     WEBDIGITAL \u2014 06 \/ FAQ + FINAL CTA\n     LIGHT VERSION + WORKING AJAX FORM\n========================================================= -->\n\n<section class=\"wd-final\" id=\"faq\">\n\n  <div class=\"wd-final__inner\">\n\n    <!-- =====================================================\n         FAQ\n    ====================================================== -->\n    <div class=\"wd-final__faq\">\n\n      <div class=\"wd-final__faq-head\">\n\n        <div>\n          <div class=\"wd-final__eyebrow\">\n            <span>06<\/span>\n            <i><\/i>\n            <strong>FREQUENTLY ASKED QUESTIONS<\/strong>\n          <\/div>\n\n          <h2>\n            What to know\n            <span>before we start.<\/span>\n          <\/h2>\n        <\/div>\n\n        <p>\n          Answers to common questions about our services, pricing, website improvements, SEO, integrations and technical support.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"wd-final__questions\">\n\n        <details class=\"wd-final__question\" open>\n          <summary>\n            <span>01<\/span>\n            <strong>Can you improve an existing website?<\/strong>\n            <b>+<\/b>\n          <\/summary>\n          <div class=\"wd-final__answer\">\n            <p>\n              Yes. A new website isn\u2019t always necessary. We review your existing site and can improve its design, speed, SEO, mobile experience, functionality and security.\n            <\/p><p>We start with your goals and specific problems: visitors cannot find the information they need, enquiries do not reach your inbox, or the website is difficult to use on a phone. We then identify what can stay and which changes would help. Before work begins, we agree on priorities and check dependencies between pages, plugins and integrations. If a complete rebuild is needed, we explain why and discuss migration of content, important page addresses and existing features.<\/p>\n          <\/div>\n        <\/details>\n\n\n        <details class=\"wd-final__question\">\n          <summary>\n            <span>02<\/span>\n            <strong>Can you work on a website built by another developer?<\/strong>\n            <b>+<\/b>\n          <\/summary>\n          <div class=\"wd-final__answer\">\n            <p>\n              Yes. We can review a website built by another developer, make changes, resolve technical issues and take over its ongoing maintenance and development.\n            <\/p>\n          <\/div>\n        <\/details>\n\n\n        <details class=\"wd-final__question\">\n          <summary>\n            <span>03<\/span>\n            <strong>Can you make my website faster?<\/strong>\n            <b>+<\/b>\n          <\/summary>\n          <div class=\"wd-final__answer\">\n            <p>\n              Yes. We identify what slows your website down and, where appropriate, optimize images, caching, code, the database or server settings. The achievable PageSpeed score depends on the website\u2019s technical setup.\n            <\/p>\n          <\/div>\n        <\/details>\n\n\n        <details class=\"wd-final__question\">\n          <summary>\n            <span>04<\/span>\n            <strong>Do you provide SEO services?<\/strong>\n            <b>+<\/b>\n          <\/summary>\n          <div class=\"wd-final__answer\">\n            <p>\n              Yes. Our SEO services include technical and on-page optimization, website structure, metadata and indexing checks. We develop content around the search queries that matter to your business.\n            <\/p><p>First, we need to understand which searches and locations matter to your business. We check whether the relevant pages are accessible to search engines, how clearly they answer the searcher\u2019s question, and whether technical issues prevent discovery. We then set priorities. We assess progress using search data and visitor actions, rather than an SEO plugin score alone. Competition and market conditions also affect rankings, so we do not promise a particular position in Google.<\/p>\n          <\/div>\n        <\/details>\n\n\n        <details class=\"wd-final__question\">\n          <summary>\n            <span>05<\/span>\n            <strong>Can you connect payments, shipping or other systems?<\/strong>\n            <b>+<\/b>\n          <\/summary>\n          <div class=\"wd-final__answer\">\n            <p>\n              Yes. We connect payment and shipping providers, booking systems, CRM, data imports and exports, email notifications and other systems, subject to their technical capabilities and API access.\n            <\/p><p>To assess an integration, we need the system names, the data to be exchanged and the intended workflow: for example, when an order should reach your CRM and which fields should update. We review documentation, connection methods and plan restrictions. Before launch, we agree on error handling and a test scenario. Licences, transaction fees and external platform costs are discussed separately. For payments, we check the customer journey and notifications against your actual sales process.<\/p>\n          <\/div>\n        <\/details>\n\n\n        <details class=\"wd-final__question\">\n          <summary>\n            <span>06<\/span>\n            <strong>How do you move a website to another hosting provider?<\/strong>\n            <b>+<\/b>\n          <\/summary>\n          <div class=\"wd-final__answer\">\n            <p>\n              We plan the migration, transfer files and the database, and configure the domain, DNS and SSL. We aim to minimize downtime; the exact process depends on the hosting provider and website setup.\n            <\/p>\n          <\/div>\n        <\/details>\n\n\n        <details class=\"wd-final__question\">\n          <summary>\n            <span>07<\/span>\n            <strong>Can my website or online store be expanded later?<\/strong>\n            <b>+<\/b>\n          <\/summary>\n          <div class=\"wd-final__answer\">\n            <p>\n              Yes. You can add functionality in stages, including languages, payment options, delivery methods, booking tools, automation and integrations. We check compatibility before making changes.\n            <\/p>\n          <\/div>\n        <\/details>\n\n\n        <details class=\"wd-final__question\">\n          <summary>\n            <span>08<\/span>\n            <strong>How do I get a quote and start a project?<\/strong>\n            <b>+<\/b>\n          <\/summary>\n          <div class=\"wd-final__answer\">\n            <p>\n              Send us a brief description of the task. We\u2019ll review the work required, clarify any questions and prepare a proposal with the cost and delivery timeframe.\n            <\/p><p>Include your website address, desired outcome, main problems and preferred deadline. For a new project, a page list, audience description and relevant design examples are useful. For an existing website, list the required changes and connected systems. We clarify the starting information and distinguish essential tasks from future improvements. Before starting, we agree on scope, price, workflow and acceptance criteria. You do not need to send passwords or other secret access details through the enquiry form.<\/p>\n          <\/div>\n        <\/details>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FINAL CTA \u2014 LIGHT\n    ====================================================== -->\n    <div class=\"wd-final__cta\" id=\"kontakti\">\n\n      <div class=\"wd-final__cta-copy\">\n\n        <div class=\"wd-final__cta-kicker\">\n          <span><\/span>\n          <strong>REQUEST A QUOTE<\/strong>\n        <\/div>\n\n        <h2>\n          Tell us about your project.\n          <span>Let\u2019s find the right solution.<\/span>\n        <\/h2>\n\n        <p>\n          Need website development services, improvements, SEO, integrations or technical support? Describe the task and we\u2019ll review it and get in touch.\n        <\/p>\n\n        <div class=\"wd-final__contact-line\">\n          <div>\n            <small>PHONE<\/small>\n            <a href=\"tel:+37120433366\">+371 204 333 66<\/a>\n          <\/div>\n\n          <div class=\"wd-final__response\">\n            <i><\/i>\n            <span>We usually reply within 1 business day<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =====================================================\n           WORKING FORM\n           Compatible with your WD_FINAL_FORM PHP snippet\n      ====================================================== -->\n      <form class=\"wd-final__form\" id=\"wdFinalContactForm\" novalidate>\n\n        <div class=\"wd-final__form-head\">\n          <div>\n            <small>PROJECT ENQUIRY<\/small>\n            <strong>Discuss your project<\/strong>\n          <\/div>\n\n          <span>01 \/ 01<\/span>\n        <\/div>\n\n\n        <!-- Honeypot -->\n        <div class=\"wd-final__hp\" aria-hidden=\"true\">\n          <label>\n            Websites\n            <input\n              type=\"text\"\n              name=\"company_website\"\n              tabindex=\"-1\"\n              autocomplete=\"off\"\n            >\n          <\/label>\n        <\/div>\n\n\n        <div class=\"wd-final__fields\">\n\n          <label>\n            <span>Name *<\/span>\n            <input\n              type=\"text\"\n              name=\"name\"\n              autocomplete=\"name\"\n              required\n            >\n          <\/label>\n\n\n          <label>\n            <span>Phone<\/span>\n            <input\n              type=\"tel\"\n              name=\"phone\"\n              autocomplete=\"tel\"\n            >\n          <\/label>\n\n\n          <label>\n            <span>Email *<\/span>\n            <input\n              type=\"email\"\n              name=\"email\"\n              autocomplete=\"email\"\n              required\n            >\n          <\/label>\n\n\n          <label>\n            <span>Service *<\/span>\n\n            <select name=\"service_choice\" id=\"wdFinalServiceChoice\" required>\n              <option value=\"\">Select a service<\/option>\n              <option value=\"Jaunas m\u0101jaslapas izstr\u0101de\">New website development<\/option>\n              <option value=\"Interneta veikala izstr\u0101de\">Online store development<\/option>\n              <option value=\"Eso\u0161as m\u0101jaslapas uzlabo\u0161ana\">Existing website improvements<\/option>\n              <option value=\"SEO un izaugsme\">SEO and growth<\/option>\n              <option value=\"Integr\u0101cijas un automatiz\u0101cija\">Integrations and automation<\/option>\n              <option value=\"Tehniskais atbalsts \/ steidzama pal\u012bdz\u012bba\">Technical support \/ urgent help<\/option>\n              <option value=\"AI risin\u0101jumi\">AI solutions<\/option>\n              <option value=\"Cits\">Other<\/option>\n            <\/select>\n          <\/label>\n\n\n          <label class=\"wd-final__field--full\">\n            <span>Project description<\/span>\n            <textarea\n              name=\"message\"\n              rows=\"4\"\n              placeholder=\"Briefly describe what you need\u2026\"\n            ><\/textarea>\n          <\/label>\n\n        <\/div>\n\n\n        <div class=\"wd-final__form-bottom\">\n\n          <label class=\"wd-final__privacy\">\n            <input type=\"checkbox\" name=\"privacy\" required>\n            <span>\n              I agree to the processing of my data so WebDigital can contact me about my enquiry.\n            <\/span>\n          <\/label>\n\n\n          <button type=\"submit\" class=\"wd-final__submit\">\n            <span>Send enquiry<\/span>\n            <b>\u2197<\/b>\n          <\/button>\n\n        <\/div>\n\n\n        <div\n          class=\"wd-final__form-message\"\n          aria-live=\"polite\"\n        ><\/div>\n\n      <\/form>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.wd-final,\n.wd-final * {\n  box-sizing:border-box;\n}\n\n.wd-final a {\n  text-decoration:none;\n}\n\n.wd-final {\n  --orange:#ff5033;\n  --ink:#191917;\n  --text:#6f6f6a;\n  --muted:#9b9b96;\n  --line:#deded8;\n  --soft:#f5f5f1;\n\n  width:100%;\n  overflow:hidden;\n\n  background:#fff;\n  color:var(--ink);\n\n  font-family:\n    \"Manrope\",\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n}\n\n.wd-final__inner {\n  width:min(calc(100% - 48px),1390px);\n  margin:0 auto;\n  padding:62px 0 0;\n}\n\n\n\/* =========================================================\n   FAQ HEAD\n========================================================= *\/\n\n.wd-final__faq-head {\n  display:grid;\n  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);\n  gap:70px;\n  align-items:end;\n\n  padding-bottom:28px;\n}\n\n.wd-final__eyebrow {\n  display:flex;\n  align-items:center;\n  gap:11px;\n  margin-bottom:17px;\n\n  color:#777773;\n  font-size:9px;\n  line-height:1;\n  font-weight:800;\n  letter-spacing:1px;\n}\n\n.wd-final__eyebrow span {\n  color:var(--orange);\n}\n\n.wd-final__eyebrow i {\n  width:28px;\n  height:1px;\n  background:#cfcfc9;\n}\n\n.wd-final__eyebrow strong {\n  font:inherit;\n}\n\n.wd-final__faq-head h2 {\n  max-width:760px;\n  margin:0;\n\n  font-size:clamp(43px,4vw,60px);\n  line-height:.98;\n  font-weight:650;\n  letter-spacing:-3.15px;\n}\n\n.wd-final__faq-head h2 span {\n  display:block;\n  color:#9f9f9a;\n}\n\n.wd-final__faq-head > p {\n  max-width:430px;\n  margin:0 0 4px;\n\n  color:var(--text);\n  font-size:12px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n.wd-final__questions {\n  border-top:1px solid var(--line);\n}\n\n.wd-final__question {\n  border-bottom:1px solid var(--line);\n}\n\n.wd-final__question summary {\n  list-style:none;\n  cursor:pointer;\n\n  display:grid;\n  grid-template-columns:42px minmax(0,1fr) 34px;\n  gap:14px;\n  align-items:center;\n\n  min-height:67px;\n  padding:10px 0;\n}\n\n.wd-final__question summary::-webkit-details-marker {\n  display:none;\n}\n\n.wd-final__question summary > span {\n  color:#aaa9a4;\n  font-size:7px;\n  font-weight:800;\n}\n\n.wd-final__question summary strong {\n  color:#292926;\n  font-size:15px;\n  line-height:1.3;\n  font-weight:650;\n  letter-spacing:-.3px;\n}\n\n.wd-final__question summary > b {\n  width:30px;\n  height:30px;\n\n  display:grid;\n  place-items:center;\n\n  border:1px solid #d6d6d0;\n  border-radius:50%;\n\n  color:var(--orange);\n  font-size:14px;\n  font-weight:500;\n\n  transition:\n    transform .22s ease,\n    background .22s ease,\n    color .22s ease;\n}\n\n.wd-final__question[open] summary > b {\n  transform:rotate(45deg);\n  background:var(--orange);\n  border-color:var(--orange);\n  color:#fff;\n}\n\n.wd-final__answer {\n  max-width:900px;\n  padding:0 50px 18px 56px;\n}\n\n.wd-final__answer p {\n  margin:0;\n  color:#777772;\n  font-size:11px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   FINAL CTA \u2014 LIGHT\n========================================================= *\/\n\n.wd-final__cta {\n  position:relative;\n\n  display:grid;\n  grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);\n  gap:72px;\n  align-items:center;\n\n  margin-top:56px;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  padding:\n    58px\n    max(24px,calc((100vw - 1390px) \/ 2));\n\n  background:#f5f5f1;\n  border-top:1px solid #e4e4df;\n}\n\n.wd-final__cta-kicker {\n  display:flex;\n  align-items:center;\n  gap:9px;\n  margin-bottom:14px;\n}\n\n.wd-final__cta-kicker > span {\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:var(--orange);\n}\n\n.wd-final__cta-kicker strong {\n  color:var(--orange);\n  font-size:8px;\n  line-height:1;\n  font-weight:850;\n  letter-spacing:.9px;\n}\n\n.wd-final__cta-copy h2 {\n  max-width:610px;\n  margin:0;\n\n  color:var(--ink);\n  font-size:clamp(40px,3.8vw,57px);\n  line-height:.98;\n  font-weight:650;\n  letter-spacing:-3px;\n}\n\n.wd-final__cta-copy h2 span {\n  display:block;\n  color:#9d9d98;\n}\n\n.wd-final__cta-copy > p {\n  max-width:520px;\n  margin:18px 0 0;\n\n  color:#6f6f6a;\n  font-size:12px;\n  line-height:1.58;\n}\n\n.wd-final__contact-line {\n  display:flex;\n  flex-wrap:wrap;\n  align-items:flex-end;\n  gap:28px;\n  margin-top:24px;\n}\n\n.wd-final__contact-line small {\n  display:block;\n  margin-bottom:4px;\n\n  color:#999994;\n  font-size:6px;\n  font-weight:850;\n  letter-spacing:.8px;\n}\n\n.wd-final__contact-line a {\n  color:#252522 !important;\n  font-size:22px;\n  font-weight:650;\n  letter-spacing:-.6px;\n}\n\n.wd-final__response {\n  display:flex;\n  align-items:center;\n  gap:8px;\n  padding-bottom:3px;\n\n  color:#7e7e79;\n  font-size:8px;\n  font-weight:650;\n}\n\n.wd-final__response i {\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:#35bd78;\n}\n\n\n\/* =========================================================\n   FORM \u2014 LIGHT\n========================================================= *\/\n\n.wd-final__form {\n  position:relative;\n\n  padding:20px;\n\n  border:1px solid #dfdfda;\n  border-radius:17px;\n\n  background:#fff;\n\n  box-shadow:\n    0 18px 50px\n    rgba(20,20,16,.055);\n}\n\n.wd-final__form-head {\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:20px;\n\n  padding-bottom:14px;\n  border-bottom:1px solid #e5e5e0;\n}\n\n.wd-final__form-head small {\n  display:block;\n  margin-bottom:3px;\n\n  color:var(--orange);\n  font-size:7px;\n  font-weight:850;\n  letter-spacing:.8px;\n}\n\n.wd-final__form-head strong {\n  display:block;\n  color:#292926;\n  font-size:12px;\n  font-weight:700;\n}\n\n.wd-final__form-head > span {\n  color:#aaa9a4;\n  font-size:7px;\n  font-weight:750;\n}\n\n.wd-final__hp {\n  position:absolute !important;\n  left:-99999px !important;\n  width:1px !important;\n  height:1px !important;\n  overflow:hidden !important;\n}\n\n.wd-final__fields {\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:15px 18px;\n  padding-top:18px;\n}\n\n.wd-final__fields label {\n  display:block;\n}\n\n.wd-final__fields label > span {\n  display:block;\n  margin-bottom:6px;\n\n  color:#8e8e88;\n  font-size:7px;\n  font-weight:750;\n  letter-spacing:.35px;\n}\n\n.wd-final__fields input,\n.wd-final__fields select,\n.wd-final__fields textarea {\n  width:100%;\n\n  border:0;\n  border-bottom:1px solid #d9d9d3;\n  border-radius:0;\n  outline:none;\n\n  padding:7px 0 9px;\n\n  background:transparent;\n  color:#272724;\n\n  font:inherit;\n  font-size:11px;\n\n  transition:border-color .2s ease;\n}\n\n.wd-final__fields select {\n  cursor:pointer;\n}\n\n.wd-final__fields textarea {\n  min-height:78px;\n  resize:vertical;\n  line-height:1.45;\n}\n\n.wd-final__fields input:focus,\n.wd-final__fields select:focus,\n.wd-final__fields textarea:focus {\n  border-bottom-color:var(--orange);\n}\n\n.wd-final__field--full {\n  grid-column:1 \/ -1;\n}\n\n.wd-final__form-bottom {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n\n  margin-top:18px;\n}\n\n.wd-final__privacy {\n  display:flex;\n  align-items:flex-start;\n  gap:8px;\n\n  max-width:330px;\n\n  color:#8a8a85;\n  font-size:7px;\n  line-height:1.4;\n}\n\n.wd-final__privacy input {\n  margin:1px 0 0;\n  accent-color:var(--orange);\n}\n\n.wd-final__submit {\n  min-height:45px;\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:15px;\n\n  padding:0 7px 0 14px;\n\n  border:0;\n  border-radius:9px;\n\n  background:var(--orange);\n  color:#fff;\n\n  font:inherit;\n  font-size:9px;\n  font-weight:750;\n  cursor:pointer;\n\n  transition:\n    transform .2s ease,\n    opacity .2s ease;\n}\n\n.wd-final__submit:hover {\n  transform:translateY(-1px);\n}\n\n.wd-final__submit:disabled {\n  opacity:.55;\n  cursor:not-allowed;\n  transform:none;\n}\n\n.wd-final__submit b {\n  width:29px;\n  height:29px;\n\n  display:grid;\n  place-items:center;\n\n  border-radius:7px;\n  background:rgba(0,0,0,.13);\n}\n\n.wd-final__form-message {\n  display:none;\n\n  margin-top:13px;\n  padding:10px 12px;\n\n  border-radius:8px;\n\n  font-size:9px;\n  line-height:1.4;\n}\n\n.wd-final__form-message.is-success {\n  display:block;\n  color:#237c50;\n  background:#eef8f2;\n  border:1px solid #d8eee1;\n}\n\n.wd-final__form-message.is-error {\n  display:block;\n  color:#a83b2a;\n  background:#fff2ef;\n  border:1px solid #f2d8d2;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px) {\n\n  .wd-final__faq-head {\n    grid-template-columns:1fr;\n    gap:15px;\n  }\n\n  .wd-final__cta {\n    grid-template-columns:1fr;\n    gap:32px;\n  }\n\n  .wd-final__cta-copy {\n    max-width:720px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:620px) {\n\n  .wd-final__inner {\n    width:calc(100% - 28px);\n    padding-top:31px;\n  }\n\n  .wd-final__faq-head {\n    gap:9px;\n    padding-bottom:16px;\n  }\n\n  .wd-final__eyebrow {\n    margin-bottom:11px;\n    font-size:8px;\n  }\n\n  .wd-final__eyebrow i {\n    width:20px;\n  }\n\n  .wd-final__faq-head h2 {\n    font-size:clamp(29px,8.3vw,35px);\n    line-height:1;\n    letter-spacing:-1.7px;\n  }\n\n  .wd-final__faq-head > p {\n    font-size:10px;\n    line-height:1.42;\n  }\n\n  .wd-final__question summary {\n    grid-template-columns:22px minmax(0,1fr) 27px;\n    gap:7px;\n\n    min-height:52px;\n    padding:8px 0;\n  }\n\n  .wd-final__question summary > span {\n    font-size:6px;\n  }\n\n  .wd-final__question summary strong {\n    font-size:11px;\n    line-height:1.25;\n  }\n\n  .wd-final__question summary > b {\n    width:25px;\n    height:25px;\n    font-size:12px;\n  }\n\n  .wd-final__answer {\n    padding:0 32px 12px 29px;\n  }\n\n  .wd-final__answer p {\n    font-size:9px;\n    line-height:1.45;\n  }\n\n\n  \/* CTA *\/\n\n  .wd-final__cta {\n    gap:20px;\n\n    margin-top:32px;\n    padding:30px 14px 27px;\n  }\n\n  .wd-final__cta-kicker {\n    margin-bottom:9px;\n  }\n\n  .wd-final__cta-kicker strong {\n    font-size:7px;\n  }\n\n  .wd-final__cta-copy h2 {\n    font-size:clamp(29px,8.2vw,35px);\n    line-height:1;\n    letter-spacing:-1.7px;\n  }\n\n  .wd-final__cta-copy > p {\n    margin-top:11px;\n    font-size:10px;\n    line-height:1.43;\n  }\n\n  .wd-final__contact-line {\n    gap:14px;\n    margin-top:14px;\n  }\n\n  .wd-final__contact-line a {\n    font-size:18px;\n  }\n\n  .wd-final__response {\n    width:100%;\n    font-size:7px;\n  }\n\n\n  \/* FORM *\/\n\n  .wd-final__form {\n    padding:14px;\n    border-radius:13px;\n  }\n\n  .wd-final__form-head {\n    padding-bottom:10px;\n  }\n\n  .wd-final__fields {\n    grid-template-columns:1fr;\n    gap:10px;\n    padding-top:12px;\n  }\n\n  .wd-final__field--full {\n    grid-column:auto;\n  }\n\n  .wd-final__fields label > span {\n    margin-bottom:3px;\n    font-size:6.5px;\n  }\n\n  .wd-final__fields input,\n  .wd-final__fields select,\n  .wd-final__fields textarea {\n    padding:5px 0 7px;\n    font-size:10px;\n  }\n\n  .wd-final__fields textarea {\n    min-height:61px;\n  }\n\n  .wd-final__form-bottom {\n    display:block;\n    margin-top:13px;\n  }\n\n  .wd-final__privacy {\n    max-width:100%;\n    font-size:6.5px;\n  }\n\n  .wd-final__submit {\n    width:100%;\n    min-height:43px;\n    margin-top:11px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce) {\n\n  .wd-final__question summary > b,\n  .wd-final__submit {\n    transition:none;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function () {\n\n  function initWdFinalForm() {\n\n    var form = document.getElementById('wdFinalContactForm');\n\n    if (!form || form.dataset.ready === '1') {\n      return;\n    }\n\n    form.dataset.ready = '1';\n\n    var messageBox = form.querySelector('.wd-final__form-message');\n    var submitButton = form.querySelector('.wd-final__submit');\n    var submitText = submitButton\n      ? submitButton.querySelector('span')\n      : null;\n\n    var defaultButtonText = submitText\n      ? submitText.textContent\n      : 'Send enquiry';\n\n\n    function showMessage(type, text) {\n\n      if (!messageBox) {\n        return;\n      }\n\n      messageBox.classList.remove(\n        'is-success',\n        'is-error'\n      );\n\n      messageBox.style.removeProperty('display');\n\n      messageBox.classList.add(\n        type === 'success'\n          ? 'is-success'\n          : 'is-error'\n      );\n\n      messageBox.textContent = text;\n    }\n\n\n    form.addEventListener('submit', function (event) {\n\n      event.preventDefault();\n\n      if (!form.checkValidity()) {\n        form.reportValidity();\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        showMessage(\n          'error',\n          'The form is unavailable. Please reload the page and try again.'\n        );\n        return;\n      }\n\n\n      var data = new FormData(form);\n\n      var serviceChoice = form.querySelector('[name=\"service_choice\"]');\n      var selectedService = serviceChoice ? serviceChoice.value.trim() : '';\n\n      var messageField = form.querySelector('[name=\"message\"]');\n      var originalMessage = messageField ? messageField.value.trim() : '';\n\n      \/* Backend-compatible values *\/\n      data.set('action','wd_final_contact');\n      data.set('nonce',window.WD_FINAL_FORM.nonce);\n\n      \/*\n       * The backend validates service against its predefined values.\n       * \"majaslapa\" is the known working value used by the site's working forms.\n       * The visitor's real selection is preserved inside the message.\n       *\/\n      data.delete('service_choice');\n      data.set('service','majaslapa');\n\n      data.set(\n        'message',\n        [\n          selectedService ? 'Service: ' + selectedService : '',\n          originalMessage ? 'Project description: ' + originalMessage : '',\n          'Page: ' + window.location.href\n        ].filter(Boolean).join('\\n')\n      );\n\n\n      if (submitButton) {\n        submitButton.disabled = true;\n      }\n\n      if (submitText) {\n        submitText.textContent = 'Sending\u2026';\n      }\n\n      if (messageBox) {\n        messageBox.classList.remove(\n          'is-success',\n          'is-error'\n        );\n        messageBox.style.removeProperty('display');\n        messageBox.textContent = '';\n      }\n\n\n      fetch(\n        window.WD_FINAL_FORM.ajax_url,\n        {\n          method: 'POST',\n          credentials: 'same-origin',\n          body: data\n        }\n      )\n\n      .then(function (response) {\n\n        return response.json().then(function (json) {\n          return {\n            ok: response.ok,\n            json: json\n          };\n        });\n\n      })\n\n      .then(function (result) {\n\n        var response = result.json;\n\n        if (\n          result.ok &&\n          response &&\n          response.success\n        ) {\n\n          showMessage(\n            'success',\n            response.data && response.data.message\n              ? response.data.message\n              : 'Thank you! Your enquiry has been sent.'\n          );\n\n          form.reset();\n\n          return;\n        }\n\n\n        showMessage(\n          'error',\n          response &&\n          response.data &&\n          response.data.message\n            ? response.data.message\n            : 'Your enquiry could not be sent. Please try again.'\n        );\n\n      })\n\n      .catch(function () {\n\n        showMessage(\n          'error',\n          'A connection error occurred. Please try again or contact us by phone.'\n        );\n\n      })\n\n      .finally(function () {\n\n        if (submitButton) {\n          submitButton.disabled = false;\n        }\n\n        if (submitText) {\n          submitText.textContent = defaultButtonText;\n        }\n\n      });\n\n    });\n\n  }\n\n\n  if (document.readyState === 'loading') {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initWdFinalForm\n    );\n\n  } else {\n\n    initWdFinalForm();\n\n  }\n\n\n  if (window.jQuery) {\n\n    window.jQuery(window).on(\n      'elementor\/frontend\/init',\n      function () {\n        setTimeout(\n          initWdFinalForm,\n          100\n        );\n      }\n    );\n\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEBDIGITAL \u00b7 SERVICES FOR BUSINESSES Digital services for your business. Our services cover website and online store development, SEO, website improvements, integrations and technical support. Tell us what your business needs, and we\u2019ll help you choose the right solution. We build websites with WordPress and online stores with WooCommerce. We choose the platform and integrations [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1079","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/pages\/1079","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=1079"}],"version-history":[{"count":21,"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/pages\/1079\/revisions"}],"predecessor-version":[{"id":1511,"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/pages\/1079\/revisions\/1511"}],"wp:attachment":[{"href":"https:\/\/webdigital.lv\/en\/wp-json\/wp\/v2\/media?parent=1079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}