{"id":39490,"date":"2021-11-24T14:07:21","date_gmt":"2021-11-24T14:07:21","guid":{"rendered":"https:\/\/clone4.10pearls.com\/?page_id=39490"},"modified":"2026-10-29T10:22:39","modified_gmt":"2026-10-29T10:22:39","slug":"hire-front-end-developers","status":"publish","type":"page","link":"https:\/\/10pearls.com\/uk\/hire-front-end-developers\/","title":{"rendered":"Hire Top Front End Developers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"39490\" class=\"elementor elementor-39490\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fd1786 section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"7fd1786\" 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-5226067 e-con-full e-flex e-con e-child\" data-id=\"5226067\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00b6619 indigo-h1 elementor-widget elementor-widget-heading\" data-id=\"00b6619\" 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\">Front End Developers<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a4ae94 elementor-widget elementor-widget-text-editor\" data-id=\"7a4ae94\" 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 dedicated front-end developers to craft intuitive, scalable solutions<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c00055a e-con-full e-flex e-con e-child\" data-id=\"c00055a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e03cc4 indigo-btn indigo-btn--ghost elementor-widget elementor-widget-button\" data-id=\"1e03cc4\" 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-4f86a45 elementor-hidden-mobile elementor-widget elementor-widget-tp_testimonial_slider\" data-id=\"4f86a45\" 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-4f86a45\"\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-4f86a45 .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-4f86a45 .tp-ts-logo img {\n            display: block;\n            width: 80px;\n            height: auto;\n        }\n        #tp-ts-4f86a45 .tp-ts-separator {\n            width: 1px;\n            height: 32px;\n            flex-shrink: 0;\n        }\n        #tp-ts-4f86a45 .tp-ts-stars {\n            display: flex;\n            align-items: center;\n            gap: 3px;\n            line-height: 1;\n        }\n        #tp-ts-4f86a45 .tp-ts-star {\n            font-size: 20px;\n            line-height: 1;\n        }\n        #tp-ts-4f86a45 .tp-ts-slider-viewport {\n            overflow: hidden;\n            position: relative;\n        }\n        #tp-ts-4f86a45 .tp-ts-wrapper {\n            will-change: transform;\n        }\n        #tp-ts-4f86a45 .tp-ts-quote {\n            margin: 0 0 12px 0;\n        }\n        #tp-ts-4f86a45 .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-4f86a45');\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-b876aea e-con-full e-flex e-con e-parent\" data-id=\"b876aea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9f9e14 elementor-widget elementor-widget-sticky_section_nav\" data-id=\"e9f9e14\" 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-e9f9e14 {\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-e9f9e14.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-e9f9e14 {\n\t\t\theight: 52px;\n\t\t\tdisplay: none;\n\t\t}\n\t\t.ssn-spacer-active-ssn-e9f9e14 {\n\t\t\tdisplay: block !important;\n\t\t}\n\t\t\/* \u2500\u2500 Wrap \u2500\u2500 *\/\n\t\t#ssn-e9f9e14 .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-e9f9e14 .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-e9f9e14 .ssn-menu li { white-space: nowrap; }\n\t\t\/* \u2500\u2500 Links \u2500\u2500 *\/\n\t\t#ssn-e9f9e14 .ssn-menu a,\n\t\t#ssn-e9f9e14 .ssn-menu a:hover,\n\t\t#ssn-e9f9e14 .ssn-menu a:focus,\n\t\t#ssn-e9f9e14 .ssn-menu a:visited,\n\t\t#ssn-e9f9e14 .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-e9f9e14 .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-e9f9e14 .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-e9f9e14 .ssn-dropdown-wrap {\n\t\t\tdisplay: none;\n\t\t\twidth: 100%;\n\t\t}\n\t\t#ssn-e9f9e14 .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-e9f9e14 .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-e9f9e14 .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-e9f9e14-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-e9f9e14-dropdown a,\n\t\t#ssn-e9f9e14-dropdown a:hover,\n\t\t#ssn-e9f9e14-dropdown a:visited,\n\t\t#ssn-e9f9e14-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-e9f9e14-dropdown a:last-child { border-bottom: none; }\n\t\t#ssn-e9f9e14-dropdown a:hover { background: rgba(255,255,255,0.08); }\n\t\t#ssn-e9f9e14-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-e9f9e14 {\n\t\t\t\theight: 42px;\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t#ssn-e9f9e14.ssn-sticky {\n\t\t\t\ttop: 65px;\n\t\t\t}\n\t\t\t.ssn-spacer-ssn-e9f9e14 {\n\t\t\t\theight: 42px;\n\t\t\t}\n\t\t\t#ssn-e9f9e14 .ssn-menu           { display: none; }\n\t\t\t#ssn-e9f9e14 .ssn-dropdown-wrap  { display: block; }\n\t\t\t#ssn-e9f9e14 .ssn-wrap           { padding: 0; }\n\t\t}\n\t\t<\/style>\n\n\t\t\t\t<div id=\"ssn-e9f9e14-spacer\" class=\"ssn-spacer-ssn-e9f9e14\"><\/div>\n\n\t\t<section\n\t\t\tid=\"ssn-e9f9e14\"\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\texpertise<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\twhy choose us<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\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=\"#04\" data-target=\"04\" tabindex=\"0\">\n\t\t\t\t\t\t\tAwards<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-e9f9e14-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-e9f9e14-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-e9f9e14-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\texpertise<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\twhy choose us<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\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=\"#04\" data-target=\"04\" role=\"menuitem\" tabindex=\"0\">\n\t\t\t\tAwards<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-e9f9e14\";\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-bbef012 section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"bbef012\" 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-5498b2d indigo-h2 section-head-margin-bottom elementor-widget elementor-widget-heading\" data-id=\"5498b2d\" 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-6cd5be9 elementor-widget elementor-widget-clients_logo_widget\" data-id=\"6cd5be9\" 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-6cd5be9 { width:100%; box-sizing:border-box; }\n\n\t\t\/* Track outer \u2014 clips overflow *\/\n\t\t#clw-6cd5be9 .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-6cd5be9 .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-6cd5be9 .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-6cd5be9 .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-6cd5be9 .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-6cd5be9 .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-6cd5be9 .clw-item:last-of-type + .clw-sep,\n\t\t#clw-6cd5be9 .clw-sep:last-child { display:none !important; }\n\n\t\t\/* Mobile nav dots *\/\n\t\t#clw-6cd5be9 .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-6cd5be9 .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-6cd5be9 .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-6cd5be9 .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-6cd5be9 .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-6cd5be9 .clw-sep { display:none !important; }\n\t\t\t#clw-6cd5be9 .clw-nav-dots { display:flex; }\n\t\t}\n\t\t<\/style>\n\n\t\t<div id=\"clw-6cd5be9\"\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=\"\" 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=\"\" 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=\"\" 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=\"\" 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-6cd5be9');\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-38f6af8 section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"38f6af8\" 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-437c490 indigo-h2 elementor-widget elementor-widget-heading\" data-id=\"437c490\" 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>Specialised <\/span> front-end developers <span> at affordable prices <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c09c247 indigo-subtitle elementor-widget elementor-widget-text-editor\" data-id=\"c09c247\" 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>Developing customised, feature-rich and user-centric websites and digital experiences is quite a challenge. It requires market research, creative design ideas, and strong technical prowess to create quality customer experiences. At 10Pearls, you can hire front-end developers who blend creativity with technical expertise and create websites that are visually stunning and based on conversion-centric designs.<\/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-eeda4e9 section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"eeda4e9\" 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-1ae8465 indigo-h2 section-head-margin-bottom elementor-widget elementor-widget-heading\" data-id=\"1ae8465\" 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\">Area of Expertise<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7903ff5 e-grid e-con-full e-con e-child\" data-id=\"7903ff5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e614ae indigo-h4 card-shadow-1 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"0e614ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path d=\"M26.68 2.44h-3.84c-1.52 0-2.72 1.28-2.72 2.8v3.92c0 1.52 1.2 2.8 2.72 2.8h0.080l-0.96 3.28h-3.12c-0.64 0-1.28 0.24-1.76 0.64l-2-2c0 0 0 0-0.080 0v-3.84c0-1.52-1.2-2.8-2.72-2.8h-3.84c-1.52 0-2.72 1.28-2.72 2.8v3.92c0 1.52 1.2 2.72 2.64 2.8l-0.88 3.28h-2.24c-1.52 0-2.72 1.28-2.72 2.8v3.92c0 1.52 1.2 2.8 2.72 2.8h3.84c1.52 0 2.72-1.28 2.72-2.8v-3.92c0-1.52-1.2-2.72-2.64-2.8l0.88-3.36h2.32c0.88 0 1.68-0.48 2.24-1.12l1.68 1.76c-0.080 0.24-0.080 0.48-0.080 0.72v3.92c0 1.52 1.2 2.8 2.72 2.8h3.84c1.52 0 2.72-1.28 2.72-2.8v-3.92c0-1.2-0.8-2.24-1.84-2.64l1.040-3.52h2.080c1.52 0 2.72-1.28 2.72-2.8v-3.84c-0.080-1.52-1.28-2.8-2.8-2.8zM10.2 22.84v3.92c0 0.64-0.48 1.2-1.12 1.2h-3.84c-0.64 0-1.12-0.56-1.12-1.2v-3.92c0-0.64 0.48-1.2 1.12-1.2h2.56c0 0 0.080 0 0.080 0.080 0.080 0 0.16 0 0.16 0 0.080 0 0.24 0 0.32-0.080h0.64c0.72 0 1.2 0.56 1.2 1.2zM13.4 13.96c0 0.64-0.48 1.2-1.12 1.2h-3.84c-0.64 0-1.12-0.56-1.12-1.2v-3.92c0-0.64 0.48-1.2 1.12-1.2h3.84c0.64 0 1.12 0.56 1.12 1.2v3.92zM23.8 21.96c0 0.64-0.48 1.2-1.12 1.2h-3.84c-0.64 0-1.12-0.56-1.12-1.2v-3.92c0-0.64 0.48-1.2 1.12-1.2h3.28c0.080 0 0.080 0.080 0.16 0.080s0.16 0 0.24 0 0.24-0.080 0.4-0.080c0.56 0.080 0.96 0.56 0.96 1.12v4zM27.8 9.16c0 0.64-0.48 1.2-1.12 1.2h-3.84c-0.64 0-1.12-0.56-1.12-1.2v-3.92c0-0.64 0.48-1.2 1.12-1.2h3.84c0.64 0 1.12 0.56 1.12 1.2v3.92z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tArchitecture and design\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDesign and navigation form the foundation of every website. We provide companies with the perfect platform to hire front-end developers who can ensure clear, consistent, and scalable codebase layout to guard against technical debt and design with a user-centric approach.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0177be indigo-h4 card-shadow-1 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"d0177be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path d=\"M22.428 7c-1.28-0.88-2.88-1.36-4.72-1.36-1.76 0-3.44 0.48-4.72 1.36-1.28 0.96-2 2.16-2 3.52s0.72 2.56 2 3.52c1.28 0.88 2.96 1.36 4.72 1.36 2 0 3.44-0.64 4.4-1.2l0.080 0.24-0.24 0.64c-0.16 0.56-0.24 1.2-0.32 1.84 0 0.48 0.32 0.8 0.72 0.88 0 0 0 0 0.080 0 0.4 0 0.8-0.32 0.8-0.72 0-0.56 0.16-1.040 0.24-1.44l0.24-0.8c0.080-0.16 0.080-0.24 0-0.4l-0.24-1.44c0.56-0.72 0.88-1.6 0.88-2.4 0.080-1.44-0.64-2.64-1.92-3.6zM22.268 12.040c-0.080 0.080-0.16 0.24-0.24 0.4-0.080 0.080-0.16 0.080-0.24 0.16-0.96 0.56-2.16 1.28-4.080 1.28-1.44 0-2.8-0.4-3.76-1.12-0.64-0.4-1.36-1.2-1.36-2.16 0-0.8 0.48-1.6 1.36-2.16 0.96-0.8 2.4-1.2 3.76-1.2 1.44 0 2.8 0.4 3.76 1.12 0.88 0.64 1.36 1.36 1.36 2.16 0 0.56-0.16 1.040-0.56 1.52z\"><\/path><path d=\"M17.708 2.44c-5.6 0-10 3.84-10.4 9.12l-3.28 6.4v0.080c0 0 0 0.080 0 0.080-0.080 0.24-0.080 0.48 0 0.72 0.080 0.4 0.32 0.64 0.64 0.8l2.48 0.96v3.44c0.16 1.2 1.2 2.16 2.48 2.16h4.080v2.4c0 0 0 0.080 0 0.080 0.080 0.32 0.32 0.64 0.64 0.8 0.16 0.080 0.24 0.080 0.4 0.080 0.32 0 0.56-0.16 0.72-0.4 0.16-0.32 0.080-0.72-0.16-0.96v-2.72c0-0.24-0.080-0.4-0.24-0.56l-0.16-0.080c-0.16-0.16-0.32-0.24-0.56-0.24h-4.72c-0.4 0-0.8-0.32-0.88-0.64v-3.84c0-0.16-0.080-0.32-0.16-0.48l-0.080-0.16c-0.080-0.16-0.24-0.24-0.4-0.32l-2.56-0.96 3.12-6.080c0.080-0.080 0.080-0.24 0.080-0.4 0.32-4.48 4.080-7.76 8.8-7.76 4.88 0 8.88 3.76 8.88 8.4 0 1.36-0.32 2.64-0.96 3.76-0.24 0.4-0.080 0.88 0.32 1.12s0.88 0.080 1.12-0.32c0.72-1.36 1.12-2.96 1.12-4.56 0.16-5.44-4.56-9.92-10.32-9.92z\"><\/path><path d=\"M26.108 18.92c0-0.48-0.4-0.8-0.88-0.72-0.48 0-0.8 0.4-0.72 0.88v9.44c0 0.48 0.32 0.8 0.8 0.8s0.8-0.32 0.8-0.8v-9.6z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tUI \/ UX development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWe provide full-service UI and UX solutions for websites and mobile apps to provide visually-stimulating experiences for the end users.\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b6b586 indigo-h4 card-shadow-1 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"4b6b586\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path d=\"M27.877 4.24h-20c-1.040 0-1.84 0.8-1.84 1.76v1.36h-1.84c-0.96 0-1.76 0.8-1.76 1.76v16.88c0 0.96 0.8 1.76 1.76 1.76h20c0.96 0 1.76-0.8 1.76-1.76v-1.36h1.84c0.96 0 1.76-0.8 1.76-1.76v-16.88c0.080-0.96-0.72-1.76-1.68-1.76zM7.797 5.84h20c0.16 0 0.24 0.080 0.24 0.16v2.72h-20.4v-2.72c0-0.080 0.080-0.16 0.16-0.16zM4.037 9.12c0-0.080 0.080-0.16 0.16-0.16h1.84v1.68h-2v-1.52zM24.437 26c0 0.080-0.080 0.16-0.16 0.16h-20c-0.080 0-0.16-0.080-0.16-0.16v-13.76h2v10.64c0 0.96 0.8 1.76 1.76 1.76h16.64v1.36zM27.877 23.040h-20c-0.080 0-0.16-0.080-0.16-0.16v-10.8c0.16-0.16 0.32-0.32 0.32-0.64s-0.080-0.48-0.32-0.64v-0.48h20.32v12.56c0 0.080-0.080 0.16-0.16 0.16z\"><\/path><path d=\"M9.477 7.6h1.44c0.48 0 0.8-0.32 0.8-0.8s-0.32-0.8-0.8-0.8h-1.44c-0.48 0-0.8 0.32-0.8 0.8s0.32 0.8 0.8 0.8z\"><\/path><path d=\"M13.077 7.6h1.44c0.48 0 0.8-0.32 0.8-0.8s-0.32-0.8-0.8-0.8h-1.44c-0.48 0-0.8 0.32-0.8 0.8s0.32 0.8 0.8 0.8z\"><\/path><path d=\"M19.237 11.040c-0.4-0.16-0.88 0.080-1.040 0.48l-2.32 6.56c0-0.32-0.16-0.64-0.48-0.8l-3.28-1.28 3.28-1.28c0.4-0.16 0.64-0.64 0.48-1.040s-0.64-0.64-1.040-0.48l-4.24 1.68c-0.32 0.080-0.48 0.4-0.48 0.72v0.72c0 0.32 0.24 0.64 0.48 0.72l4.24 1.68c0.080 0 0.16 0.080 0.32 0.080 0.24 0 0.48-0.16 0.64-0.32l-0.72 1.92c-0.16 0.4 0.080 0.88 0.48 1.040 0.080 0 0.16 0.080 0.24 0.080 0.32 0 0.64-0.24 0.72-0.56l3.2-8.96c0.16-0.4-0.080-0.88-0.48-0.96z\"><\/path><path d=\"M24.597 14.88l-4.24-1.68c-0.4-0.16-0.88 0.080-1.040 0.48s0.080 0.88 0.48 1.040l3.28 1.28-3.28 1.28c-0.4 0.16-0.64 0.64-0.48 1.040 0.16 0.32 0.4 0.48 0.72 0.48 0.080 0 0.16 0 0.32-0.080l4.24-1.68c0.32-0.080 0.48-0.4 0.48-0.72v-0.72c0.080-0.24-0.16-0.56-0.48-0.72z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tCustom web app development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tFrom landing pages to templates, web pages to ecommerce portals, our front-end development team is well-versed in all types of development including web and mobile app development across all project sizes and verticals.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70f2b30 indigo-h4 card-shadow-1 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"70f2b30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path d=\"M29.16 16.136l-2.32-3.2c-0.16-4-2.24-7.68-5.76-9.84-0.16-0.080-0.32-0.24-0.56-0.32-0.4-0.24-0.88-0.080-1.12 0.32s-0.080 0.88 0.32 1.12c0.24 0.080 0.4 0.16 0.56 0.24 3.12 1.92 4.96 5.2 5.040 8.8 0 0.16 0.080 0.32 0.16 0.48l2.4 3.36c0.080 0.080 0.080 0.24 0.080 0.24 0 0.080 0 0.080-0.080 0.080-0.4 0.24-1.2 0.64-2.16 0.88-0.32 0.080-0.56 0.4-0.64 0.72l-0.4 4.32c0 0.16-0.080 0.32-0.16 0.4-0.080 0.16-0.16 0.24-0.32 0.32-0.080 0.080-0.24 0.16-0.4 0.24s-0.32 0.080-0.48 0l-1.84-0.24c-0.24 0-0.48 0.080-0.64 0.16-0.16 0.16-0.24 0.4-0.24 0.56v2.32c0 0.16-0.080 0.24-0.16 0.32s-0.24 0.16-0.32 0.16h-11.2c-0.16 0-0.24-0.080-0.32-0.16s-0.16-0.24-0.16-0.32v-4.88c0-0.24-0.16-0.48-0.32-0.64-2.64-1.84-4.16-4.88-4.16-8.24 0-3.6 1.84-6.96 5.040-8.88 0.4-0.24 0.48-0.72 0.24-1.12s-0.72-0.48-1.12-0.24c-3.6 2.24-5.76 6.080-5.76 10.24 0 3.68 1.68 7.12 4.56 9.44v4.48c0 0.56 0.24 1.12 0.64 1.44 0.4 0.4 0.96 0.64 1.52 0.64h11.2c0.56 0 1.12-0.24 1.52-0.64s0.64-0.96 0.64-1.44v-1.36l0.88 0.080c0.4 0.080 0.72 0 1.12-0.080 0.32-0.080 0.72-0.24 0.96-0.48 0.32-0.24 0.56-0.48 0.72-0.88 0.16-0.32 0.24-0.72 0.32-1.040l0.32-3.76c0.8-0.24 1.44-0.56 2.080-0.88 0.4-0.24 0.72-0.64 0.8-1.12 0-0.56-0.16-1.12-0.48-1.6z\"><\/path><path d=\"M8.6 12.776c-0.48 1.2-0.56 2.56-0.24 3.84s1.040 2.4 2.080 3.2c1.040 0.8 2.24 1.2 3.52 1.2 0.88 0 1.76-0.24 2.64-0.64 1.6 1.52 4 2.48 6.32 2.48 0.48 0 0.8-0.32 0.8-0.8s-0.32-0.8-0.8-0.8c-1.76 0-3.6-0.72-4.96-1.84 0.8-0.8 1.36-1.76 1.68-2.8 0.32-1.28 0.24-2.64-0.24-3.84-0.4-1.040-1.12-2-2.080-2.64 0-0.48 0-0.96 0-1.52 0-1.36 0-2.64-0.080-3.68-0.080-1.2-0.88-2.16-2-2.24-0.48 0-0.88 0-1.28 0-0.48 0-0.88 0-1.28 0.080-1.12 0.080-2 1.040-2 2.24 0 0.72-0.080 1.92-0.080 3.68 0 0.56 0 1.040 0 1.52-0.88 0.56-1.6 1.52-2 2.56zM11.88 11.256c0.24-0.16 0.4-0.4 0.4-0.72 0-0.56 0-1.2 0-1.92 0-1.76 0-2.88 0.080-3.6 0-0.32 0.16-0.64 0.56-0.72 0.24 0 0.64 0 1.040 0s0.72 0 1.12 0.080c0.4 0 0.56 0.4 0.56 0.72 0 1.040 0.080 2.24 0.080 3.6 0 0.72 0 1.36 0 1.92 0 0.32 0.16 0.56 0.4 0.72 0.8 0.48 1.44 1.2 1.76 2.080s0.4 1.84 0.16 2.8c-0.24 0.96-0.8 1.76-1.52 2.32-1.44 1.12-3.68 1.12-5.12 0-0.72-0.56-1.28-1.44-1.52-2.32-0.24-0.96-0.16-1.92 0.16-2.8 0.4-0.88 1.040-1.68 1.84-2.16z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tMaintenance and support\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWe enable companies to hire front-end developers who can provide end-to-end maintenance and support to ensure uninterrupted performance of your website\/apps round the clock.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\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-18bfa51 section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"18bfa51\" data-element_type=\"container\" data-e-type=\"container\" id=\"02\" 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-b583b3f indigo-h2 section-head-margin-bottom elementor-widget elementor-widget-heading\" data-id=\"b583b3f\" 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\">Why choose us for front-end development<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b2573e e-grid e-con-full e-con e-child\" data-id=\"2b2573e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-89cc95a e-con-full e-flex e-con e-child\" data-id=\"89cc95a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c50989 indigo-h3 elementor-widget elementor-widget-heading\" data-id=\"6c50989\" 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\">Complete proficiency in HTML and CSS<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5f3219 elementor-widget elementor-widget-text-editor\" data-id=\"b5f3219\" 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>HTML and CSS are the two most important skills that a front-end developer can\u2019t work without. These skills help create the structure of web pages and styles. At 10Pearls, you can hire dedicated front-end developers who have at least 3-5 years of experience in HTML and CSS and know these languages inside out.<\/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-9019a09 e-con-full e-flex e-con e-child\" data-id=\"9019a09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e31f68 indigo-h3 elementor-widget elementor-widget-heading\" data-id=\"8e31f68\" 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\">Understanding of test-driven development<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3718907 elementor-widget elementor-widget-text-editor\" data-id=\"3718907\" 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>\u2018TDD\u2019 or Test-Driven Development is a critical skill for developing robust, modern software. It ensures myriad benefits, including no duplication of code and bug-free code. We understand how important it is to hire front-end developer who has an in-depth understanding of TDD and can thoroughly test the front-end designs and codes at a confirmatory level in order to quicken the QA process.<\/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-e9dcbaa e-con-full e-flex e-con e-child\" data-id=\"e9dcbaa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea58be7 indigo-h3 elementor-widget elementor-widget-heading\" data-id=\"ea58be7\" 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\">Command on the latest frameworks<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-561c5a8 elementor-widget elementor-widget-text-editor\" data-id=\"561c5a8\" 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>Frameworks help construct efficient web applications. Our frond-end developers have complete command over commonly used front-end frameworks, such as ReactJS, AngularJS, jQuery and more. We know which framework to choose and what features should get prioritised to ensure seamless experiences.<\/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-aed5b63 e-con-full e-flex e-con e-child\" data-id=\"aed5b63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ed4e76 indigo-h3 elementor-widget elementor-widget-heading\" data-id=\"8ed4e76\" 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\">Knowledge of CSS preprocessors<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e427125 elementor-widget elementor-widget-text-editor\" data-id=\"e427125\" 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>In addition to CSS, our front-end developers also have in-depth knowledge of various CSS preprocessors such as SASS, Stylus, LESS, which allows them to work more efficiently.<\/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-89783a5 e-con-full e-flex e-con e-child\" data-id=\"89783a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c53059 indigo-h3 elementor-widget elementor-widget-heading\" data-id=\"4c53059\" 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\">Good understanding of version control systems<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edf1c45 elementor-widget elementor-widget-text-editor\" data-id=\"edf1c45\" 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>Web development is incomplete without the knowledge of code versioning tools. Tools such as Git help front-end developers control each and every step of the web development process. At 10Pearls, we provide you with the perfect opportunity to hire front-end developers who have a good understanding of working with such platforms to ensure efficiency and timely delivery.<\/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-abe32e1 section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"abe32e1\" 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-9f3bfe2 indigo-h2 section-head-margin-bottom elementor-widget elementor-widget-heading\" data-id=\"9f3bfe2\" 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-e3a1981 elementor-widget elementor-widget-cs_slider_widget\" data-id=\"e3a1981\" 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-e3a1981 .cs-slider-outer { position: relative; width: 100%; }\n\n\t\t#cs-slider-e3a1981 .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-e3a1981 .cs-ctrl-prev { left: -18px; }\n\t\t#cs-slider-e3a1981 .cs-ctrl-next { right: -18px; }\n\t\t#cs-slider-e3a1981 .cs-ctrl:hover { box-shadow: 0 0 16px rgba(0,0,0,.4); }\n\n\t\t#cs-slider-e3a1981 .cs-ctrl i,\n\t\t#cs-slider-e3a1981 .cs-ctrl svg,\n\t\t#cs-slider-e3a1981 .cs-mob-arrow i,\n\t\t#cs-slider-e3a1981 .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-e3a1981 .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-e3a1981 .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-e3a1981 .cs-slide.active { opacity: 1; z-index: 2; }\n\n\t\t#cs-slider-e3a1981 .cs-mob-img { display: none; }\n\n\t\t#cs-slider-e3a1981 .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-e3a1981 .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-e3a1981 .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-e3a1981 .cs-tag { font-size: 15px; letter-spacing: 2px; color: #fff; margin-bottom: 8px; text-transform: uppercase; }\n\t\t#cs-slider-e3a1981 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-e3a1981 .cs-desc { font-size: 20px; line-height: 1.6; color: #fff; margin-bottom: 14px; width: 85%; }\n\n\t\t#cs-slider-e3a1981 .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-e3a1981 .cs-stat-item { font-size: 20px; color: #fff; max-width: 260px; }\n\t\t#cs-slider-e3a1981 .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-e3a1981 .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-e3a1981 .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-e3a1981 .cs-read-more:hover { color: #fff; text-decoration: none; }\n\n\t\t\/* Nav bar *\/\n\t\t#cs-slider-e3a1981 .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-e3a1981 .cs-mob-nav { display: none; }\n\t\t#cs-slider-e3a1981 .cs-mob-arrow { display: none; }\n\t\t#cs-slider-e3a1981 .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-e3a1981 .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-e3a1981 .cs-nav-btn.active .cs-nav-label { font-weight: 600; }\n\t\t#cs-slider-e3a1981 .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-e3a1981 .cs-fill { height: 100%; background: var(--color-brand-primary, #d4ff27); width: 0; }\n\t\t#cs-slider-e3a1981 .cs-nav-btn.active .cs-fill { animation: csProgressAnim_e3a1981 5000ms linear forwards; }\n\n\t\t@keyframes csProgressAnim_e3a1981 {\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-e3a1981 .cs-ctrl { display: none; }\n\n\t\t\t\/* Slide card \u2014 no fixed height, white background *\/\n\t\t\t#cs-slider-e3a1981 .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-e3a1981 .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-e3a1981 .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-e3a1981 .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-e3a1981 .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-e3a1981 .cs-read-more { margin-bottom: 16px; }\n\t\t\t#cs-slider-e3a1981 .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-e3a1981 .cs-slide * { color: #000 !important; }\n\t\t\t#cs-slider-e3a1981 .cs-slide-bg { display: none; }\n\t\t\t#cs-slider-e3a1981 .cs-slide-overlay { display: none; }\n\t\t\t#cs-slider-e3a1981 h5.cs-heading { font-size: 28px !important; margin-bottom: 15px; color: #000 !important; width: 100%; }\n\t\t\t#cs-slider-e3a1981 .cs-desc { font-size: 14px; margin-bottom: 20px; width: 100%; }\n\t\t\t#cs-slider-e3a1981 .cs-stats-row { gap: 20px; padding-top: 15px; flex-wrap: wrap; border-top-color: #ddd; }\n\t\t\t#cs-slider-e3a1981 .cs-stat-item { max-width: none; }\n\t\t\t#cs-slider-e3a1981 .cs-stat-number { font-size: 28px; color: #000 !important; }\n\t\t\t#cs-slider-e3a1981 .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-e3a1981 .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-e3a1981 .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-e3a1981 .cs-mob-arrow.cs-mob-prev {\n\t\t\t\tleft: -18px !important;\n\t\t\t}\n\t\t\t#cs-slider-e3a1981 .cs-mob-arrow.cs-mob-next {\n\t\t\t\tright: -18px !important;\n\t\t\t}\n\t\t\t#cs-slider-e3a1981 .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-e3a1981 .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-e3a1981 .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-e3a1981 .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-e3a1981 .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-e3a1981 .cs-mob-nav.active .cs-mob-fill {\n\t\t\t\tanimation: csProgressAnim_e3a1981 5000ms linear forwards;\n\t\t\t}\n\t\t\t#cs-slider-e3a1981 .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-e3a1981 .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-e3a1981-1 .cs-slide-content *{color:#ffffff !important;}#cs-slide-cs-slider-e3a1981-1 .cs-stats-row{border-top-color:#ffffff !important;}}\n\t\t@media screen and (min-width:769px){#cs-slide-cs-slider-e3a1981-2 .cs-slide-content *{color:#ffffff !important;}#cs-slide-cs-slider-e3a1981-2 .cs-stats-row{border-top-color:#ffffff !important;}}\n\t\t\t\t<\/style>\n\n\t\t<div id=\"cs-slider-e3a1981\">\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_e3a1981.manual(csSlider_e3a1981.cur > 1 ? csSlider_e3a1981.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_e3a1981.manual(csSlider_e3a1981.cur < 2 ? csSlider_e3a1981.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-e3a1981-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 - technology<\/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\">Scaling Code Quality While Accelerating Delivery<\/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\">A global IT solutions provider sought to modernise its development process by eliminating manual best-practice detection. 10Pearls delivered an automated solution that improved code quality, reduced developer effort, and streamlined development operations. <\/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\">Improved scalability with automation<\/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\">Accelerated development by automating review<\/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\/automated-code-quality-engine\/\"\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\/scaling-code-quality-while-accelerating-delivery-cs-slide.webp\" alt=\"Scaling Code Quality While Accelerating Delivery\" 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\/scaling-code-quality-while-accelerating-delivery-cs-slide.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, #827B66 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-e3a1981-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\">Automated Claims Management System<\/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\">Building a claims matching system to \novercome data complexity and variability\n leading to inaccuracies and mismatches \nin prior authorisations.<\/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\">98%<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"cs-stat-label\">Claims accuracy<\/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\">$17 M<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"cs-stat-label\">Savings in 4 months<\/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\/automating-claims-management\/\"\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\/Automated-Claims-Management-System-casestudies.webp\" alt=\"Automated Claims Management System\" 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\/Automated-Claims-Management-System-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, #32364D 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_e3a1981.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\">Scaling Code Quality While Accelerating Delivery<\/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_e3a1981.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\">Automated Claims Management System<\/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_e3a1981.manual(csSlider_e3a1981.cur > 1 ? csSlider_e3a1981.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_e3a1981.manual(csSlider_e3a1981.cur < 2 ? csSlider_e3a1981.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-e3a1981-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-e3a1981-mob-label\">\n\t\t\t\t\t\tScaling Code Quality While Accelerating Delivery\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"cs-mob-counter\" id=\"cs-slider-e3a1981-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_e3a1981';\n\t\t\tvar total = 2;\n\t\t\tvar interval = 5000;\n\t\t\tvar widgetId = 'cs-slider-e3a1981';\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: [\"Scaling Code Quality While Accelerating Delivery\",\"Automated Claims Management System\"],\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-32bfb12 indigo-btn indigo-btn--solid elementor-align-center elementor-widget elementor-widget-button\" data-id=\"32bfb12\" 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-f4c1092 section-padding e-flex e-con-boxed e-con e-parent\" data-id=\"f4c1092\" data-element_type=\"container\" data-e-type=\"container\" id=\"04\" 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-7b723d7 indigo-h2 section-head-margin-bottom elementor-widget elementor-widget-heading\" data-id=\"7b723d7\" 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\">Awards &amp; recognitions<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8b8e28 elementor-widget elementor-widget-clients_logo_widget\" data-id=\"f8b8e28\" 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-f8b8e28 { width:100%; box-sizing:border-box; }\n\n\t\t\/* Track outer \u2014 clips overflow *\/\n\t\t#clw-f8b8e28 .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-f8b8e28 .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-f8b8e28 .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-f8b8e28 .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-f8b8e28 .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-f8b8e28 .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-f8b8e28 .clw-item:last-of-type + .clw-sep,\n\t\t#clw-f8b8e28 .clw-sep:last-child { display:none !important; }\n\n\t\t\/* Mobile nav dots *\/\n\t\t#clw-f8b8e28 .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-f8b8e28 .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-f8b8e28 .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-f8b8e28 .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-f8b8e28 .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-f8b8e28 .clw-sep { display:none !important; }\n\t\t\t#clw-f8b8e28 .clw-nav-dots { display:flex; }\n\t\t}\n\t\t<\/style>\n\n\t\t<div id=\"clw-f8b8e28\"\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=\"205\" height=\"49\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/08\/Gartner_logo.svg.svg\" class=\"clw-logo\" alt=\"\" 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=\"774\" height=\"205\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/ey-logo-1-1.png\" class=\"clw-logo\" alt=\"\" loading=\"lazy\" style=\"\" srcset=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/ey-logo-1-1.png 774w, https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/ey-logo-1-1-300x79.png 300w, https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/ey-logo-1-1-768x203.png 768w\" sizes=\"auto, (max-width: 774px) 100vw, 774px\" \/><\/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=\"103\" height=\"62\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/08\/INC.-500-3.svg\" class=\"clw-logo\" alt=\"\" loading=\"lazy\" style=\"width:90px !important;max-width:90px !important;height:95px !important;\" \/><\/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=\"416\" height=\"66\" src=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/09\/forrexter-black-logo.webp\" class=\"clw-logo\" alt=\"Forrester\" loading=\"lazy\" style=\"\" srcset=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/09\/forrexter-black-logo.webp 416w, https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/09\/forrexter-black-logo-300x48.webp 300w\" sizes=\"auto, (max-width: 416px) 100vw, 416px\" \/><\/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-f8b8e28');\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-08b0da1 section-padding gradient-lefttoright-service e-flex e-con-boxed e-con e-parent\" data-id=\"08b0da1\" 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-0a50e48 e-con-full e-flex e-con e-child\" data-id=\"0a50e48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b22eba indigo-h2 section-title-margin-bottom elementor-widget elementor-widget-heading\" data-id=\"0b22eba\" 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-c0e7ed5 elementor-widget elementor-widget-text-editor\" data-id=\"c0e7ed5\" 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-5f92985 e-con-full e-flex e-con e-child\" data-id=\"5f92985\" 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-2f5b7d9 elementor-widget elementor-widget-wpforms\" data-id=\"2f5b7d9\" 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-2f5b7d9\">\n\t\t\t\t.elementor-widget-wpforms.elementor-element-2f5b7d9 {\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\/39490\" data-token=\"cec26d8d9687c623de113e8007b09ddd\" data-token-time=\"1794481126\"><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\">\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\" >Phone Region Focus<\/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_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><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=\"1794481126.135d1650f143053dd7b84a9bc84be2c203651f66938cb3cf465c1fbb16763ec3\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/pages\/39490\"><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-9f4d739 section-padding  cta-bg-gradient e-flex e-con-boxed e-con e-child\" data-id=\"9f4d739\" 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-a081159 indigo-h2 section-head-margin-bottom elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a081159\" 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\nfront-end development?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7cbb02 indigo-btn indigo-btn--ghost elementor-widget elementor-widget-button\" data-id=\"f7cbb02\" 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\">start hiring<\/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>Build responsive, user-friendly websites with 10Pearls\u2019 front-end development expertise, delivering fast-loading interfaces, seamless user experiences, and scalable web solutions tailored to business needs.<\/p>\n","protected":false},"author":77,"featured_media":222376,"parent":0,"menu_order":43,"comment_status":"closed","ping_status":"closed","template":"","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-39490","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 Top Front End Developers<\/title>\n<meta name=\"description\" content=\"Hire front-end developers from 10Pearls in the UK &amp; Europe&#039; talent pool for intuitive, scalable solutions across web and mobile apps of any scale.\" \/>\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\/hire-front-end-developers\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"website\" \/>\n<meta property=\"og:title\" content=\"Hire Top Front End Developers\" \/>\n<meta property=\"og:description\" content=\"Hire front-end developers from 10Pearls in the UK &amp; Europe&#039; talent pool for intuitive, scalable solutions across web and mobile apps of any scale.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/10pearls.com\/uk\/hire-front-end-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:22:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Hire-Top-Front-End-Developers-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 Top Front End Developers\" \/>\n<meta name=\"twitter:description\" content=\"Hire front-end developers from 10Pearls in the UK &amp; Europe&#039; talent pool for intuitive, scalable solutions across web and mobile apps of any scale.\" \/>\n<meta name=\"twitter:site\" content=\"@TenPearls\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hire Top Front End Developers","description":"Hire front-end developers from 10Pearls in the UK & Europe' talent pool for intuitive, scalable solutions across web and mobile apps of any scale.","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\/hire-front-end-developers\/","og_locale":"en_GB","og_type":"website","og_title":"Hire Top Front End Developers","og_description":"Hire front-end developers from 10Pearls in the UK & Europe' talent pool for intuitive, scalable solutions across web and mobile apps of any scale.","og_url":"https:\/\/10pearls.com\/uk\/hire-front-end-developers\/","og_site_name":"10Pearls UK","article_publisher":"https:\/\/www.facebook.com\/10Pearls\/","article_modified_time":"2026-10-29T10:22:39+00:00","og_image":[{"width":640,"height":359,"url":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Hire-Top-Front-End-Developers-LinkThumbnail.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_title":"Hire Top Front End Developers","twitter_description":"Hire front-end developers from 10Pearls in the UK & Europe' talent pool for intuitive, scalable solutions across web and mobile apps of any scale.","twitter_site":"@TenPearls","twitter_misc":{"Estimated reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/10pearls.com\/uk\/hire-front-end-developers\/","url":"https:\/\/10pearls.com\/uk\/hire-front-end-developers\/","name":"Hire Top Front End Developers","isPartOf":{"@id":"https:\/\/10pearls.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/10pearls.com\/uk\/hire-front-end-developers\/#primaryimage"},"image":{"@id":"https:\/\/10pearls.com\/uk\/hire-front-end-developers\/#primaryimage"},"thumbnailUrl":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Hire-Top-Front-End-Developers-LinkThumbnail.webp","datePublished":"2021-11-24T14:07:21+00:00","dateModified":"2026-10-29T10:22:39+00:00","description":"Hire front-end developers from 10Pearls in the UK & Europe' talent pool for intuitive, scalable solutions across web and mobile apps of any scale.","breadcrumb":{"@id":"https:\/\/10pearls.com\/uk\/hire-front-end-developers\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/10pearls.com\/uk\/hire-front-end-developers\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/10pearls.com\/uk\/hire-front-end-developers\/#primaryimage","url":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Hire-Top-Front-End-Developers-LinkThumbnail.webp","contentUrl":"https:\/\/10pearls.com\/uk\/wp-content\/uploads\/2026\/10\/Hire-Top-Front-End-Developers-LinkThumbnail.webp","width":640,"height":359},{"@type":"BreadcrumbList","@id":"https:\/\/10pearls.com\/uk\/hire-front-end-developers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/10pearls.com\/uk\/"},{"@type":"ListItem","position":2,"name":"Hire Top Front End Developers"}]},{"@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\/39490","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\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/comments?post=39490"}],"version-history":[{"count":11,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/pages\/39490\/revisions"}],"predecessor-version":[{"id":223034,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/pages\/39490\/revisions\/223034"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/media\/222376"}],"wp:attachment":[{"href":"https:\/\/10pearls.com\/uk\/wp-json\/wp\/v2\/media?parent=39490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}