{"id":60945,"date":"2023-05-19T06:06:59","date_gmt":"2023-05-19T06:06:59","guid":{"rendered":"https:\/\/clone4.10pearls.com\/?page_id=60945"},"modified":"2026-10-29T10:15:25","modified_gmt":"2026-10-29T10:15:25","slug":"css-developers","status":"publish","type":"page","link":"https:\/\/10pearls.com\/uk\/css-developers\/","title":{"rendered":"Hire CSS Developers from Top Talent of Programmers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"60945\" class=\"elementor elementor-60945\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a20e01 section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"2a20e01\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6610618 e-con-full e-flex e-con e-child\" data-id=\"6610618\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4669c86 indigo-h1 elementor-widget elementor-widget-heading\" data-id=\"4669c86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">CSS Developers<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1d815a elementor-widget elementor-widget-text-editor\" data-id=\"a1d815a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Hire top-notch CSS developers for a seamless web experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29be244 e-con-full e-flex e-con e-child\" data-id=\"29be244\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d43c6d8 indigo-btn indigo-btn--ghost elementor-widget elementor-widget-button\" data-id=\"d43c6d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/get-in-touch\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Hire a developer<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f49a188 elementor-hidden-mobile elementor-widget elementor-widget-tp_testimonial_slider\" data-id=\"f49a188\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tp_testimonial_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"tp-ts-widget\"\n             id=\"tp-ts-f49a188\"\n             data-autoheight=\"yes\"\n             data-height=\"0\">\n\n            <!-- \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"tp-ts-header\">\n\n                                    <div class=\"tp-ts-logo\">\n                        <img decoding=\"async\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/09\/ImageWithFallback-3.webp\"\n                             alt=\"Logo\">\n                    <\/div>\n                \n                                    <div class=\"tp-ts-separator\" aria-hidden=\"true\"><\/div>\n                \n                                    <div class=\"tp-ts-stars\" role=\"img\" aria-label=\"5 out of 5 stars\">\n                                                    <span class=\"tp-ts-star filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                                    <span class=\"tp-ts-star filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                                    <span class=\"tp-ts-star filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                                    <span class=\"tp-ts-star filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                                    <span class=\"tp-ts-star filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                            <\/div>\n                \n                                    <div class=\"tp-ts-rating-text\">4.9\/5 RATING<\/div>\n                \n            <\/div><!-- \/.tp-ts-header -->\n\n\n            <!-- \u2500\u2500 Slider Viewport \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"tp-ts-slider-viewport\">\n                <div class=\"tp-ts-wrapper\">\n                                            <div class=\"tp-ts-slide\">\n                                                            <p class=\"tp-ts-quote\">\"They delivered a senior DevOps team in 2 weeks that transformed our pipeline.\"<\/p>\n                                                                                        <div class=\"tp-ts-meta\">\u2014 CTO, Fintech Enterprise<\/div>\n                                                    <\/div>\n                                            <div class=\"tp-ts-slide\">\n                                                            <p class=\"tp-ts-quote\">\"Exceptional talent quality. The engineers hit the ground running on day one.\"<\/p>\n                                                                                        <div class=\"tp-ts-meta\">\u2014 VP Engineering, Healthcare Provider<\/div>\n                                                    <\/div>\n                                            <div class=\"tp-ts-slide\">\n                                                            <p class=\"tp-ts-quote\">\"They have very good processes in place to achieve better results.\"<\/p>\n                                                                                        <div class=\"tp-ts-meta\">\u2014 CEO &amp; Co-Founder, Digital Business Platform<\/div>\n                                                    <\/div>\n                                            <div class=\"tp-ts-slide\">\n                                                            <p class=\"tp-ts-quote\">\"You can trust them 100% and won't have any issues or problems.\"<\/p>\n                                                                                        <div class=\"tp-ts-meta\">\u2014 President, Bay International Technologies<\/div>\n                                                    <\/div>\n                                            <div class=\"tp-ts-slide\">\n                                                            <p class=\"tp-ts-quote\">\"They were responsive, willing to make changes, and approachable.\"<\/p>\n                                                                                        <div class=\"tp-ts-meta\">\u2014 Employee, ADAMS Compassionate Healthcare Network<\/div>\n                                                    <\/div>\n                                            <div class=\"tp-ts-slide\">\n                                                            <p class=\"tp-ts-quote\">\"They offer a lot of value based on their skills, talent, and rate.\"<\/p>\n                                                                                        <div class=\"tp-ts-meta\">\u2014 Head of Product Engineering, Technisys<\/div>\n                                                    <\/div>\n                                    <\/div>\n            <\/div><!-- \/.tp-ts-slider-viewport -->\n\n        <\/div><!-- \/.tp-ts-widget -->\n\n\n        <!-- \u2500\u2500 Scoped structural CSS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <style>\n        #tp-ts-f49a188 .tp-ts-header {\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 12px;\n            margin-bottom: 16px;\n        }\n        #tp-ts-f49a188 .tp-ts-logo img {\n            display: block;\n            width: 80px;\n            height: auto;\n        }\n        #tp-ts-f49a188 .tp-ts-separator {\n            width: 1px;\n            height: 32px;\n            flex-shrink: 0;\n        }\n        #tp-ts-f49a188 .tp-ts-stars {\n            display: flex;\n            align-items: center;\n            gap: 3px;\n            line-height: 1;\n        }\n        #tp-ts-f49a188 .tp-ts-star {\n            font-size: 20px;\n            line-height: 1;\n        }\n        #tp-ts-f49a188 .tp-ts-slider-viewport {\n            overflow: hidden;\n            position: relative;\n        }\n        #tp-ts-f49a188 .tp-ts-wrapper {\n            will-change: transform;\n        }\n        #tp-ts-f49a188 .tp-ts-quote {\n            margin: 0 0 12px 0;\n        }\n        #tp-ts-f49a188 .tp-ts-meta {\n            margin: 0;\n        }\n        <\/style>\n\n\n        <!-- \u2500\u2500 Scoped slider JS (IIFE \u2014 safe for multiple instances) \u2500\u2500 -->\n        <script>\n        (function () {\n            'use strict';\n\n            var el = document.getElementById('tp-ts-f49a188');\n            if (!el) return;\n\n            var viewport   = el.querySelector('.tp-ts-slider-viewport');\n            var wrapper    = el.querySelector('.tp-ts-wrapper');\n            var autoplay   = true;\n            var speed      = 4000;\n            var transMs    = 600;\n            var isAutoH    = el.getAttribute('data-autoheight') === 'yes';\n            var forcedH    = parseInt(el.getAttribute('data-height'), 10) || 0;\n\n            \/* Collect original slides (before clone) for height measurement *\/\n            var origSlides = Array.from(el.querySelectorAll('.tp-ts-slide'));\n            if (origSlides.length < 2) return;\n\n            \/* Clone first slide for seamless infinite loop *\/\n            wrapper.appendChild(origSlides[0].cloneNode(true));\n            var slides = Array.from(el.querySelectorAll('.tp-ts-slide'));\n\n            var index       = 0;\n            var isAnimating = false;\n            var timer       = null;\n\n            \/* \u2500\u2500 Auto height: measure tallest slide \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            function calcHeight() {\n                if (!isAutoH && forcedH > 0) {\n                    viewport.style.height = forcedH + 'px';\n                    slides.forEach(function (s) { s.style.minHeight = forcedH + 'px'; });\n                    return;\n                }\n                \/* Temporarily open viewport to get natural heights *\/\n                viewport.style.overflow = 'visible';\n                viewport.style.height   = 'auto';\n                slides.forEach(function (s) { s.style.minHeight = ''; });\n\n                var maxH = 0;\n                origSlides.forEach(function (s) {\n                    var h = s.offsetHeight;\n                    if (h > maxH) maxH = h;\n                });\n\n                viewport.style.overflow = 'hidden';\n                viewport.style.height   = maxH + 'px';\n                slides.forEach(function (s) { s.style.minHeight = maxH + 'px'; });\n            }\n\n            calcHeight();\n\n            function h() {\n                return viewport.offsetHeight || forcedH || 120;\n            }\n\n            function jumpTo(i, animate) {\n                wrapper.style.transition = animate\n                    ? 'transform ' + transMs + 'ms ease-in-out'\n                    : 'none';\n                wrapper.style.transform = 'translateY(-' + (i * h()) + 'px)';\n            }\n\n            function nextSlide() {\n                if (isAnimating) return;\n                isAnimating = true;\n                index++;\n                jumpTo(index, true);\n\n                if (index === slides.length - 1) {\n                    \/* Reached clone \u2014 silently snap back to real first slide *\/\n                    setTimeout(function () {\n                        jumpTo(0, false);\n                        index = 0;\n                        isAnimating = false;\n                    }, transMs + 50);\n                } else {\n                    setTimeout(function () { isAnimating = false; }, transMs + 50);\n                }\n            }\n\n            function startTimer() {\n                if (autoplay) timer = setInterval(nextSlide, speed);\n            }\n\n            function stopTimer() {\n                if (timer) { clearInterval(timer); timer = null; }\n            }\n\n            startTimer();\n\n            \/* \u2500\u2500 Mouse drag \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            var startY   = 0;\n            var dragging = false;\n\n            viewport.addEventListener('mousedown', function (e) {\n                dragging = true;\n                startY   = e.clientY;\n                stopTimer();\n                viewport.style.cursor = 'grabbing';\n                e.preventDefault();\n            });\n\n            document.addEventListener('mousemove', function (e) {\n                if (!dragging) return;\n                wrapper.style.transition = 'none';\n                wrapper.style.transform  = 'translateY(' + (-index * h() + (e.clientY - startY)) + 'px)';\n            });\n\n            document.addEventListener('mouseup', function (e) {\n                if (!dragging) return;\n                dragging = false;\n                viewport.style.cursor = 'grab';\n                var delta = e.clientY - startY;\n                if (delta < -50 && index < slides.length - 2) index++;\n                else if (delta > 50 && index > 0)             index--;\n                jumpTo(index, true);\n                startTimer();\n            });\n\n            \/* \u2500\u2500 Touch swipe \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            var touchY = 0;\n\n            viewport.addEventListener('touchstart', function (e) {\n                touchY = e.touches[0].clientY;\n                stopTimer();\n            }, { passive: true });\n\n            viewport.addEventListener('touchend', function (e) {\n                var delta = e.changedTouches[0].clientY - touchY;\n                if (delta < -50 && index < slides.length - 2) index++;\n                else if (delta > 50 && index > 0)             index--;\n                jumpTo(index, true);\n                startTimer();\n            }, { passive: true });\n\n            viewport.style.cursor = 'grab';\n\n            \/* \u2500\u2500 Recalculate on resize \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            window.addEventListener('resize', function () {\n                calcHeight();\n                jumpTo(index, false);\n            });\n\n        }());\n        <\/script>\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-378c3a9 e-con-full e-flex e-con e-parent\" data-id=\"378c3a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c456d1 elementor-widget elementor-widget-sticky_section_nav\" data-id=\"7c456d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"sticky_section_nav.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<style>\n\t\t\/* \u2500\u2500 Bar \u2500\u2500 *\/\n\t\t#ssn-7c456d1 {\n\t\t\tbackground-color: var(--e-global-color-primary);\n\t\t\theight: 52px;\n\t\t\twidth: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t#ssn-7c456d1.ssn-sticky {\n\t\t\tposition: fixed;\n\t\t\ttop: 76px;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tz-index: 1000; \/* FIX: raised from 100 *\/\n\t\t\twidth: 100% !important;\n\t\t}\n\t\t.ssn-spacer-ssn-7c456d1 {\n\t\t\theight: 52px;\n\t\t\tdisplay: none;\n\t\t}\n\t\t.ssn-spacer-active-ssn-7c456d1 {\n\t\t\tdisplay: block !important;\n\t\t}\n\t\t\/* \u2500\u2500 Wrap \u2500\u2500 *\/\n\t\t#ssn-7c456d1 .ssn-wrap {\n\t\t\tmax-width: 1280px;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding: 0 20px;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t\/* \u2500\u2500 Desktop list \u2500\u2500 *\/\n\t\t#ssn-7c456d1 .ssn-menu {\n\t\t\tlist-style: none;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-start;\n\t\t\tgap: 32px;\n\t\t\tflex-wrap: nowrap;\n\t\t\twidth: 100%;\n\t\t}\n\t\t#ssn-7c456d1 .ssn-menu li { white-space: nowrap; }\n\t\t\/* \u2500\u2500 Links \u2500\u2500 *\/\n\t\t#ssn-7c456d1 .ssn-menu a,\n\t\t#ssn-7c456d1 .ssn-menu a:hover,\n\t\t#ssn-7c456d1 .ssn-menu a:focus,\n\t\t#ssn-7c456d1 .ssn-menu a:visited,\n\t\t#ssn-7c456d1 .ssn-menu a:active {\n\t\t\tcolor: #ffffff !important;\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: 5px;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: uppercase;\n\t\t\ttext-decoration: none;\n\t\t\tletter-spacing: 0.04em;\n\t\t\tcursor: pointer;\n\t\t\tline-height: 1;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t\t\/* \u2500\u2500 Icons \u2500\u2500 *\/\n\t\t#ssn-7c456d1 .ssn-icon {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tflex-shrink: 0;\n\t\t\tline-height: 1;\n\t\t}\n\t\t#ssn-7c456d1 .ssn-icon-lib {\n\t\t\tfont-size: 12px;\n\t\t\tcolor: inherit;\n\t\t}\n\t\t\/* \u2500\u2500 Mobile toggle \u2500\u2500 *\/\n\t\t#ssn-7c456d1 .ssn-dropdown-wrap {\n\t\t\tdisplay: none;\n\t\t\twidth: 100%;\n\t\t}\n\t\t#ssn-7c456d1 .ssn-toggle {\n\t\t\tbackground: none;\n\t\t\tborder: none;\n\t\t\tcursor: pointer;\n\t\t\tcolor: #ffffff !important;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 0.04em;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 8px;\n\t\t\tpadding: 0 20px;\n\t\t\theight: 42px;\n\t\t\twidth: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t#ssn-7c456d1 .ssn-caret {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 7px;\n\t\t\theight: 7px;\n\t\t\tborder-right: 2px solid currentColor;\n\t\t\tborder-bottom: 2px solid currentColor;\n\t\t\ttransform: rotate(45deg);\n\t\t\ttransition: transform 0.2s ease;\n\t\t\tposition: relative;\n\t\t\ttop: -2px;\n\t\t\tflex-shrink: 0;\n\t\t}\n\t\t#ssn-7c456d1 .ssn-toggle.open .ssn-caret {\n\t\t\ttransform: rotate(225deg);\n\t\t\ttop: 2px;\n\t\t}\n\t\t\/* \u2500\u2500 Mobile dropdown panel \u2500\u2500\n\t\t   FIX: changed to position:fixed; JS sets top via getBoundingClientRect()\n\t\t        so the panel always spans the full viewport width, not just the\n\t\t        Elementor wrapper width. z-index 999 keeps it below the bar (1000). *\/\n\t\t#ssn-7c456d1-dropdown {\n\t\t\tdisplay: none;\n\t\t\tposition: fixed;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\twidth: 100%;\n\t\t\tbackground-color: var(--e-global-color-primary) !important;\n\t\t\tz-index: 999; \/* FIX: raised from 94 *\/\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t#ssn-7c456d1-dropdown a,\n\t\t#ssn-7c456d1-dropdown a:hover,\n\t\t#ssn-7c456d1-dropdown a:visited,\n\t\t#ssn-7c456d1-dropdown a:focus {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 5px;\n\t\t\tcolor: #ffffff !important;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 0.04em;\n\t\t\tpadding: 14px 20px;\n\t\t\ttext-decoration: none;\n\t\t\tborder-bottom: 1px solid rgba(255,255,255,0.08);\n\t\t\tcursor: pointer;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t#ssn-7c456d1-dropdown a:last-child { border-bottom: none; }\n\t\t#ssn-7c456d1-dropdown a:hover { background: rgba(255,255,255,0.08); }\n\t\t#ssn-7c456d1-dropdown .ssn-icon-lib {\n\t\t\tfont-size: 12px;\n\t\t\tcolor: inherit;\n\t\t}\n\t\t\/* \u2500\u2500 Responsive switchover \u2500\u2500 *\/\n\t\t@media (max-width: 991px) {\n\t\t\t#ssn-7c456d1 {\n\t\t\t\theight: 42px;\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t#ssn-7c456d1.ssn-sticky {\n\t\t\t\ttop: 65px;\n\t\t\t}\n\t\t\t.ssn-spacer-ssn-7c456d1 {\n\t\t\t\theight: 42px;\n\t\t\t}\n\t\t\t#ssn-7c456d1 .ssn-menu           { display: none; }\n\t\t\t#ssn-7c456d1 .ssn-dropdown-wrap  { display: block; }\n\t\t\t#ssn-7c456d1 .ssn-wrap           { padding: 0; }\n\t\t}\n\t\t<\/style>\n\n\t\t\t\t<div id=\"ssn-7c456d1-spacer\" class=\"ssn-spacer-ssn-7c456d1\"><\/div>\n\n\t\t<section\n\t\t\tid=\"ssn-7c456d1\"\n\t\t\tclass=\"ssn-bar\"\n\t\t\trole=\"navigation\"\n\t\t\taria-label=\"Page sections\"\n\t\t>\n\t\t\t<div class=\"ssn-wrap\">\n\n\t\t\t\t<ul class=\"ssn-menu\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#01\" data-target=\"01\" tabindex=\"0\">\n\t\t\t\t\t\t\tStrong technical prowess<svg style=\"width:12px;height:12px;flex-shrink:0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 11 13\" fill=\"none\"><path fill=\"currentColor\" d=\"M5.75 0.875C5.95833 0.875 6.13542 0.947917 6.28125 1.09375C6.42708 1.23958 6.5 1.41667 6.5 1.625V9.5625L9.71875 6.34375C9.86458 6.19792 10.0417 6.125 10.25 6.125C10.4583 6.125 10.6354 6.19792 10.7812 6.34375C10.9271 6.48958 11 6.66667 11 6.875C11 7.08333 10.9271 7.26042 10.7812 7.40625L6.28125 11.9062C6.13542 12.0521 5.95833 12.125 5.75 12.125C5.54167 12.125 5.36458 12.0521 5.21875 11.9062L0.71875 7.40625C0.572917 7.26042 0.5 7.08333 0.5 6.875C0.5 6.66667 0.572917 6.48958 0.71875 6.34375C0.864583 6.19792 1.04167 6.125 1.25 6.125C1.45833 6.125 1.63542 6.19792 1.78125 6.34375L5 9.5625V1.625C5 1.41667 5.07292 1.23958 5.21875 1.09375C5.36458 0.947917 5.54167 0.875 5.75 0.875Z\"><\/path><\/svg>\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#02\" data-target=\"02\" tabindex=\"0\">\n\t\t\t\t\t\t\tCase studies<svg style=\"width:12px;height:12px;flex-shrink:0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 11 13\" fill=\"none\"><path fill=\"currentColor\" d=\"M5.75 0.875C5.95833 0.875 6.13542 0.947917 6.28125 1.09375C6.42708 1.23958 6.5 1.41667 6.5 1.625V9.5625L9.71875 6.34375C9.86458 6.19792 10.0417 6.125 10.25 6.125C10.4583 6.125 10.6354 6.19792 10.7812 6.34375C10.9271 6.48958 11 6.66667 11 6.875C11 7.08333 10.9271 7.26042 10.7812 7.40625L6.28125 11.9062C6.13542 12.0521 5.95833 12.125 5.75 12.125C5.54167 12.125 5.36458 12.0521 5.21875 11.9062L0.71875 7.40625C0.572917 7.26042 0.5 7.08333 0.5 6.875C0.5 6.66667 0.572917 6.48958 0.71875 6.34375C0.864583 6.19792 1.04167 6.125 1.25 6.125C1.45833 6.125 1.63542 6.19792 1.78125 6.34375L5 9.5625V1.625C5 1.41667 5.07292 1.23958 5.21875 1.09375C5.36458 0.947917 5.54167 0.875 5.75 0.875Z\"><\/path><\/svg>\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#03\" data-target=\"03\" tabindex=\"0\">\n\t\t\t\t\t\t\tFAQs<svg style=\"width:12px;height:12px;flex-shrink:0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 11 13\" fill=\"none\"><path fill=\"currentColor\" d=\"M5.75 0.875C5.95833 0.875 6.13542 0.947917 6.28125 1.09375C6.42708 1.23958 6.5 1.41667 6.5 1.625V9.5625L9.71875 6.34375C9.86458 6.19792 10.0417 6.125 10.25 6.125C10.4583 6.125 10.6354 6.19792 10.7812 6.34375C10.9271 6.48958 11 6.66667 11 6.875C11 7.08333 10.9271 7.26042 10.7812 7.40625L6.28125 11.9062C6.13542 12.0521 5.95833 12.125 5.75 12.125C5.54167 12.125 5.36458 12.0521 5.21875 11.9062L0.71875 7.40625C0.572917 7.26042 0.5 7.08333 0.5 6.875C0.5 6.66667 0.572917 6.48958 0.71875 6.34375C0.864583 6.19792 1.04167 6.125 1.25 6.125C1.45833 6.125 1.63542 6.19792 1.78125 6.34375L5 9.5625V1.625C5 1.41667 5.07292 1.23958 5.21875 1.09375C5.36458 0.947917 5.54167 0.875 5.75 0.875Z\"><\/path><\/svg>\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\n\t\t\t\t<div class=\"ssn-dropdown-wrap\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"ssn-toggle\"\n\t\t\t\t\t\tid=\"ssn-7c456d1-toggle\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\taria-controls=\"ssn-7c456d1-dropdown\"\n\t\t\t\t\t>\n\t\t\t\t\t\tGo to Section\t\t\t\t\t\t<span class=\"ssn-caret\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t\t\t<div id=\"ssn-7c456d1-dropdown\" class=\"ssn-mobile-dropdown\" role=\"menu\" aria-hidden=\"true\">\n\t\t\t\t\t\t<a href=\"#01\" data-target=\"01\" role=\"menuitem\" tabindex=\"0\">\n\t\t\t\tStrong technical prowess<svg style=\"width:12px;height:12px;flex-shrink:0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 11 13\" fill=\"none\"><path fill=\"currentColor\" d=\"M5.75 0.875C5.95833 0.875 6.13542 0.947917 6.28125 1.09375C6.42708 1.23958 6.5 1.41667 6.5 1.625V9.5625L9.71875 6.34375C9.86458 6.19792 10.0417 6.125 10.25 6.125C10.4583 6.125 10.6354 6.19792 10.7812 6.34375C10.9271 6.48958 11 6.66667 11 6.875C11 7.08333 10.9271 7.26042 10.7812 7.40625L6.28125 11.9062C6.13542 12.0521 5.95833 12.125 5.75 12.125C5.54167 12.125 5.36458 12.0521 5.21875 11.9062L0.71875 7.40625C0.572917 7.26042 0.5 7.08333 0.5 6.875C0.5 6.66667 0.572917 6.48958 0.71875 6.34375C0.864583 6.19792 1.04167 6.125 1.25 6.125C1.45833 6.125 1.63542 6.19792 1.78125 6.34375L5 9.5625V1.625C5 1.41667 5.07292 1.23958 5.21875 1.09375C5.36458 0.947917 5.54167 0.875 5.75 0.875Z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a href=\"#02\" data-target=\"02\" role=\"menuitem\" tabindex=\"0\">\n\t\t\t\tCase studies<svg style=\"width:12px;height:12px;flex-shrink:0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 11 13\" fill=\"none\"><path fill=\"currentColor\" d=\"M5.75 0.875C5.95833 0.875 6.13542 0.947917 6.28125 1.09375C6.42708 1.23958 6.5 1.41667 6.5 1.625V9.5625L9.71875 6.34375C9.86458 6.19792 10.0417 6.125 10.25 6.125C10.4583 6.125 10.6354 6.19792 10.7812 6.34375C10.9271 6.48958 11 6.66667 11 6.875C11 7.08333 10.9271 7.26042 10.7812 7.40625L6.28125 11.9062C6.13542 12.0521 5.95833 12.125 5.75 12.125C5.54167 12.125 5.36458 12.0521 5.21875 11.9062L0.71875 7.40625C0.572917 7.26042 0.5 7.08333 0.5 6.875C0.5 6.66667 0.572917 6.48958 0.71875 6.34375C0.864583 6.19792 1.04167 6.125 1.25 6.125C1.45833 6.125 1.63542 6.19792 1.78125 6.34375L5 9.5625V1.625C5 1.41667 5.07292 1.23958 5.21875 1.09375C5.36458 0.947917 5.54167 0.875 5.75 0.875Z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a href=\"#03\" data-target=\"03\" role=\"menuitem\" tabindex=\"0\">\n\t\t\t\tFAQs<svg style=\"width:12px;height:12px;flex-shrink:0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 11 13\" fill=\"none\"><path fill=\"currentColor\" d=\"M5.75 0.875C5.95833 0.875 6.13542 0.947917 6.28125 1.09375C6.42708 1.23958 6.5 1.41667 6.5 1.625V9.5625L9.71875 6.34375C9.86458 6.19792 10.0417 6.125 10.25 6.125C10.4583 6.125 10.6354 6.19792 10.7812 6.34375C10.9271 6.48958 11 6.66667 11 6.875C11 7.08333 10.9271 7.26042 10.7812 7.40625L6.28125 11.9062C6.13542 12.0521 5.95833 12.125 5.75 12.125C5.54167 12.125 5.36458 12.0521 5.21875 11.9062L0.71875 7.40625C0.572917 7.26042 0.5 7.08333 0.5 6.875C0.5 6.66667 0.572917 6.48958 0.71875 6.34375C0.864583 6.19792 1.04167 6.125 1.25 6.125C1.45833 6.125 1.63542 6.19792 1.78125 6.34375L5 9.5625V1.625C5 1.41667 5.07292 1.23958 5.21875 1.09375C5.36458 0.947917 5.54167 0.875 5.75 0.875Z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<script>\n\t\t(function () {\n\t\t\tvar UID             = \"ssn-7c456d1\";\n\t\t\tvar STICKY_ENABLED  = true;\n\t\t\tvar OFFSET_DESKTOP  = 76;\n\t\t\tvar OFFSET_MOBILE   = 65;\n\t\t\tvar SCROLL_OFFSET   = 80;\n\t\t\tvar SCROLL_DURATION = 800;\n\t\t\tvar BREAKPOINT      = 992;\n\t\t\tvar BAR_H_DESK      = 52;\n\t\t\tvar BAR_H_MOB       = 42;\n\n\t\t\tvar bar      = document.getElementById(UID);\n\t\t\tvar spacer   = document.getElementById(UID + '-spacer');\n\t\t\tvar dropdown = document.getElementById(UID + '-dropdown');\n\t\t\tvar toggle   = document.getElementById(UID + '-toggle');\n\t\t\tif (!bar) return;\n\n\t\t\tvar initialBarTop = null;\n\t\t\tvar isSticky      = false;\n\n\t\t\t\/* \u2500\u2500 Utils \u2500\u2500 *\/\n\t\t\tfunction isMobile()     { return window.innerWidth < BREAKPOINT; }\n\t\t\tfunction headerOffset() { return isMobile() ? OFFSET_MOBILE : OFFSET_DESKTOP; }\n\t\t\tfunction barHeight()    { return isMobile() ? BAR_H_MOB : BAR_H_DESK; }\n\n\t\t\tfunction docTop(el) {\n\t\t\t\tvar t = 0;\n\t\t\t\twhile (el) { t += el.offsetTop; el = el.offsetParent; }\n\t\t\t\treturn t;\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Sticky on\/off \u2500\u2500 *\/\n\t\t\tfunction enableSticky() {\n\t\t\t\tif (isSticky) return;\n\t\t\t\tisSticky = true;\n\t\t\t\tbar.classList.add('ssn-sticky');\n\t\t\t\tbar.style.top = headerOffset() + 'px';\n\t\t\t\tif (spacer) spacer.classList.add('ssn-spacer-active-' + UID);\n\t\t\t}\n\n\t\t\tfunction disableSticky() {\n\t\t\t\tif (!isSticky) return;\n\t\t\t\tisSticky = false;\n\t\t\t\tbar.classList.remove('ssn-sticky');\n\t\t\t\tbar.style.top = '';\n\t\t\t\tif (spacer) spacer.classList.remove('ssn-spacer-active-' + UID);\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Dropdown positioning \u2500\u2500\n\t\t\t   FIX: always uses position:fixed + getBoundingClientRect() so the\n\t\t\t        panel correctly anchors to the bar bottom in ALL contexts\n\t\t\t        (sticky or not, inside any Elementor layout wrapper). *\/\n\t\t\tfunction positionDropdown() {\n\t\t\t\tif (!dropdown) return;\n\t\t\t\tvar rect = bar.getBoundingClientRect();\n\t\t\t\tdropdown.style.position = 'fixed';\n\t\t\t\tdropdown.style.top      = rect.bottom + 'px';\n\t\t\t\tdropdown.style.left     = '0';\n\t\t\t\tdropdown.style.right    = '0';\n\t\t\t\tdropdown.style.width    = '100%';\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Scroll \u2500\u2500 *\/\n\t\t\tfunction onScroll() {\n\t\t\t\t\/* FIX: auto-close dropdown when user scrolls (mobile UX) *\/\n\t\t\t\tcloseDropdown();\n\n\t\t\t\t\/* FIX: sticky logic is now separate from highlightActive() \u2014\n\t\t\t\t        the early return that blocked highlight when sticky was\n\t\t\t\t        disabled has been removed. *\/\n\t\t\t\tif (STICKY_ENABLED && initialBarTop !== null) {\n\t\t\t\t\tvar scrollY = window.pageYOffset || 0;\n\t\t\t\t\tif (scrollY > initialBarTop - headerOffset()) {\n\t\t\t\t\t\tenableSticky();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdisableSticky();\n\t\t\t\t\t}\n\t\t\t\t\tif (isSticky) bar.style.top = headerOffset() + 'px';\n\t\t\t\t}\n\n\t\t\t\t\/* FIX: highlightActive() now always runs, even when sticky is off *\/\n\t\t\t\thighlightActive();\n\t\t\t}\n\n\t\t\tfunction onResize() {\n\t\t\t\tif (isSticky) bar.style.top = headerOffset() + 'px';\n\t\t\t\tcloseDropdown();\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Smooth scroll \u2014 pure JS easeInOutQuad, no jQuery \u2500\u2500 *\/\n\t\t\tfunction scrollToSection(targetId) {\n\t\t\t\tvar target = document.getElementById(targetId);\n\t\t\t\tif (!target) return;\n\t\t\t\tvar dest   = Math.max(0, docTop(target) - SCROLL_OFFSET - (isSticky ? barHeight() : 0));\n\t\t\t\tvar start  = window.pageYOffset;\n\t\t\t\tvar change = dest - start;\n\t\t\t\tvar t0     = null;\n\t\t\t\trequestAnimationFrame(function step(ts) {\n\t\t\t\t\tif (!t0) t0 = ts;\n\t\t\t\t\tvar p = Math.min((ts - t0) \/ SCROLL_DURATION, 1);\n\t\t\t\t\tvar e = p < 0.5 ? 2*p*p : -1 + (4 - 2*p)*p;\n\t\t\t\t\twindow.scrollTo(0, start + change * e);\n\t\t\t\t\tif (p < 1) requestAnimationFrame(step);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Active highlight \u2500\u2500 *\/\n\t\t\tfunction highlightActive() {\n\t\t\t\tvar threshold = (window.pageYOffset || 0) + headerOffset() + barHeight() + 10;\n\t\t\t\tvar active    = null;\n\t\t\t\tbar.querySelectorAll('.ssn-menu a[data-target]').forEach(function(a) {\n\t\t\t\t\tvar sec = document.getElementById(a.dataset.target);\n\t\t\t\t\tif (sec && threshold >= docTop(sec)) active = a.dataset.target;\n\t\t\t\t});\n\t\t\t\tbar.querySelectorAll('.ssn-menu a[data-target]').forEach(function(a) {\n\t\t\t\t\ta.classList.toggle('ssn-active', a.dataset.target === active);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Mobile dropdown \u2500\u2500 *\/\n\t\t\tfunction openDropdown() {\n\t\t\t\tif (!dropdown || !toggle) return;\n\t\t\t\tpositionDropdown();\n\t\t\t\tdropdown.style.display = 'block';\n\t\t\t\ttoggle.setAttribute('aria-expanded', 'true');\n\t\t\t\ttoggle.classList.add('open');\n\t\t\t\tdropdown.setAttribute('aria-hidden', 'false');\n\t\t\t}\n\n\t\t\tfunction closeDropdown() {\n\t\t\t\tif (!dropdown || !toggle) return;\n\t\t\t\t\/* Guard: skip all DOM writes if already closed \u2014 keeps onScroll() cheap *\/\n\t\t\t\tif (dropdown.style.display === '' || dropdown.style.display === 'none') return;\n\t\t\t\tdropdown.style.display = 'none';\n\t\t\t\ttoggle.setAttribute('aria-expanded', 'false');\n\t\t\t\ttoggle.classList.remove('open');\n\t\t\t\tdropdown.setAttribute('aria-hidden', 'true');\n\t\t\t}\n\n\t\t\tif (toggle) {\n\t\t\t\ttoggle.addEventListener('click', function(e) {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tdropdown && dropdown.style.display === 'block' ? closeDropdown() : openDropdown();\n\t\t\t\t});\n\t\t\t}\n\t\t\tdocument.addEventListener('click', function(e) {\n\t\t\t\tif (!bar.contains(e.target) && (!dropdown || !dropdown.contains(e.target))) closeDropdown();\n\t\t\t});\n\t\t\tdocument.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeDropdown(); });\n\n\t\t\t\/* \u2500\u2500 Bind nav link clicks \u2500\u2500 *\/\n\t\t\tfunction bindClicks(root) {\n\t\t\t\tif (!root) return;\n\t\t\t\troot.querySelectorAll('a[data-target]').forEach(function(a) {\n\t\t\t\t\ta.addEventListener('click', function(e) {\n\t\t\t\t\t\t\/* FIX: preventDefault stops the native anchor jump; JS smooth-scroll handles it *\/\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tvar t = this.dataset.target;\n\t\t\t\t\t\tcloseDropdown();\n\t\t\t\t\t\tscrollToSection(t);\n\t\t\t\t\t});\n\t\t\t\t\ta.addEventListener('keydown', function(e) {\n\t\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tcloseDropdown();\n\t\t\t\t\t\t\tscrollToSection(this.dataset.target);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t\tbindClicks(bar);\n\t\t\tbindClicks(dropdown);\n\n\t\t\t\/* \u2500\u2500 Init \u2500\u2500 *\/\n\t\t\tfunction init() {\n\t\t\t\tif (STICKY_ENABLED) initialBarTop = docTop(bar);\n\t\t\t\twindow.addEventListener('scroll', onScroll, { passive: true });\n\t\t\t\twindow.addEventListener('resize', onResize);\n\t\t\t\tonScroll();\n\t\t\t}\n\n\t\t\tdocument.readyState === 'loading'\n\t\t\t\t? document.addEventListener('DOMContentLoaded', init)\n\t\t\t\t: setTimeout(init, 150);\n\t\t}());\n\t\t<\/script>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-954f882 section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"954f882\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f669bc1 indigo-h2 section-head-margin-bottom elementor-widget elementor-widget-heading\" data-id=\"f669bc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Trusted by leading enterprises and startups<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30c84bc elementor-widget elementor-widget-clients_logo_widget\" data-id=\"30c84bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"clients_logo_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<style>\n\t\t#clw-30c84bc { width:100%; box-sizing:border-box; }\n\n\t\t\/* Track outer \u2014 clips overflow *\/\n\t\t#clw-30c84bc .clw-track-outer {\n\t\t\twidth: 100%;\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t\/* Desktop track \u2014 width max-content so clones extend beyond container *\/\n\t\t#clw-30c84bc .clw-track {\n\t\t\tdisplay: flex !important;\n\t\t\tflex-direction: row !important;\n\t\t\tflex-wrap: nowrap !important;\n\t\t\talign-items: center !important;\n\t\t\tjustify-content: flex-start !important;\n\t\t\twidth: max-content !important;\n\t\t\tmargin: 0 !important;\n\t\t\tpadding: 0 !important;\n\t\t\ttransition: transform .5s cubic-bezier(.25,.46,.45,.94);\n\t\t\twill-change: transform;\n\t\t}\n\n\t\t\/* Each item \u2014 JS sets exact width, logo centered inside *\/\n\t\t#clw-30c84bc .clw-item {\n\t\t\tdisplay: flex !important;\n\t\t\talign-items: center !important;\n\t\t\tjustify-content: center !important;\n\t\t\tflex-shrink: 0 !important;\n\t\t}\n\n\t\t\/* Logo \u2014 constrained, centered *\/\n\t\t#clw-30c84bc .clw-logo {\n\t\t\tdisplay: block !important;\n\t\t\tobject-fit: contain !important;\n\t\t\tmax-width: 80%;\n\t\t\theight: 70px;\n\t\t\twidth: auto;\n\t\t\tflex-shrink: 0;\n\t\t}\n\t\t\n\t\t\/* Dot separator \u2014 fixed 56px wide (24+8+24), perfectly centered *\/\n\t\t#clw-30c84bc .clw-sep {\n\t\t\tdisplay: flex !important;\n\t\t\talign-items: center !important;\n\t\t\tjustify-content: center !important;\n\t\t\tflex-shrink: 0 !important;\n\t\t\twidth: 56px !important;\n\t\t\tmin-width: 56px !important;\n\t\t}\n\t\t#clw-30c84bc .clw-sep span {\n\t\t\tdisplay: block;\n\t\t\twidth: 8px; height: 8px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground-color: var(--e-global-color-5d532a8) !important;\n\t\t\tflex-shrink: 0;\n\t\t}\n\t\t\/* Hide separator after last item *\/\n\t\t#clw-30c84bc .clw-item:last-of-type + .clw-sep,\n\t\t#clw-30c84bc .clw-sep:last-child { display:none !important; }\n\n\t\t\/* Mobile nav dots *\/\n\t\t#clw-30c84bc .clw-nav-dots {\n\t\t\tdisplay: none;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tgap: 12px;\n\t\t\tmargin-top: 20px;\n\t\t\theight: 36px;\n\t\t\tbox-sizing: content-box;\n\t\t}\n\t\t#clw-30c84bc .clw-nd {\n\t\t\twidth: 10px !important;\n\t\t\theight: 10px !important;\n\t\t\tborder-radius: 50% !important;\n\t\t\tbackground: var(--e-global-color-f527530) !important;\n\t\t\topacity: 1;\n\t\t\tcursor: pointer;\n\t\t\tborder:none !important;\t\t\tpadding: 0;\n\t\t\ttransition: width .25s ease, height .25s ease, opacity .25s ease, background .25s ease, border .25s ease;\n\t\t\tflex-shrink: 0;\n\t\t\tdisplay: block;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t#clw-30c84bc .clw-nd.active {\n\t\t\twidth: 14px !important;\n\t\t\theight: 14px !important;\n\t\t\topacity: 1 !important;\n\t\t\tbackground: var(--e-global-color-primary) !important;\n\t\t\tborder:3px solid var(--e-global-color-primary) !important;\t\t}\n\n\t\t\/* Mobile *\/\n\t\t@media (max-width: 768px) {\n\t\t\t#clw-30c84bc .clw-track {\n\t\t\t\twidth: auto !important;\n\t\t\t\tjustify-content: flex-start !important;\n\t\t\t}\n\t\t\t#clw-30c84bc .clw-item {\n\t\t\t\tflex-direction: column !important;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t}\n\t\t\t#clw-30c84bc .clw-sep { display:none !important; }\n\t\t\t#clw-30c84bc .clw-nav-dots { display:flex; }\n\t\t}\n\t\t<\/style>\n\n\t\t<div id=\"clw-30c84bc\"\n\t\t\t data-clw=\"1\"\n\t\t\t data-autoplay=\"true\"\n\t\t\t data-speed=\"3000\"\n\t\t\t data-lpr=\"4\"\n\t\t\t data-sep=\"1\"\n\t\t\t data-dot-color=\"var(--e-global-color-f527530)\"\n\t\t\t data-dot-active-color=\"var(--e-global-color-primary)\">\n\n\t\t\t<div class=\"clw-track-outer\">\n\t\t\t\t<div class=\"clw-track\">\n\t\t\t\t\t\t\t\t\t<div class=\"clw-item\"><img loading=\"lazy\" decoding=\"async\" width=\"202\" height=\"45\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/08\/AARP-Logo-1.png\" class=\"clw-logo\" alt=\"American Association for Retired Persons (AARP) Logo\" loading=\"lazy\" style=\"\" \/><\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"clw-sep\" aria-hidden=\"true\"><span><\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"clw-item\"><img loading=\"lazy\" decoding=\"async\" width=\"243\" height=\"44\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/08\/JohnsonandJohnsonLogo-1.svg\" class=\"clw-logo\" alt=\"Johnson &amp; Johnson Logo\" loading=\"lazy\" style=\"\" \/><\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"clw-sep\" aria-hidden=\"true\"><span><\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"clw-item\"><img loading=\"lazy\" decoding=\"async\" width=\"179\" height=\"49\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/08\/Amwell_logo_RGB_ColorGradient-2.png\" class=\"clw-logo\" alt=\"Amwell Logo\" loading=\"lazy\" style=\"\" \/><\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"clw-sep\" aria-hidden=\"true\"><span><\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"clw-item\"><img loading=\"lazy\" decoding=\"async\" width=\"107\" height=\"94\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/08\/NIH_Master_Logo_Vertical_2Color-1.png\" class=\"clw-logo\" alt=\"National Institutes of Health (NIH) Logo\" loading=\"lazy\" style=\"\" \/><\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"clw-sep\" aria-hidden=\"true\"><span><\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"clw-nav-dots\" role=\"tablist\"><\/div>\n\n\t\t<\/div>\n\n\t\t<script>\n\t\t(function(){\n\t\t\tvar wrap = document.getElementById('clw-30c84bc');\n\t\t\tif(!wrap) return;\n\t\t\tvar outer    = wrap.querySelector('.clw-track-outer');\n\t\t\tvar track    = wrap.querySelector('.clw-track');\n\t\t\tvar dotsWrap = wrap.querySelector('.clw-nav-dots');\n\t\t\tif(!track || !outer) return;\n\n\t\t\tvar origItems = [].slice.call(track.querySelectorAll('.clw-item:not(.clw-clone)'));\n\t\t\tvar total     = origItems.length;\n\t\t\tif(total === 0) return;\n\n\t\t\tvar autoplay = wrap.dataset.autoplay !== 'false';\n\t\t\tvar speed    = parseInt(wrap.dataset.speed || '3000', 10);\n\t\t\tvar lpr      = parseInt(wrap.dataset.lpr   || '4',    10);\n\t\t\tvar hasSep   = wrap.dataset.sep === '1';\n\t\t\tvar SEP_W    = hasSep ? 56 : 0; \/\/ 24px padding \u00d7 2 + 8px dot = 56px per separator\n\t\t\tvar cur      = 0;\n\t\t\tvar slot     = 0;\n\t\t\tvar timer    = null;\n\t\t\tvar TRANS    = 'transform .5s cubic-bezier(.25,.46,.45,.94)';\n\n\t\t\t\/* \u2500\u2500 Desktop: logo items get equal width, separators fixed 56px \u2500\u2500 *\/\n\t\t\tfunction setDesktopWidths() {\n\t\t\t\tvar outerW   = outer.offsetWidth || wrap.offsetWidth || 800;\n\t\t\t\t\/\/ Total separator space for lpr logos = (lpr - 1) separators\n\t\t\t\tvar totalSep = SEP_W * (lpr - 1);\n\t\t\t\tvar logoW    = Math.floor((outerW - totalSep) \/ lpr);\n\n\t\t\t\t[].forEach.call(track.querySelectorAll('.clw-item'), function(el){\n\t\t\t\t\tel.style.width    = logoW + 'px';\n\t\t\t\t\tel.style.minWidth = logoW + 'px';\n\t\t\t\t\tel.style.maxWidth = logoW + 'px';\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Mobile: full container width per item \u2500\u2500 *\/\n\t\t\tfunction setMobileWidths() {\n\t\t\t\tvar w = outer.offsetWidth || 320;\n\t\t\t\t[].forEach.call(track.querySelectorAll('.clw-item'), function(el){\n\t\t\t\t\tel.style.width = el.style.minWidth = el.style.maxWidth = w + 'px';\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tfunction isMob() { return window.innerWidth <= 768; }\n\n\t\t\tfunction itemW() {\n\t\t\t\tif(isMob()) return outer.offsetWidth || 320;\n\t\t\t\t\/\/ Slide unit = one logo item width + one separator width\n\t\t\t\tvar logoEl = origItems[0];\n\t\t\t\tif(!logoEl) return 200;\n\t\t\t\treturn logoEl.offsetWidth + SEP_W;\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Clones for infinite desktop loop \u2500\u2500 *\/\n\t\t\tfunction buildClones() {\n\t\t\t\t[].forEach.call(track.querySelectorAll('.clw-clone'), function(el){ el.parentNode.removeChild(el); });\n\t\t\t\t\/\/ Clone all direct children of track (items + separators)\n\t\t\t\tvar origChildren = [].slice.call(track.children);\n\t\t\t\torigChildren.forEach(function(el){\n\t\t\t\t\tvar c = el.cloneNode(true);\n\t\t\t\t\tc.classList.add('clw-clone');\n\t\t\t\t\tc.setAttribute('aria-hidden','true');\n\t\t\t\t\ttrack.appendChild(c);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Move \u2500\u2500 *\/\n\t\t\tfunction moveTo(idx, animated) {\n\t\t\t\ttrack.style.transition = animated ? TRANS : 'none';\n\t\t\t\ttrack.style.transform  = 'translateX(-' + (idx * itemW()) + 'px)';\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Next slide \u2500\u2500 *\/\n\t\t\tfunction next() {\n\t\t\t\tslot++;\n\t\t\t\tmoveTo(slot, true);\n\t\t\t\tcur = slot % total;\n\t\t\t\tupdDots();\n\t\t\t\tif(slot >= total) {\n\t\t\t\t\ttrack.addEventListener('transitionend', snapBack, { once: true });\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction snapBack() {\n\t\t\t\tslot -= total;\n\t\t\t\tmoveTo(slot, false);\n\t\t\t\tcur = slot;\n\t\t\t\tupdDots();\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Nav dots (mobile only) \u2500\u2500 *\/\n\t\t\tfunction buildDots() {\n\t\t\t\tdotsWrap.innerHTML = '';\n\t\t\t\tfor(var i = 0; i < total; i++) {\n\t\t\t\t\t(function(idx){\n\t\t\t\t\t\tvar b = document.createElement('button');\n\t\t\t\t\t\tb.className = 'clw-nd' + (idx === 0 ? ' active' : '');\n\t\t\t\t\t\tb.setAttribute('aria-label', 'Logo ' + (idx + 1));\n\t\t\t\t\t\tb.addEventListener('click', function(){ stopT(); jumpTo(idx); startT(); });\n\t\t\t\t\t\tdotsWrap.appendChild(b);\n\t\t\t\t\t})(i);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction updDots() {\n\t\t\t\t[].forEach.call(dotsWrap.querySelectorAll('.clw-nd'), function(b, i){\n\t\t\t\t\tb.classList.toggle('active', i === cur);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tfunction jumpTo(n) {\n\t\t\t\tslot = n; cur = n;\n\t\t\t\tmoveTo(slot, false);\n\t\t\t\tupdDots();\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Timer \u2500\u2500 *\/\n\t\t\tfunction stopT()  { clearInterval(timer); timer = null; }\n\t\t\tfunction startT() {\n\t\t\t\tif(!autoplay) return; stopT();\n\t\t\t\ttimer = setInterval(next, speed);\n\t\t\t}\n\n\t\t\t\/* \u2500\u2500 Swipe \u2500\u2500 *\/\n\t\t\tvar tx = 0, ty = 0;\n\t\t\ttrack.addEventListener('touchstart', function(e){ tx=e.touches[0].clientX; ty=e.touches[0].clientY; stopT(); }, {passive:true});\n\t\t\ttrack.addEventListener('touchend',   function(e){\n\t\t\t\tvar dx = e.changedTouches[0].clientX - tx;\n\t\t\t\tvar dy = e.changedTouches[0].clientY - ty;\n\t\t\t\tif(Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 40) {\n\t\t\t\t\tif(dx < 0) next();\n\t\t\t\t\telse { slot = Math.max(0, slot - 1); moveTo(slot, true); cur = slot % total; updDots(); }\n\t\t\t\t}\n\t\t\t\tstartT();\n\t\t\t}, {passive:true});\n\n\t\t\t\/* \u2500\u2500 Resize \u2500\u2500 *\/\n\t\t\tvar rt;\n\t\t\twindow.addEventListener('resize', function(){\n\t\t\t\tclearTimeout(rt);\n\t\t\t\trt = setTimeout(function(){\n\t\t\t\t\tif(isMob()) {\n\t\t\t\t\t\tsetMobileWidths();\n\t\t\t\t\t\tdotsWrap.style.display = 'flex';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetDesktopWidths();\n\t\t\t\t\t\tdotsWrap.style.display = 'none';\n\t\t\t\t\t}\n\t\t\t\t\tmoveTo(slot, false);\n\t\t\t\t}, 200);\n\t\t\t});\n\n\t\t\t\/* \u2500\u2500 Init \u2500\u2500 *\/\n\t\t\tfunction doInit() {\n\t\t\t\tbuildClones();\n\t\t\t\tif(isMob()) {\n\t\t\t\t\tsetMobileWidths();\n\t\t\t\t\tdotsWrap.style.display = 'flex';\n\t\t\t\t\tbuildDots();\n\t\t\t\t} else {\n\t\t\t\t\tsetDesktopWidths();\n\t\t\t\t\tdotsWrap.style.display = 'none';\n\t\t\t\t}\n\t\t\t\tslot = 0; cur = 0;\n\t\t\t\tmoveTo(0, false);\n\t\t\t\tupdDots();\n\t\t\t\tstartT();\n\t\t\t}\n\n\t\t\tif(document.readyState === 'loading') {\n\t\t\t\tdocument.addEventListener('DOMContentLoaded', function(){ requestAnimationFrame(doInit); });\n\t\t\t} else {\n\t\t\t\trequestAnimationFrame(doInit);\n\t\t\t}\n\t\t})();\n\t\t<\/script>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68d4ea5 section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"68d4ea5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f11c64 indigo-h2 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"4f11c64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span>Create stunning, robust web experiences  <\/span> with our CSS developers<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a735fe indigo-subtitle elementor-widget elementor-widget-text-editor\" data-id=\"1a735fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>CSS remains an integral part of web development as it helps enhance web development workflow, create symmetrical layouts, and build cross-browser-compatible websites. Developers use this framework to create browser-compatible and user-friendly websites. At 10Pearls, our CSS developers ensure highly responsive, efficient and dynamic web pages, enabling a business to get maximum ROI.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d5b1a1 section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"4d5b1a1\" data-element_type=\"container\" data-e-type=\"container\" id=\"01\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-152d468 indigo-h2 section-head-margin-bottom elementor-widget elementor-widget-heading\" data-id=\"152d468\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Strong technical prowess<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c8f4487 e-grid e-con-full e-con e-child\" data-id=\"c8f4487\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e924882 e-con-full e-flex e-con e-child\" data-id=\"e924882\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c1cc0b indigo-h3 elementor-widget elementor-widget-heading\" data-id=\"5c1cc0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Updated about latest design trends<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9331fc3 elementor-widget elementor-widget-text-editor\" data-id=\"9331fc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>One of the most basic yet important requirements of being a CSS developer is staying up to date with the latest trends. All our CSS developers are highly dedicated and invest time to learn and master latest design ideas driving web development.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-126f109 e-con-full e-flex e-con e-child\" data-id=\"126f109\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97c51fb indigo-h3 elementor-widget elementor-widget-heading\" data-id=\"97c51fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Working knowledge of server-side services<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54b4c04 elementor-widget elementor-widget-text-editor\" data-id=\"54b4c04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Although CSS is a front-end design and development technology, our CSS developers have a fairly good idea of backend services. Server-side services are an essential part of web development and its knowledge comes in very handy for a speedy web experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9987216 e-con-full e-flex e-con e-child\" data-id=\"9987216\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c49e72 indigo-h3 elementor-widget elementor-widget-heading\" data-id=\"6c49e72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Solid knowledge of HTML<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88e5c7e elementor-widget elementor-widget-text-editor\" data-id=\"88e5c7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our CSS developers have a strong grasp of HTML coding. Before a web developer uses their ideas to stylise the websites and web apps, knowing how to develop a flawless design is imperative. Our developers are equally good with CSS and HTML, in order to provide an excellent user experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e7f23c e-con-full e-flex e-con e-child\" data-id=\"8e7f23c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1820b2a indigo-h3 elementor-widget elementor-widget-heading\" data-id=\"1820b2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Familiarity with JavaScript<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9f8360 elementor-widget elementor-widget-text-editor\" data-id=\"a9f8360\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>While HTML works on web design and CSS help to stylise the pages, JavaScript looks into transforming pages, sections, and elements into interactive elements. Our developers have a good understanding of JavaScript, which helps them to optimise their stylising approaches according to JS libraries\/frameworks which include React, Angular, jQuery etc.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8e2f12 e-con-full e-flex e-con e-child\" data-id=\"e8e2f12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ef4143 indigo-h3 elementor-widget elementor-widget-heading\" data-id=\"3ef4143\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Error detection &amp; debugging skills<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6e185b elementor-widget elementor-widget-text-editor\" data-id=\"c6e185b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our CSS developers have sound testing and debugging skills. Websites and new web pages need to go through a thorough testing process before they&#8217;re published and up running live. Our CSS developers are well-acquainted with debugging, hence minimising any delays which can occur in different stages of QA and testing.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0a5ccc section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"a0a5ccc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c6d945 indigo-h2 section-head-margin-bottom elementor-widget elementor-widget-heading\" data-id=\"8c6d945\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Case studies<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0fb740 elementor-widget elementor-widget-cs_slider_widget\" data-id=\"d0fb740\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cs_slider_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<style>\n\t\t\/* \u2500\u2500 Scoped to this widget instance \u2500\u2500 *\/\n\t\t#cs-slider-d0fb740 .cs-slider-outer { position: relative; width: 100%; }\n\n\t\t#cs-slider-d0fb740 .cs-ctrl {\n\t\t\twidth: 36px; height: 36px;\n\t\t\tbackground-color: #fff;\n\t\t\tborder-radius: 100%;\n\t\t\tposition: absolute;\n\t\t\ttop: 43%; margin-top: -18px;\n\t\t\tbox-shadow: 0 0 10px rgba(0,0,0,.2);\n\t\t\tcursor: pointer;\n\t\t\ttransition: all 0.3s linear;\n\t\t\tborder: none; padding: 0; z-index: 10;\n\t\t\tdisplay: flex; align-items: center; justify-content: center;\n\t\t}\n\t\t#cs-slider-d0fb740 .cs-ctrl-prev { left: -18px; }\n\t\t#cs-slider-d0fb740 .cs-ctrl-next { right: -18px; }\n\t\t#cs-slider-d0fb740 .cs-ctrl:hover { box-shadow: 0 0 16px rgba(0,0,0,.4); }\n\n\t\t#cs-slider-d0fb740 .cs-ctrl i,\n\t\t#cs-slider-d0fb740 .cs-ctrl svg,\n\t\t#cs-slider-d0fb740 .cs-mob-arrow i,\n\t\t#cs-slider-d0fb740 .cs-mob-arrow svg {\n\t\t\tcolor: #6366F1 !important;\n\t\t\tfill: #6366F1 !important;\n\t\t\tfont-size: 14px !important;\n\t\t\twidth: 14px !important;\n\t\t\theight: 14px !important;\n\t\t\tline-height: 1;\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t#cs-slider-d0fb740 .cs-slider-wrapper {\n\t\t\tposition: relative; width: 100%; height: 550px;\n\t\t\tcolor: #fff; overflow: hidden;\n\t\t}\n\n\t\t#cs-slider-d0fb740 .cs-slide {\n\t\t\tposition: absolute; top: 0; left: 0;\n\t\t\twidth: 100%; height: 100%;\n\t\t\topacity: 0; transition: opacity 800ms ease-in-out;\n\t\t\tdisplay: flex; box-sizing: border-box; z-index: 1;\n\t\t}\n\t\t#cs-slider-d0fb740 .cs-slide.active { opacity: 1; z-index: 2; }\n\n\t\t#cs-slider-d0fb740 .cs-mob-img { display: none; }\n\n\t\t#cs-slider-d0fb740 .cs-content-wrap {\n\t\t\twidth: 60%; height: 86%;\n\t\t\tdisplay: flex; flex-direction: column;\n\t\t\tjustify-content: center; align-items: flex-start;\n\t\t\tz-index: 3; padding: 80px 60px; box-sizing: border-box;\n\t\t}\n\n\t\t#cs-slider-d0fb740 .cs-slide-bg {\n\t\t\tposition: absolute; top: 0; left: 0;\n\t\t\twidth: 100%; height: 86%;\n\t\t\tz-index: 1; border-radius: 10px;\n\t\t}\n\n\t\t\/* Overlay sits on top of the background image *\/\n\t\t#cs-slider-d0fb740 .cs-slide-overlay {\n\t\t\tposition: absolute; top: 0; left: 0;\n\t\t\twidth: 100%; height: 86%;\n\t\t\tz-index: 2; border-radius: 10px;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t#cs-slider-d0fb740 .cs-tag { font-size: 15px; letter-spacing: 2px; color: #fff; margin-bottom: 8px; text-transform: uppercase; }\n\t\t#cs-slider-d0fb740 h5.cs-heading { font-size: 32px !important; line-height: 37px; width: 85%; margin-bottom: 25px; font-weight: 700 !important; color: #fff; }\n\t\t#cs-slider-d0fb740 .cs-desc { font-size: 20px; line-height: 1.6; color: #fff; margin-bottom: 14px; width: 85%; }\n\n\t\t#cs-slider-d0fb740 .cs-stats-row {\n\t\t\tdisplay: flex; gap: 50px;\n\t\t\tborder-top: 1px solid #fff;\n\t\t\tpadding-top: 25px; margin-bottom: 10px;\n\t\t}\n\t\t#cs-slider-d0fb740 .cs-stat-item { font-size: 20px; color: #fff; max-width: 260px; }\n\t\t#cs-slider-d0fb740 .cs-stat-number {\n\t\t\tfont-size: 28px; font-weight: 800; color: #fff;\n\t\t\tdisplay: block; line-height: 1.1; margin-bottom: 4px;\n\t\t\tmin-height: 1.1em;\n\t\t}\n\t\t#cs-slider-d0fb740 .cs-stat-label {\n\t\t\tfont-size: 20px; color: #fff;\n\t\t\tdisplay: block; line-height: 1.5;\n\t\t}\n\n\t\t#cs-slider-d0fb740 .cs-read-more {\n\t\t\tcolor: #fff; text-decoration: none; font-weight: 600;\n\t\t\tfont-size: 15px; border-bottom: 1px solid transparent;\n\t\t\ttransition: .3s; margin-top: 15px; display: inline-block;text-transform: uppercase;\n\t\t}\n\t\t#cs-slider-d0fb740 .cs-read-more:hover { color: #fff; text-decoration: none; }\n\n\t\t\/* Nav bar *\/\n\t\t#cs-slider-d0fb740 .cs-slider-nav {\n\t\t\tposition: absolute; bottom: 0; left: 0; width: 100%;\n\t\t\tdisplay: flex; z-index: 99;\n\t\t}\n\t\t\/* Mobile nav hidden by default \u2014 shown only inside media query *\/\n\t\t#cs-slider-d0fb740 .cs-mob-nav { display: none; }\n\t\t#cs-slider-d0fb740 .cs-mob-arrow { display: none; }\n\t\t#cs-slider-d0fb740 .cs-nav-btn {\n\t\t\tflex: 1; color: #333;\n\t\t\tpadding: 15px 0; cursor: pointer; transition: .3s;\n\t\t\tmin-width: 0;\n\t\t}\n\t\t#cs-slider-d0fb740 .cs-nav-label {\n\t\t\tfont-size: 14px; font-weight: 400;\n\t\t\tdisplay: block; line-height: normal;\n\t\t\tfont-family: 'Figtree'; padding-right: 10px;\n\t\t\twhite-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n\t\t}\n\t\t#cs-slider-d0fb740 .cs-nav-btn.active .cs-nav-label { font-weight: 600; }\n\t\t#cs-slider-d0fb740 .cs-progress-bar {\n\t\t\theight: 4px; background: #e0e0e0; margin-bottom: 8px;\n\t\t\twidth: 100%; position: relative;\n\t\t}\n\t\t#cs-slider-d0fb740 .cs-fill { height: 100%; background: var(--color-brand-primary, #d4ff27); width: 0; }\n\t\t#cs-slider-d0fb740 .cs-nav-btn.active .cs-fill { animation: csProgressAnim_d0fb740 5000ms linear forwards; }\n\n\t\t@keyframes csProgressAnim_d0fb740 {\n\t\t\tfrom { width: 0; }\n\t\t\tto   { width: 100%; }\n\t\t}\n\n\t\t\/* Mobile *\/\n\t\t@media screen and (max-width: 768px) {\n\t\t\t\/* Hide desktop arrow controls *\/\n\t\t\t#cs-slider-d0fb740 .cs-ctrl { display: none; }\n\n\t\t\t\/* Slide card \u2014 no fixed height, white background *\/\n\t\t\t#cs-slider-d0fb740 .cs-slider-wrapper {\n\t\t\t\theight: auto !important; min-height: unset !important;\n\t\t\t\tborder: 1px solid #111; border-radius: 10px;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-slide {\n\t\t\t\tposition: relative; opacity: 0;\n\t\t\t\theight: 0; overflow: hidden; pointer-events: none;\n\t\t\t\ttransition: opacity 800ms ease-in-out;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-slide.active {\n\t\t\t\topacity: 1; height: auto !important; overflow: visible; pointer-events: auto;\n\t\t\t\tposition: relative; z-index: 2;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-mob-img {\n\t\t\t\twidth: 100%; height: 207px;\n\t\t\t\tdisplay: block; overflow: hidden;\n\t\t\t\tborder-radius: 10px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-mob-img img {\n\t\t\t\twidth: 100%; height: 100%;\n\t\t\t\tobject-fit: cover; display: block;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-read-more { margin-bottom: 16px; }\n\t\t\t#cs-slider-d0fb740 .cs-content-wrap {\n\t\t\t\twidth: 100%; height: auto !important; min-height: 0 !important;\n\t\t\t\tpadding: 40px 20px; justify-content: flex-start;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-slide * { color: #000 !important; }\n\t\t\t#cs-slider-d0fb740 .cs-slide-bg { display: none; }\n\t\t\t#cs-slider-d0fb740 .cs-slide-overlay { display: none; }\n\t\t\t#cs-slider-d0fb740 h5.cs-heading { font-size: 28px !important; margin-bottom: 15px; color: #000 !important; width: 100%; }\n\t\t\t#cs-slider-d0fb740 .cs-desc { font-size: 14px; margin-bottom: 20px; width: 100%; }\n\t\t\t#cs-slider-d0fb740 .cs-stats-row { gap: 20px; padding-top: 15px; flex-wrap: wrap; border-top-color: #ddd; }\n\t\t\t#cs-slider-d0fb740 .cs-stat-item { max-width: none; }\n\t\t\t#cs-slider-d0fb740 .cs-stat-number { font-size: 28px; color: #000 !important; }\n\t\t\t#cs-slider-d0fb740 .cs-stat-label { font-size: 20px; color: #000 !important; }\n\n\t\t\t\/* \u2500\u2500 Desktop nav bar: hidden on mobile \u2500\u2500 *\/\n\t\t\t#cs-slider-d0fb740 .cs-slider-nav { display: none; }\n\n\t\t\t\/* \u2500\u2500 Mobile arrow buttons: absolutely on left\/right of slider, same as desktop \u2500\u2500 *\/\n\t\t\t#cs-slider-d0fb740 .cs-mob-arrow {\n\t\t\t\twidth: 36px !important;\n\t\t\t\theight: 36px !important;\n\t\t\t\tbackground-color: #fff !important;\n\t\t\t\tborder-radius: 100% !important;\n\t\t\t\tposition: absolute !important;\n\t\t\t\ttop: 43% !important;\n\t\t\t\tmargin-top: -18px !important;\n\t\t\t\tbox-shadow: 0 2px 10px rgba(0,0,0,.2) !important;\n\t\t\t\tcursor: pointer !important;\n\t\t\t\ttransition: box-shadow .3s ease !important;\n\t\t\t\tborder: none !important;\n\t\t\t\tpadding: 0 !important;\n\t\t\t\tz-index: 10 !important;\n\t\t\t\tdisplay: flex !important;\n\t\t\t\talign-items: center !important;\n\t\t\t\tjustify-content: center !important;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-mob-arrow.cs-mob-prev {\n\t\t\t\tleft: -18px !important;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-mob-arrow.cs-mob-next {\n\t\t\t\tright: -18px !important;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-mob-arrow:hover { box-shadow: 0 4px 16px rgba(0,0,0,.35) !important; }\n\n\t\t\t\/* \u2500\u2500 Mobile nav strip: label + counter below the card, no arrows \u2500\u2500 *\/\n\t\t\t#cs-slider-d0fb740 .cs-mob-nav {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 10px;\n\t\t\t\tmargin-top: 14px;\n\t\t\t\tpadding: 0 2px;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-mob-label-wrap {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-mob-progress {\n\t\t\t\theight: 3px; background: #e0e0e0;\n\t\t\t\tborder-radius: 2px; margin-bottom: 7px;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-mob-fill {\n\t\t\t\theight: 100%;\n\t\t\t\tbackground: var(--color-brand-primary, #d4ff27);\n\t\t\t\twidth: 0;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-mob-nav.active .cs-mob-fill {\n\t\t\t\tanimation: csProgressAnim_d0fb740 5000ms linear forwards;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-mob-active-label {\n\t\t\t\tfont-size: 13px; font-weight: 600;\n\t\t\t\tcolor: #111; line-height: 1.3;\n\t\t\t\twhite-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n\t\t\t\tfont-family: 'Figtree', sans-serif;\n\t\t\t}\n\t\t\t#cs-slider-d0fb740 .cs-mob-counter {\n\t\t\t\tfont-size: 11px; color: #999;\n\t\t\t\tmargin-top: 2px; font-family: 'Figtree', sans-serif;\n\t\t\t}\n\t\t}\n\t\t@media screen and (min-width:769px){#cs-slide-cs-slider-d0fb740-1 .cs-slide-content *{color:#ffffff !important;}#cs-slide-cs-slider-d0fb740-1 .cs-stats-row{border-top-color:#ffffff !important;}}\n\t\t@media screen and (min-width:769px){#cs-slide-cs-slider-d0fb740-2 .cs-slide-content *{color:#ffffff !important;}#cs-slide-cs-slider-d0fb740-2 .cs-stats-row{border-top-color:#ffffff !important;}}\n\t\t\t\t<\/style>\n\n\t\t<div id=\"cs-slider-d0fb740\">\n\t\t\t<div class=\"cs-slider-outer\">\n\n\t\t\t\t<button class=\"cs-ctrl cs-ctrl-prev\" aria-label=\"Previous slide\"\n\t\t\t\t\tonclick=\"csSlider_d0fb740.manual(csSlider_d0fb740.cur > 1 ? csSlider_d0fb740.cur - 1 : 2)\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-left\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\"><\/path><\/svg>\t\t\t\t<\/button>\n\t\t\t\t<button class=\"cs-ctrl cs-ctrl-next\" aria-label=\"Next slide\"\n\t\t\t\t\tonclick=\"csSlider_d0fb740.manual(csSlider_d0fb740.cur < 2 ? csSlider_d0fb740.cur + 1 : 1)\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t<\/button>\n\n\t\t\t\t<div class=\"cs-slider-wrapper\">\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"cs-slide active\" id=\"cs-slide-cs-slider-d0fb740-1\">\n\n\t\t\t\t\t\t<div class=\"cs-content-wrap\">\n\t\t\t\t\t\t\t<div class=\"cs-slide-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"cs-tag\">case study - fintech<\/p>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"cs-heading\">Dynamic Payment Solution<\/h3>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"cs-desc\">10Pearls conducted an in-depth,\u00a0user-centric redesign\u00a0of the digital payment company\u2019s small business strategy and user experience, addressing key pain points that hindered engagement and growth.<\/p>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-stats-row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-stat-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"cs-stat-number\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"cs-stat-label\">Strengthened brand consistency across  all touchpoints<\/span>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-stat-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"cs-stat-number\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"cs-stat-label\">Enhanced user  engagement in business  &amp; personal segments<\/span>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/portfolio\/enhancing-digital-banking-experiences\/\"\n\t\t\t\t\t\t\t\t   class=\"cs-read-more\"\n\t\t\t\t\t\t\t\t    target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\t\t\tRead case study &rarr;\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-mob-img\"><img decoding=\"async\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Dynamic-Payment-Solution-casestudies.webp\" alt=\"Dynamic Payment Solution\" loading=\"lazy\"><\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div><!-- .cs-content-wrap -->\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-slide-bg\" style=\"background-image: url('https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Dynamic-Payment-Solution-casestudies.webp'); background-size: cover; background-position: center center; background-repeat: no-repeat;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"cs-slide-overlay\" style=\"background-image: linear-gradient(90deg, #342B27 40.75%, transparent 68.91%); opacity: 1;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div><!-- .cs-slide -->\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"cs-slide\" id=\"cs-slide-cs-slider-d0fb740-2\">\n\n\t\t\t\t\t\t<div class=\"cs-content-wrap\">\n\t\t\t\t\t\t\t<div class=\"cs-slide-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"cs-tag\">case study - HEALTHCARE<\/p>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"cs-heading\">Caregiver Support Platform<\/h3>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"cs-desc\">Empowering caregivers with an all-in-one support platform that streamlines access to key resources, allowing them to focus on delivering quality care.<\/p>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-stats-row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-stat-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"cs-stat-number\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"cs-stat-label\">Enhanced caregiver engagement<\/span>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-stat-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"cs-stat-number\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"cs-stat-label\">Measurable outcomes with KPIs tied to impact<\/span>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/portfolio\/caregiver-support-platform\/\"\n\t\t\t\t\t\t\t\t   class=\"cs-read-more\"\n\t\t\t\t\t\t\t\t    target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\t\t\tRead case study &rarr;\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-mob-img\"><img decoding=\"async\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/09\/Caregiver-Support-Platform.webp\" alt=\"Caregiver Support Platform\" loading=\"lazy\"><\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div><!-- .cs-content-wrap -->\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-slide-bg\" style=\"background-image: url('https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/09\/Caregiver-Support-Platform.webp'); background-size: cover; background-position: center center; background-repeat: no-repeat;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"cs-slide-overlay\" style=\"background-image: linear-gradient(90deg, #95633A 40.75%, transparent 68.91%); opacity: 1;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div><!-- .cs-slide -->\n\n\t\t\t\t\t\n\t\t\t\t\t<!-- Bottom Navigation Bar -->\n\t\t\t\t\t<div class=\"cs-slider-nav\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-nav-btn active\"\n\t\t\t\t\t\t\t onclick=\"csSlider_d0fb740.manual(1)\">\n\t\t\t\t\t\t\t<div class=\"cs-progress-bar\"><div class=\"cs-fill\"><\/div><\/div>\n\t\t\t\t\t\t\t<span class=\"cs-nav-label\">Dynamic Payment Solution<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"cs-nav-btn\"\n\t\t\t\t\t\t\t onclick=\"csSlider_d0fb740.manual(2)\">\n\t\t\t\t\t\t\t<div class=\"cs-progress-bar\"><div class=\"cs-fill\"><\/div><\/div>\n\t\t\t\t\t\t\t<span class=\"cs-nav-label\">Caregiver Support Platform<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div><!-- .cs-slider-wrapper -->\n\n\t\t\t<!-- \u2500\u2500 Mobile arrow buttons: absolutely positioned on sides of slider \u2500\u2500 -->\n\t\t\t<button class=\"cs-mob-arrow cs-mob-prev\" aria-label=\"Previous\"\n\t\t\t\tonclick=\"csSlider_d0fb740.manual(csSlider_d0fb740.cur > 1 ? csSlider_d0fb740.cur - 1 : 2)\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-left\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\"><\/path><\/svg>\t\t\t<\/button>\n\t\t\t<button class=\"cs-mob-arrow cs-mob-next\" aria-label=\"Next\"\n\t\t\t\tonclick=\"csSlider_d0fb740.manual(csSlider_d0fb740.cur < 2 ? csSlider_d0fb740.cur + 1 : 1)\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t<\/button>\n\n\t\t\t<!-- \u2500\u2500 Mobile nav strip: label + progress + counter, below the card \u2500\u2500 -->\n\t\t\t<div class=\"cs-mob-nav active\" id=\"cs-slider-d0fb740-mob-nav\">\n\t\t\t\t<div class=\"cs-mob-label-wrap\">\n\t\t\t\t\t<div class=\"cs-mob-progress\"><div class=\"cs-mob-fill\"><\/div><\/div>\n\t\t\t\t\t<div class=\"cs-mob-active-label\" id=\"cs-slider-d0fb740-mob-label\">\n\t\t\t\t\t\tDynamic Payment Solution\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"cs-mob-counter\" id=\"cs-slider-d0fb740-mob-counter\">1 \/ 2<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><!-- .cs-mob-nav -->\n\t\t\t<\/div><!-- .cs-slider-outer -->\n\t\t<\/div><!-- #widget_id -->\n\n\t\t<script>\n\t\t(function() {\n\t\t\tvar ns    = 'csSlider_d0fb740';\n\t\t\tvar total = 2;\n\t\t\tvar interval = 5000;\n\t\t\tvar widgetId = 'cs-slider-d0fb740';\n\n\t\t\twindow[ns] = {\n\t\t\t\tcur: 1,\n\t\t\t\ttimer: null,\n\n\t\t\t\t\/\/ Build nav label lookup from PHP\n\t\t\t\tnavLabels: [\"Dynamic Payment Solution\",\"Caregiver Support Platform\"],\n\n\t\t\t\tshow: function(n) {\n\t\t\t\t\tvar slides  = document.querySelectorAll('#' + widgetId + ' .cs-slide');\n\t\t\t\t\tvar navBtns = document.querySelectorAll('#' + widgetId + ' .cs-nav-btn');\n\n\t\t\t\t\t\/\/ Desktop slides + nav\n\t\t\t\t\tslides.forEach(function(s) { s.classList.remove('active'); });\n\t\t\t\t\tnavBtns.forEach(function(b) {\n\t\t\t\t\t\tb.classList.remove('active');\n\t\t\t\t\t\tvar fill = b.querySelector('.cs-fill');\n\t\t\t\t\t\tif (fill) {\n\t\t\t\t\t\t\tfill.style.animation = 'none';\n\t\t\t\t\t\t\tfill.offsetHeight;\n\t\t\t\t\t\t\tfill.style.animation = '';\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tif (slides[n - 1]) slides[n - 1].classList.add('active');\n\t\t\t\t\tif (navBtns[n - 1]) navBtns[n - 1].classList.add('active');\n\n\t\t\t\t\t\/\/ Mobile nav \u2014 label, counter, progress\n\t\t\t\t\tvar mobLabel   = document.getElementById(widgetId + '-mob-label');\n\t\t\t\t\tvar mobCounter = document.getElementById(widgetId + '-mob-counter');\n\t\t\t\t\tvar mobNav     = document.getElementById(widgetId + '-mob-nav');\n\t\t\t\t\tif (mobLabel)   mobLabel.textContent   = window[ns].navLabels[n - 1] || '';\n\t\t\t\t\tif (mobCounter) mobCounter.textContent = n + ' \/ ' + total;\n\t\t\t\t\tif (mobNav) {\n\t\t\t\t\t\tvar mobFill = mobNav.querySelector('.cs-mob-fill');\n\t\t\t\t\t\tif (mobFill) {\n\t\t\t\t\t\t\tmobFill.style.animation = 'none';\n\t\t\t\t\t\t\tmobFill.offsetHeight;\n\t\t\t\t\t\t\tmobFill.style.animation = '';\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmobNav.classList.remove('active');\n\t\t\t\t\t\tmobNav.offsetHeight;\n\t\t\t\t\t\tmobNav.classList.add('active');\n\t\t\t\t\t}\n\n\t\t\t\t\twindow[ns].cur = n;\n\t\t\t\t},\n\n\t\t\t\tnext: function() {\n\t\t\t\t\tvar nextSlide = window[ns].cur >= total ? 1 : window[ns].cur + 1;\n\t\t\t\t\twindow[ns].show(nextSlide);\n\t\t\t\t},\n\n\t\t\t\tmanual: function(n) {\n\t\t\t\t\tclearInterval(window[ns].timer);\n\t\t\t\t\twindow[ns].show(n);\n\t\t\t\t\twindow[ns].timer = setInterval(window[ns].next, interval);\n\t\t\t\t},\n\n\t\t\t\tinit: function() {\n\t\t\t\t\twindow[ns].show(1);\n\t\t\t\t\twindow[ns].timer = setInterval(window[ns].next, interval);\n\t\t\t\t}\n\t\t\t};\n\n\t\t\t\/\/ Init on DOM ready\n\t\t\tif (document.readyState === 'loading') {\n\t\t\t\tdocument.addEventListener('DOMContentLoaded', function() { window[ns].init(); });\n\t\t\t} else {\n\t\t\t\twindow[ns].init();\n\t\t\t}\n\t\t})();\n\t\t<\/script>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b67278 indigo-btn indigo-btn--solid elementor-align-center elementor-widget elementor-widget-button\" data-id=\"5b67278\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/casestudies\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">All Case Studies <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63ac174 section-padding gradient-lefttoright-service e-flex e-con-boxed e-con e-parent\" data-id=\"63ac174\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-672fa61 e-con-full e-flex e-con e-child\" data-id=\"672fa61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dae3bd indigo-h2 section-title-margin-bottom elementor-widget elementor-widget-heading\" data-id=\"6dae3bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Custom Solutions \nfor Your Unique Needs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d48d617 elementor-widget elementor-widget-text-editor\" data-id=\"d48d617\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We offer the right solution for every stage, level and type of project. Trusted by top brands, our mobile application team delivers the best solution every single time<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f98fe5 e-con-full e-flex e-con e-child\" data-id=\"4f98fe5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1a76a9 elementor-widget elementor-widget-wpforms\" data-id=\"c1a76a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style id=\"wpforms-css-vars-elementor-widget-c1a76a9\">\n\t\t\t\t.elementor-widget-wpforms.elementor-element-c1a76a9 {\n\t\t\t\t--wpforms-background-url: url( https:\/\/10pearls.com\/uk\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png );\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-178487\"><form id=\"wpforms-form-178487\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"178487\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/uk\/wp-json\/wp\/v2\/pages\/60945\" data-token=\"1d2d7265c9254650f06f59c2498e9582\" data-token-time=\"1794545914\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-178487-field_1-container\" class=\"wpforms-field wpforms-field-name wpforms-one-half wpforms-first\" data-field-type=\"name\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-178487-field_1\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-178487-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-178487-field_1-error\" required><\/div><div id=\"wpforms-178487-field_2-container\" class=\"wpforms-field wpforms-field-email wpforms-one-half\" data-field-type=\"email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-178487-field_2\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-178487-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-178487-field_2-error\" required><\/div><div id=\"wpforms-178487-field_3-container\" class=\"wpforms-field wpforms-field-text wpforms-one-half wpforms-first\" data-field-type=\"text\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-178487-field_3\">Company <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-178487-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-178487-field_3-error\" required><\/div><div id=\"wpforms-178487-field_4-container\" class=\"wpforms-field wpforms-field-number wpforms-one-half\" data-field-type=\"number\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-178487-field_4\">Phone Number <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"number\" id=\"wpforms-178487-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" step=\"any\" aria-errormessage=\"wpforms-178487-field_4-error\" required><\/div><div id=\"wpforms-178487-field_6-container\" class=\"wpforms-field wpforms-field-select wpforms-one-half wpforms-first wpforms-field-select-style-modern\" data-field-type=\"select\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-178487-field_6\">Region<\/label><select id=\"wpforms-178487-field_6\" class=\"wpforms-field-large choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"\" name=\"wpforms[fields][6]\"><option value=\"\" class=\"placeholder\" disabled  selected='selected'><\/option><option value=\"Africa\"  class=\"choice-6 depth-1\"  >Africa<\/option><option value=\"Asia\"  class=\"choice-8 depth-1\"  >Asia<\/option><option value=\"Americas\"  class=\"choice-1 depth-1\"  >Americas<\/option><option value=\"Europe\"  class=\"choice-2 depth-1\"  >Europe<\/option><option value=\"Middle East\"  class=\"choice-4 depth-1\"  >Middle East<\/option><option value=\"Oceania &amp; Pacific\"  class=\"choice-5 depth-1\"  >Oceania &amp; Pacific<\/option><option value=\"United Kingdom\"  class=\"choice-9 depth-1\"  >United Kingdom<\/option><\/select><\/div>\t\t<div id=\"wpforms-178487-field_8-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"8\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-178487-field_8\" >hear Phone Email<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-178487-field_8\" class=\"wpforms-field-medium\" name=\"wpforms[fields][8]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-178487-field_5-container\" class=\"wpforms-field wpforms-field-select wpforms-one-half wpforms-conditional-trigger wpforms-field-select-style-modern\" data-field-type=\"select\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-178487-field_5\">Organisational Focus <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-178487-field_5\" class=\"wpforms-field-large wpforms-field-required choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"\" name=\"wpforms[fields][5]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled  selected='selected'><\/option><option value=\"Cloud &amp; Edge Services\"  class=\"choice-1 depth-1\"  >Cloud &amp; Edge Services<\/option><option value=\"Devices &amp; Analytics\"  class=\"choice-2 depth-1\"  >Devices &amp; Analytics<\/option><option value=\"IoT Connectivity\"  class=\"choice-3 depth-1\"  >IoT Connectivity<\/option><option value=\"Mobile &amp; Fixed Connectivity\"  class=\"choice-4 depth-1\"  >Mobile &amp; Fixed Connectivity<\/option><option value=\"Professional &amp; Managed Services\"  class=\"choice-5 depth-1\"  >Professional &amp; Managed Services<\/option><option value=\"Unified Communications\"  class=\"choice-6 depth-1\"  >Unified Communications<\/option><option value=\"Other\"  class=\"choice-7 depth-1\"  >Other<\/option><\/select><\/div><div id=\"wpforms-178487-field_9-container\" class=\"wpforms-field wpforms-field-text wpforms-one-half wpforms-conditional-field wpforms-conditional-show\" data-field-type=\"text\" data-field-id=\"9\" style=\"display:none;\"><label class=\"wpforms-field-label\" for=\"wpforms-178487-field_9\">If other please specify <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-178487-field_9\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][9]\" aria-errormessage=\"wpforms-178487-field_9-error\" required><\/div><div id=\"wpforms-178487-field_7-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-type=\"textarea\" data-field-id=\"7\"><label class=\"wpforms-field-label\" for=\"wpforms-178487-field_7\">How did you hear about us?<\/label><textarea id=\"wpforms-178487-field_7\" class=\"wpforms-field-medium\" name=\"wpforms[fields][7]\" aria-errormessage=\"wpforms-178487-field_7-error\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-178487-field_8-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-178487-field_8-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-178487-field_8-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-recaptcha-container wpforms-is-hcaptcha\" ><div class=\"h-captcha\" data-sitekey=\"b192f310-e2a0-450e-bda4-15f8857a8fbc\"><\/div><input type=\"text\" name=\"g-recaptcha-hidden\" class=\"wpforms-recaptcha-hidden\" style=\"position:absolute!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;\" data-rule-hcaptcha=\"1\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"178487\"><input type=\"hidden\" name=\"wpforms[time_token]\" value=\"1794545914.61047c274b1a33fd39e2c1f390697eb61f0b6e455d0e9b61cbf930d0900d4cd0\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/pages\/60945\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-178487\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img decoding=\"async\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07411af section-padding gradient-toptobottom-faq e-flex e-con-boxed e-con e-parent\" data-id=\"07411af\" data-element_type=\"container\" data-e-type=\"container\" id=\"03\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8048df6 indigo-h2 section-head-margin-bottom elementor-widget elementor-widget-heading\" data-id=\"8048df6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00da683 elementor-widget-mobile__width-initial indigo-h4 elementor-widget elementor-widget-n-accordion\" data-id=\"00da683\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8940\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-8940\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Why should I choose 10Pearls when opting to hire CSS developers to create custom CSS frameworks or style guides? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8940\" class=\"elementor-element elementor-element-d179b1f e-con-full e-flex e-con e-child\" data-id=\"d179b1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3b9dd3 elementor-widget elementor-widget-text-editor\" data-id=\"f3b9dd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>10Pearls is the perfect platform for business leaders who wish to drive digital transformation and create intuitive, responsive digital products by opting to hire CSS developers with exceptional experience and expertise. Our CSS experts can create custom CSS frameworks and style guides tailored to your specific project requirements. They can also develop modular and reusable CSS components, establish style guidelines, and document best practices to ensure consistency and maintainability in your web development projects.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8941\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-8941\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> How can your CSS experts assist with mobile-first and responsive web design? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8941\" class=\"elementor-element elementor-element-2729ea6 e-con-full e-flex e-con e-child\" data-id=\"2729ea6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f13b25 elementor-widget elementor-widget-text-editor\" data-id=\"9f13b25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our CSS experts are highly familiar with the principles and techniques involved in designing websites that adapt and respond to different screen sizes and devices. They can help design mobile-first, responsive web designs that ensure an immersive user experience. Every CSS developer at 10Pearls is capable of employing media queries, flexible grids, and other responsive design strategies to create visually appealing and functional websites across desktop, tablet, and mobile platforms.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8942\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-8942\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Can your CSS programmer assist with cross-browser compatibility? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8942\" class=\"elementor-element elementor-element-8937c88 e-con-full e-flex e-con e-child\" data-id=\"8937c88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f26cb1 elementor-widget elementor-widget-text-editor\" data-id=\"1f26cb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Yes! Our CSS programmer can ensure cross-browser compatibility for your website. They are well-versed in writing CSS code that functions consistently across different web browsers, such as Chrome, Firefox, Safari, and Internet Explorer. Our CSS experts can also employ CSS vendor prefixes, use feature detection techniques, and perform browser testing to ensure your website looks and functions as intended on various browsers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8943\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-8943\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Is it possible for your CSS expert to optimise the CSS code for improved performance? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8943\" class=\"elementor-element elementor-element-d2b7747 e-flex e-con-boxed e-con e-child\" data-id=\"d2b7747\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd0de76 elementor-widget elementor-widget-text-editor\" data-id=\"fd0de76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Definitely! Our CSS expert can optimise the CSS code to enhance the performance of your website. They can eliminate redundant or unused CSS rules, consolidate styles, and employ techniques such as minification and compression to reduce file size, ultimately leading to faster loading times and improved overall performance of your website.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ace8104 section-padding  cta-bg-gradient e-flex e-con-boxed e-con e-child\" data-id=\"ace8104\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8a353c indigo-h2 section-head-margin-bottom elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"f8a353c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to hire top talent in\nCSS learning?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-338a5a0 indigo-btn indigo-btn--ghost elementor-widget elementor-widget-button\" data-id=\"338a5a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/get-in-touch\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Let\u2019s connect<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Skilled CSS developers from 10Pearls build responsive, high-performance websites with clean code, cross-browser compatibility, and engaging user experiences tailored to your business needs.<\/p>\n","protected":false},"author":41,"featured_media":222378,"parent":0,"menu_order":47,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-60945","page","type-page","status-publish","has-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.5 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hire CSS Developers from Top Talent of Programmers<\/title>\n<meta name=\"description\" content=\"Hire Top 1% Talent of CSS developers, engineers, programmers and consultants in the UK &amp; Europe. Get HTML &amp; CSS experts for your project.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/10pearls.com\/uk\/css-developers\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"website\" \/>\n<meta property=\"og:title\" content=\"Hire CSS Developers from Top Talent of Programmers\" \/>\n<meta property=\"og:description\" content=\"Hire Top 1% Talent of CSS developers, engineers, programmers and consultants in the UK &amp; Europe. Get HTML &amp; CSS experts for your project.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/10pearls.com\/uk\/css-developers\/\" \/>\n<meta property=\"og:site_name\" content=\"10Pearls UK\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/10Pearls\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-29T10:15:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Hire-CSS-Developers-from-Top-Talent-of-Programmers-LinkThumbnail.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"359\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Hire CSS Developers from Top Talent of Programmers\" \/>\n<meta name=\"twitter:description\" content=\"Hire Top 1% Talent of CSS developers, engineers, programmers and consultants in the UK &amp; Europe. Get HTML &amp; CSS experts for your project.\" \/>\n<meta name=\"twitter:site\" content=\"@TenPearls\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hire CSS Developers from Top Talent of Programmers","description":"Hire Top 1% Talent of CSS developers, engineers, programmers and consultants in the UK & Europe. Get HTML & CSS experts for your project.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/10pearls.com\/uk\/css-developers\/","og_locale":"en_GB","og_type":"website","og_title":"Hire CSS Developers from Top Talent of Programmers","og_description":"Hire Top 1% Talent of CSS developers, engineers, programmers and consultants in the UK & Europe. Get HTML & CSS experts for your project.","og_url":"https:\/\/10pearls.com\/uk\/css-developers\/","og_site_name":"10Pearls UK","article_publisher":"https:\/\/www.facebook.com\/10Pearls\/","article_modified_time":"2026-10-29T10:15:25+00:00","og_image":[{"width":640,"height":359,"url":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Hire-CSS-Developers-from-Top-Talent-of-Programmers-LinkThumbnail.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_title":"Hire CSS Developers from Top Talent of Programmers","twitter_description":"Hire Top 1% Talent of CSS developers, engineers, programmers and consultants in the UK & Europe. Get HTML & CSS experts for your project.","twitter_site":"@TenPearls","twitter_misc":{"Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/10pearls.com\/uk\/css-developers\/","url":"https:\/\/10pearls.com\/uk\/css-developers\/","name":"Hire CSS Developers from Top Talent of Programmers","isPartOf":{"@id":"https:\/\/10pearls.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/10pearls.com\/uk\/css-developers\/#primaryimage"},"image":{"@id":"https:\/\/10pearls.com\/uk\/css-developers\/#primaryimage"},"thumbnailUrl":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Hire-CSS-Developers-from-Top-Talent-of-Programmers-LinkThumbnail.webp","datePublished":"2023-05-19T06:06:59+00:00","dateModified":"2026-10-29T10:15:25+00:00","description":"Hire Top 1% Talent of CSS developers, engineers, programmers and consultants in the UK & Europe. Get HTML & CSS experts for your project.","breadcrumb":{"@id":"https:\/\/10pearls.com\/uk\/css-developers\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/10pearls.com\/uk\/css-developers\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/10pearls.com\/uk\/css-developers\/#primaryimage","url":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Hire-CSS-Developers-from-Top-Talent-of-Programmers-LinkThumbnail.webp","contentUrl":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Hire-CSS-Developers-from-Top-Talent-of-Programmers-LinkThumbnail.webp","width":640,"height":359},{"@type":"BreadcrumbList","@id":"https:\/\/10pearls.com\/uk\/css-developers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/10pearls.com\/uk\/"},{"@type":"ListItem","position":2,"name":"Hire CSS Developers from Top Talent of Programmers"}]},{"@type":"WebSite","@id":"https:\/\/10pearls.com\/uk\/#website","url":"https:\/\/10pearls.com\/uk\/","name":"10Pearls UK","description":"AI-Powered Software Development Company","publisher":{"@id":"https:\/\/10pearls.com\/uk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/10pearls.com\/uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/10pearls.com\/uk\/#organization","name":"10Pearls","alternateName":"Software development company","url":"https:\/\/10pearls.com\/uk\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/10pearls.com\/uk\/#\/schema\/logo\/image\/","url":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2025\/07\/10Pearls-Black.png","contentUrl":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2025\/07\/10Pearls-Black.png","width":282,"height":107,"caption":"10Pearls"},"image":{"@id":"https:\/\/10pearls.com\/uk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/10Pearls\/","https:\/\/x.com\/TenPearls","https:\/\/www.linkedin.com\/company\/10pearls\/"],"description":"10Pearls is a leading AI-powered software development company. We build intelligent digital products for healthcare, finance, retail, and more.","email":"info@10pearls.com","telephone":"+44 7957 620104","legalName":"10Pearls"}]}},"_links":{"self":[{"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/pages\/60945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/comments?post=60945"}],"version-history":[{"count":11,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/pages\/60945\/revisions"}],"predecessor-version":[{"id":223028,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/pages\/60945\/revisions\/223028"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/media\/222378"}],"wp:attachment":[{"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/media?parent=60945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}