{"id":10857,"date":"2025-08-29T01:10:47","date_gmt":"2025-08-29T01:10:47","guid":{"rendered":"https:\/\/techscale.io\/?page_id=10857"},"modified":"2025-11-11T09:58:17","modified_gmt":"2025-11-11T09:58:17","slug":"appudvikling","status":"publish","type":"page","link":"https:\/\/techscale.io\/da\/appudvikling\/","title":{"rendered":"Appudvikling i Danmark"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10857\" class=\"elementor elementor-10857 elementor-9321\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31da0b7 e-con-full white-bg-section e-flex e-con e-parent\" data-id=\"31da0b7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3da7d28 elementor-widget elementor-widget-html\" data-id=\"3da7d28\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n    .hero-section {\r\n        background: #D4DBE2 !important;\r\n        font-family: outfit;\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100vh;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n    }\r\n\r\n    .hero-bg-image {\r\n        position: absolute;\r\n        bottom: 0;\r\n        right: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        z-index: 1;\r\n    }\r\n\r\n    .hero-container {\r\n        position: relative;\r\n        z-index: 2;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        max-width: 1600px;\r\n        width: 100%;\r\n        padding: 0 2rem;\r\n        margin-top: 25vh;\r\n        align-items: center;\r\n    }\r\n\r\n    .hero-content {\r\n        text-align: left;\r\n        color: #181C1F;\r\n        max-width: 900px;\r\n    }\r\n\r\n    .pre-header {\r\n        font-size: 2rem;\r\n        color: #808E9A;\r\n        margin-bottom: 20px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .hero-header {\r\n        text-transform: uppercase;\r\n        font-size: 5.5rem;\r\n        font-weight: 800;\r\n        color: #181C1F;\r\n        line-height: 1.1;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .hero-description {\r\n        font-size: 1.5rem;\r\n        color: #181C1F;\r\n        line-height: 1.4;\r\n        font-weight: 400;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .hero-cta {\r\n        display: inline-block;\r\n        background-color: #161618;\r\n        color: #fff !important;\r\n        padding: 1rem 2rem !important;\r\n        border-radius: 30px;\r\n        text-decoration: none;\r\n        font-size: 1.25rem !important;\r\n        line-height: 1.75rem !important;\r\n        font-weight: 500;\r\n        border: none;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease-in-out;\r\n    }\r\n\r\n    .hero-cta:hover {\r\n        background-color: #333E46;\r\n    }\r\n\r\n    .hero-image {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .hero-image img {\r\n        max-width: 400px;\r\n        height: auto;\r\n        max-height: 70vh;\r\n        object-fit: contain;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    @media (max-width: 1919px) {\r\n        .hero-section {\r\n            height: 104vh;\r\n            align-items: flex-start;\r\n        }\r\n        \r\n        .hero-container {\r\n            margin-top: 25vh;\r\n            max-width: 1100px;\r\n            gap: 3rem;\r\n        }\r\n        \r\n        .hero-content{width:550px;}\r\n        .hero-cta {\r\n            font-size: 1rem !important;\r\n            line-height: 1.375rem !important;\r\n            padding: 0.8rem 1.2rem 0.8rem 1.2rem !important;\r\n        }\r\n\r\n        .hero-header {\r\n            font-size: 4.5rem;\r\n        }\r\n\r\n        .hero-description {\r\n            font-size: 1.25rem;\r\n            line-height: 1.6rem;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .pre-header {\r\n            font-size: 1.6rem;\r\n        }\r\n        \r\n        .hero-image img {\r\n            max-width: 360px;\r\n            height: auto;\r\n            max-height: 70vh;\r\n            object-fit: contain;\r\n            border-radius: 20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) and (min-width: 769px) {\r\n        .hero-section {\r\n            background: #000;\r\n            height: 90vh;\r\n        }\r\n        \r\n        .hero-bg-image {\r\n            transform: scale(1.5);\r\n            transform-origin: bottom right;\r\n        }\r\n        \r\n        .hero-container {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.5rem;\r\n            margin-top: 20vh;\r\n            align-items: flex-start;\r\n            justify-content: flex-start;\r\n        }\r\n        \r\n        .hero-content {\r\n            text-align: left;\r\n            order: 1;\r\n            max-width: 100%;\r\n            justify-self: flex-start;\r\n        }\r\n        \r\n        .hero-image {\r\n            order: 2;\r\n            justify-self: center;\r\n        }\r\n        \r\n        .hero-header { \r\n            font-size: 4rem; \r\n            text-align: left;\r\n        }\r\n        .hero-description { \r\n            font-size: 1.25rem; \r\n            text-align: left;\r\n        }\r\n        .pre-header { \r\n            font-size: 22px; \r\n            text-align: left;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .hero-section {\r\n            background: #000;\r\n        }\r\n        \r\n        .hero-bg-image {\r\n            transform: scale(1.5);\r\n            transform-origin: bottom right;\r\n        }\r\n        \r\n        .hero-container {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.5rem;\r\n            margin-top: 20vh;\r\n            align-items: flex-start;\r\n            justify-content: flex-start;\r\n        }\r\n        \r\n        .hero-content {\r\n            text-align: left;\r\n            order: 1;\r\n            max-width: 100%;\r\n            justify-self: flex-start;\r\n        }\r\n        \r\n        .hero-image {\r\n            order: 2;\r\n            justify-self: center;\r\n        }\r\n        \r\n        .hero-image img {\r\n            max-width: 300px;\r\n        }\r\n        \r\n        .hero-header { \r\n            font-size: 4rem; \r\n            text-align: left;\r\n        }\r\n        .hero-description { \r\n            font-size: 1.125rem; \r\n            text-align: left;\r\n        }\r\n        .pre-header { \r\n            font-size: 22px; \r\n            text-align: left;\r\n        }\r\n        .hero-cta { \r\n            padding: 0.8rem 1.5rem; \r\n            font-size: 1rem; \r\n            line-height: 1.375rem; \r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .hero-section {\r\n            background: #000;\r\n        }\r\n        \r\n        .hero-bg-image {\r\n            transform: scale(1.8);\r\n            transform-origin: bottom right;\r\n        }\r\n        \r\n        .hero-container {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1rem;\r\n            margin-top: 25vh;\r\n            align-items: flex-start;\r\n            justify-content: flex-start;\r\n        }\r\n        \r\n        .hero-content {\r\n            text-align: left;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            justify-content: flex-start;\r\n        }\r\n        \r\n        .hero-image img {\r\n            max-width: 240px;\r\n        }\r\n        \r\n        .hero-header { \r\n            font-size: 2rem; \r\n            text-align: left;\r\n              margin-bottom: .5rem;\r\n        }\r\n        .hero-description { \r\n            font-size: 1rem; \r\n            text-align: left;\r\n             margin-bottom: 1.5rem;\r\n        }\r\n        .pre-header { \r\n            font-size: 16px; \r\n            text-align: left;\r\n            margin-bottom: .5rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<body>\r\n<section class=\"hero-section\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/ecommercev2-scaled-1.webp\" \r\n         alt=\"Hero background\" \r\n         class=\"hero-bg-image\"\r\n         fetchpriority=\"high\" \r\n         loading=\"eager\">\r\n\r\n    <div class=\"hero-container\">\r\n        <div class=\"hero-content\">\r\n            <h1 class=\"pre-header\">Mobile App Development Services Danish<\/h1>\r\n            <h3 class=\"hero-header\">Build Apps<br> Users Love<\/h3>\r\n            <p class=\"hero-description\">Drive engagement, retention, and revenue with seamless mobile apps. <\/p>\r\n            <a href=\"\/contact\" class=\"hero-cta\">Build my app<\/a>\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf840ba e-flex e-con-boxed e-con e-parent\" data-id=\"bf840ba\" data-element_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-dfd310a e-con-full e-flex e-con e-child\" data-id=\"dfd310a\" data-element_type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bce22f1 elementor-widget elementor-widget-heading\" data-id=\"bce22f1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Trusted by leading brands in mobile experiences<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a52af4 elementor-widget elementor-widget-heading\" data-id=\"6a52af4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Outcomes that grow your business<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22b8c92 elementor-widget elementor-widget-heading\" data-id=\"22b8c92\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">We design and build apps that engage users, improve retention, and drive revenue growth.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4077e1d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4077e1d\" data-element_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=\"\/contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Bring it to life<\/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<div class=\"elementor-element elementor-element-883e1a7 e-con-full e-flex e-con e-child\" data-id=\"883e1a7\" data-element_type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-768f816 e-grid e-con-full e-con e-child\" data-id=\"768f816\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35c8d7f elementor-widget elementor-widget-image\" data-id=\"35c8d7f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"45\" height=\"17\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversC.svg\" class=\"attachment-large size-large wp-image-10056\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c15c610 elementor-widget elementor-widget-image\" data-id=\"c15c610\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"255\" height=\"36\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/YBC.svg\" class=\"attachment-large size-large wp-image-10059\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-189c39d elementor-widget elementor-widget-image\" data-id=\"189c39d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"269\" height=\"44\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/Magic5White.svg\" class=\"attachment-large size-large wp-image-10349\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acccdee elementor-widget elementor-widget-image\" data-id=\"acccdee\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"86\" height=\"16\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/DanskC.svg\" class=\"attachment-large size-large wp-image-10061\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e2ab53 e-grid e-con-full e-con e-child\" data-id=\"2e2ab53\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-261e774 e-con-full e-flex e-con e-child\" data-id=\"261e774\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62d246d elementor-widget elementor-widget-html\" data-id=\"62d246d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-bar-chart-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-229c3ec elementor-widget elementor-widget-heading\" data-id=\"229c3ec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Boost Growth<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1b87fc elementor-widget elementor-widget-heading\" data-id=\"a1b87fc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Expand your user base and reach new audiences with intuitive, high-performing apps.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec54a8d e-con-full e-flex e-con e-child\" data-id=\"ec54a8d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb4d9f4 elementor-widget elementor-widget-html\" data-id=\"eb4d9f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-repeat-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2717c84 elementor-widget elementor-widget-heading\" data-id=\"2717c84\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Increase Retention<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90b810b elementor-widget elementor-widget-heading\" data-id=\"90b810b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Keep users engaged and coming back with smooth experiences and personalized interactions.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85371e6 e-con-full e-flex e-con e-child\" data-id=\"85371e6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d635958 elementor-widget elementor-widget-html\" data-id=\"d635958\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-wallet-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a17499 elementor-widget elementor-widget-heading\" data-id=\"9a17499\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Drive Engagement<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac6ba1c elementor-widget elementor-widget-heading\" data-id=\"ac6ba1c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Drive measurable business outcomes through monetization features, upsells, and seamless conversion flows.<\/p>\t\t\t\t<\/div>\n\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-da68968 elementor-widget elementor-widget-html\" data-id=\"da68968\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<head>\n\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon\/fonts\/remixicon.css\" rel=\"stylesheet\">\n\n<style>\n.about-icon {font-size:2rem; color:#fff;}\n    \n<\/style>\n<\/head>\n\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-4dd19e41 e-con-full e-flex e-con e-parent\" data-id=\"4dd19e41\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-41717be4 animated-fast e-flex e-con-boxed e-con e-child\" data-id=\"41717be4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44b2f5a5 elementor-widget elementor-widget-heading\" data-id=\"44b2f5a5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Built for every pocket<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ff9caa2 elementor-widget elementor-widget-heading\" data-id=\"2ff9caa2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mobile apps that scale with your business<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3aaac299 elementor-widget elementor-widget-heading\" data-id=\"3aaac299\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Fast, intuitive apps for iOS and Android \u2014 one codebase, unlimited reach.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68920a25 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"68920a25\" data-element_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=\"\/contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Bring it to life<\/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 class=\"elementor-element elementor-element-3ca6fcc3 elementor-widget elementor-widget-html\" data-id=\"3ca6fcc3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <!-- Remix Icons CDN -->\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\r\n    \r\n    <!-- Include your CSS -->\r\n    <link rel=\"stylesheet\" href=\"shared-tabbed-sections.css\">\r\n<\/head>\r\n\r\n<body>\r\n    <section class=\"tabbed-section\">\r\n        <div class=\"main-container\">\r\n            <!-- Tabs Section -->\r\n            <div class=\"tabs-wrapper\">\r\n                <div class=\"tabs-scroll\">\r\n                    <!-- Top Left Tab -->\r\n                    <div class=\"tab active\" data-tab=\"identity\">\r\n                        <div class=\"tab-icon\">\r\n                           <i class=\"ri-emotion-happy-fill\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"tab-title\">User-Friendly mobile UX\/UI<\/h3>\r\n                        <p class=\"tab-description\">Designed with your users in mind. We create intuitive and engaging mobile experiences that boost retention and customer satisfaction.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Top Right Tab -->\r\n                    <div class=\"tab\" data-tab=\"biometric\">\r\n                        <div class=\"tab-icon\">\r\n                           <i class=\"ri-stack-fill\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"tab-title\">Cross-Platform Mobile Apps<\/h3>\r\n                        <p class=\"tab-description\">Build once and launch on iOS and Android. Our cross-platform mobile app development cuts costs, speeds up updates, and delivers a consistent user experience across devices.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Bottom Left Tab -->\r\n                    <div class=\"tab\" data-tab=\"encryption\">\r\n                        <div class=\"tab-icon\">\r\n                            <i class=\"ri-flashlight-fill\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"tab-title\">High-Performance & Offline Mobile Apps<\/h3>\r\n                        <p class=\"tab-description\">Fast, responsive, and reliable. Optimized mobile apps that work smoothly even with poor internet connectivity, thanks to offline-first functionality.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Bottom Right Tab -->\r\n                    <div class=\"tab\" data-tab=\"monitoring\">\r\n                        <div class=\"tab-icon\">\r\n                           <i class=\"ri-bar-chart-fill\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"tab-title\">Scalable Mobile App Development<\/h3>\r\n                        <p class=\"tab-description\">Cloud-native infrastructure that grows with your business. Handle traffic spikes and user growth without downtime or performance issues.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Progress Dots -->\r\n            <div class=\"progress-dots\">\r\n                <div class=\"progress-dot active\"><\/div>\r\n                <div class=\"progress-dot\"><\/div>\r\n                <div class=\"progress-dot\"><\/div>\r\n                <div class=\"progress-dot\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Media Container -->\r\n            <div class=\"media-container\">\r\n                <div class=\"media-content active\" data-tab=\"identity\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Profile.webp\" alt=\"Identity checks\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"media-content\" data-tab=\"biometric\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/AppStore.webp\" alt=\"Biometric security\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"media-content\" data-tab=\"encryption\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Progress.webp\" alt=\"End-to-end encryption\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"media-content\" data-tab=\"monitoring\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Scalable.webp\" alt=\"Real-time monitoring\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"mobile-arrows\">\r\n                <button class=\"mobile-arrow mobile-arrow-left\" aria-label=\"Previous tab\">\r\n                    <i class=\"ri-arrow-left-s-fill\"><\/i>\r\n                <\/button>\r\n                <button class=\"mobile-arrow mobile-arrow-right\" aria-label=\"Next tab\">\r\n                    <i class=\"ri-arrow-right-s-fill\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Include your JavaScript -->\r\n    <script src=\"shared-tabbed-sections.js\"><\/script>\r\n    \r\n    <!-- Remix Icons are automatically loaded via CSS -->\r\n    <script>\r\n        console.log('Remix Icons loaded successfully!');\r\n    <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b0af597 elementor-widget elementor-widget-html\" data-id=\"6b0af597\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n\/* ===== SHARED TABBED SECTIONS JAVASCRIPT ===== *\/\r\n\/* This file handles both original and new v2 tabbed sections *\/\r\n\/* ===== SHARED TABBED SECTIONS JAVASCRIPT ===== *\/\r\n\/* This file handles both original and new v2 tabbed sections *\/\r\n\r\nclass TabbedMediaSection {\r\n    constructor(container, isV2 = false) {\r\n        this.container = container;\r\n        this.isV2 = isV2;\r\n        this.prefix = isV2 ? '-v2' : '';\r\n        \r\n        \/\/ Select elements based on version\r\n        this.tabs = container.querySelectorAll(`.tab${this.prefix}`);\r\n        this.mediaContents = container.querySelectorAll(`.media-content${this.prefix}`);\r\n        this.progressDots = container.querySelectorAll(`.progress-dot${this.prefix}`);\r\n        this.leftArrow = container.querySelector(`.left-arrow${this.prefix}`);\r\n        this.tabsScroll = container.querySelector(`.tabs-scroll${this.prefix}`);\r\n        \r\n        \/\/ Mobile arrows\r\n        this.mobileArrowLeft = container.querySelector(`.mobile-arrow-left${this.prefix}`);\r\n        this.mobileArrowRight = container.querySelector(`.mobile-arrow-right${this.prefix}`);\r\n        \r\n        \/\/ Debug logging\r\n        console.log(`Mobile arrows found:`, {\r\n            left: this.mobileArrowLeft,\r\n            right: this.mobileArrowRight,\r\n            prefix: this.prefix,\r\n            isV2: this.isV2\r\n        });\r\n        \r\n        this.currentTab = 0;\r\n        this.isMobile = window.innerWidth <= 1023;\r\n        this.touchStartX = 0;\r\n        this.touchEndX = 0;\r\n        this.isDragging = false;\r\n\r\n        this.initialize();\r\n    }\r\n\r\n    initialize() {\r\n        this.bindEvents();\r\n        this.updateArrowVisibility();\r\n        this.initializeLazyLoading();\r\n        \r\n        \/\/ Ensure arrow is hidden on first tab on initial load\r\n        if (this.isMobile && this.leftArrow) {\r\n            this.leftArrow.classList.remove('show');\r\n        }\r\n    }\r\n\r\n    bindEvents() {\r\n        this.tabs.forEach((tab, index) => {\r\n            tab.addEventListener('click', () => this.activateTab(index));\r\n        });\r\n\r\n        if (this.leftArrow) {\r\n            this.leftArrow.addEventListener('click', () => {\r\n                this.activateTab(this.currentTab - 1);\r\n            });\r\n        }\r\n\r\n        \/\/ Mobile arrow event listeners\r\n        if (this.mobileArrowLeft) {\r\n            console.log('Adding click listener to left mobile arrow');\r\n            this.mobileArrowLeft.addEventListener('click', (e) => {\r\n                console.log('Left mobile arrow clicked!');\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                this.activateTab(this.currentTab - 1);\r\n            });\r\n        }\r\n\r\n        if (this.mobileArrowRight) {\r\n            console.log('Adding click listener to right mobile arrow');\r\n            this.mobileArrowRight.addEventListener('click', (e) => {\r\n                console.log('Right mobile arrow clicked!');\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                this.activateTab(this.currentTab + 1);\r\n            });\r\n        }\r\n\r\n        \/\/ Enable swipe functionality for mobile\r\n        if (this.isMobile) {\r\n            \/\/ For V2 sections, add swipe to the entire container\r\n            if (this.isV2) {\r\n                this.container.addEventListener('touchstart', (e) => this.handleTouchStart(e));\r\n                this.container.addEventListener('touchmove', (e) => this.handleTouchMove(e));\r\n                this.container.addEventListener('touchend', (e) => this.handleTouchEnd(e));\r\n            }\r\n            \/\/ For original sections, add swipe to the entire container on mobile\/iPad\r\n            else {\r\n                this.container.addEventListener('touchstart', (e) => this.handleTouchStart(e));\r\n                this.container.addEventListener('touchmove', (e) => this.handleTouchMove(e));\r\n                this.container.addEventListener('touchend', (e) => this.handleTouchEnd(e));\r\n            }\r\n        }\r\n\r\n        \/\/ Resize handler for this specific instance\r\n        const resizeHandler = () => {\r\n            this.isMobile = window.innerWidth <= 1023;\r\n            this.updateTabPosition();\r\n        };\r\n        \r\n        window.addEventListener('resize', resizeHandler);\r\n        \r\n        \/\/ Store reference for cleanup if needed\r\n        this.resizeHandler = resizeHandler;\r\n    }\r\n\r\n    activateTab(index) {\r\n        if (index < 0) index = this.tabs.length - 1;\r\n        if (index >= this.tabs.length) index = 0;\r\n\r\n        \/\/ Don't animate if clicking the same tab\r\n        if (this.currentTab === index) return;\r\n\r\n        \/\/ Fade out current content\r\n        const currentContent = this.mediaContents[this.currentTab];\r\n        if (currentContent) {\r\n            currentContent.classList.add('fade-out');\r\n        }\r\n\r\n        \/\/ Update active states\r\n        this.tabs.forEach(tab => tab.classList.remove('active'));\r\n        this.mediaContents.forEach(content => {\r\n            content.classList.remove('active');\r\n            content.classList.remove('fade-out');\r\n        });\r\n        this.progressDots.forEach(dot => dot.classList.remove('active'));\r\n\r\n        \/\/ Add active states with slight delay for smooth transition\r\n        setTimeout(() => {\r\n            this.tabs[index].classList.add('active');\r\n            this.mediaContents[index].classList.add('active');\r\n            this.progressDots[index].classList.add('active');\r\n        }, 150);\r\n\r\n        this.currentTab = index;\r\n        this.updateTabPosition();\r\n        this.updateArrowVisibility();\r\n    }\r\n\r\n    updateTabPosition() {\r\n        if (!this.isMobile || !this.tabsScroll) return;\r\n\r\n        const tabWidth = 280;\r\n        let translateX = 0;\r\n\r\n        if (this.currentTab === 0) {\r\n            translateX = 0;\r\n        } else if (this.currentTab === this.tabs.length - 1) {\r\n            translateX = -this.currentTab * (tabWidth * 0.98);\r\n        } else {\r\n            translateX = -this.currentTab * (tabWidth * 0.98);\r\n        }\r\n\r\n        this.tabsScroll.style.transform = `translateX(${translateX}px)`;\r\n    }\r\n\r\n    updateArrowVisibility() {\r\n        if (this.leftArrow) {\r\n            if (this.currentTab >= 1) {\r\n                this.leftArrow.classList.add('show');\r\n            } else {\r\n                this.leftArrow.classList.remove('show');\r\n            }\r\n        }\r\n\r\n        \/\/ Update mobile arrow states\r\n        if (this.mobileArrowLeft) {\r\n            if (this.currentTab >= 1) {\r\n                this.mobileArrowLeft.style.opacity = '1';\r\n                this.mobileArrowLeft.style.pointerEvents = 'auto';\r\n            } else {\r\n                this.mobileArrowLeft.style.opacity = '0.5';\r\n                this.mobileArrowLeft.style.pointerEvents = 'none';\r\n            }\r\n        }\r\n\r\n        if (this.mobileArrowRight) {\r\n            if (this.currentTab < this.tabs.length - 1) {\r\n                this.mobileArrowRight.style.opacity = '1';\r\n                this.mobileArrowRight.style.pointerEvents = 'auto';\r\n            } else {\r\n                this.mobileArrowRight.style.opacity = '0.5';\r\n                this.mobileArrowRight.style.pointerEvents = 'none';\r\n            }\r\n        }\r\n    }\r\n\r\n    handleTouchStart(e) {\r\n        this.touchStartX = e.touches[0].clientX;\r\n        this.isDragging = true;\r\n    }\r\n\r\n    handleTouchMove(e) {\r\n        if (!this.isDragging) return;\r\n        \r\n        const touchDiff = Math.abs(e.touches[0].clientX - this.touchStartX);\r\n        if (touchDiff > 10) {\r\n            e.preventDefault();\r\n        }\r\n    }\r\n\r\n    handleTouchEnd(e) {\r\n        if (!this.isDragging) return;\r\n        \r\n        this.touchEndX = e.changedTouches[0].clientX;\r\n        const swipeThreshold = 50;\r\n        const swipeDistance = this.touchEndX - this.touchStartX;\r\n\r\n        if (Math.abs(swipeDistance) > swipeThreshold) {\r\n            if (swipeDistance > 0) {\r\n                this.activateTab(this.currentTab - 1);\r\n            } else {\r\n                this.activateTab(this.currentTab + 1);\r\n            }\r\n        }\r\n\r\n        this.isDragging = false;\r\n    }\r\n\r\n    initializeLazyLoading() {\r\n        const imageObserver = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const img = entry.target;\r\n                    if (img.dataset.src) {\r\n                        img.src = img.dataset.src;\r\n                        img.removeAttribute('data-src');\r\n                        img.classList.add('loaded');\r\n                    }\r\n                }\r\n            });\r\n        }, {\r\n            rootMargin: '50px'\r\n        });\r\n\r\n        \/\/ Observe images within this specific container\r\n        this.container.querySelectorAll('img[data-src]').forEach(img => {\r\n            imageObserver.observe(img);\r\n        });\r\n    }\r\n\r\n    \/\/ Cleanup method if needed\r\n    destroy() {\r\n        if (this.resizeHandler) {\r\n            window.removeEventListener('resize', this.resizeHandler);\r\n        }\r\n    }\r\n}\r\n\r\n\/\/ Initialize all tabbed sections when DOM is loaded\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const instances = [];\r\n    \r\n    \/\/ Initialize original tabbed sections\r\n    document.querySelectorAll('.tabbed-section').forEach(container => {\r\n        if (!container.classList.contains('tabbed-section-v2')) {\r\n            const instance = new TabbedMediaSection(container, false);\r\n            instances.push(instance);\r\n        }\r\n    });\r\n    \r\n    \/\/ Initialize new v2 tabbed sections\r\n    document.querySelectorAll('.tabbed-section-v2').forEach(container => {\r\n        const instance = new TabbedMediaSection(container, true);\r\n        instances.push(instance);\r\n    });\r\n    \r\n    \/\/ Store instances globally for potential cleanup\r\n    window.tabbedSectionInstances = instances;\r\n    \r\n    \/\/ Remix Icons are automatically loaded via CSS\r\n    console.log('Remix Icons integration ready!');\r\n});\r\n\r\n\/\/ Helper function to create Remix Icons dynamically\r\nfunction createRemixIcon(iconName, className = '') {\r\n    const icon = document.createElement('i');\r\n    icon.className = `ri-${iconName}`;\r\n    \r\n    if (className) {\r\n        icon.classList.add(className);\r\n    }\r\n    \r\n    return icon;\r\n}\r\n\r\n\/\/ Export for potential module usage\r\nif (typeof module !== 'undefined' && module.exports) {\r\n    module.exports = TabbedMediaSection;\r\n}\r\n\r\n\r\n\r\n<\/script>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21744e8b elementor-widget elementor-widget-html\" data-id=\"21744e8b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\r\n\r\n\/* ===== SHARED TABBED SECTIONS CSS ===== *\/\r\n\/* This file handles both original and new v2 tabbed sections *\/\r\n\r\n\/* Global iOS zoom prevention for mobile arrows *\/\r\n.mobile-arrow,\r\n.mobile-arrow-v2 {\r\n    touch-action: manipulation !important;\r\n    -webkit-touch-action: manipulation !important;\r\n    -ms-touch-action: manipulation !important;\r\n    -webkit-user-select: none !important;\r\n    -moz-user-select: none !important;\r\n    -ms-user-select: none !important;\r\n    user-select: none !important;\r\n    -webkit-touch-callout: none !important;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n}\r\n\r\n\/* Remix Icons sizing *\/\r\n[class^=\"ri-\"], [class*=\" ri-\"] {\r\n    font-size: 35px;\r\n}\r\n\r\n\/* ===== ORIGINAL TABBED SECTION (Mobile App Development) ===== *\/\r\n.tabbed-section {\r\n    padding: 4rem 0;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    overflow-x: hidden;\r\n}\r\n\r\n.tabbed-section .main-container {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 456px) minmax(0, 1fr);\r\n    grid-template-rows: 1fr 1fr;\r\n    gap: 1.5rem;\r\n    align-items: center;\r\n    padding: 0 2rem;\r\n    justify-items: center; \/* Center all grid items *\/\r\n    font-family: outfit\r\n}\r\n\r\n\/* Ensure equal spacing for left and right columns *\/\r\n.tabbed-section .main-container > *:nth-child(odd) {\r\n    \r\n    width: 100%;\r\n}\r\n\r\n.tabbed-section .tabs-wrapper {\r\n    display: contents;\r\n}\r\n\r\n.tabbed-section .tabs-scroll {\r\n    display: contents;\r\n}\r\n\r\n.tabbed-section .tab {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start !important;\r\n    align-items: flex-start !important;\r\n    align-content: flex-start !important;\r\n    padding: 2rem;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    min-width: 0; \/* Allow content to shrink *\/\r\n}\r\n\r\n.tabbed-section .tab:nth-child(1) { grid-column: 1; grid-row: 1; justify-self: end; }\r\n.tabbed-section .tab:nth-child(2) { grid-column: 3; grid-row: 1; justify-self: start; }\r\n.tabbed-section .tab:nth-child(3) { grid-column: 1; grid-row: 2; justify-self: end; }\r\n.tabbed-section .tab:nth-child(4) { grid-column: 3; grid-row: 2; justify-self: start; }\r\n\r\n.tabbed-section .tab-icon {\r\n    width: 30px;\r\n    height: 30px;\r\n    margin: 0 0 1rem 0;\r\n    color: #7a7a7a;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\/* Ensure first child starts at the very top *\/\r\n.tabbed-section .tab > *:first-child {\r\n    margin-top: 0 !important;\r\n    padding-top: 0 !important;\r\n}\r\n\r\n.tabbed-section .tab-icon svg {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.tabbed-section .tab-title {\r\n    font-size: 1.5rem;\r\n    font-weight: 500;\r\n    margin-bottom: 0.75rem;\r\n    color: #7a7a7a;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tabbed-section .tab-description {\r\n    font-size: 1.25rem;\r\n    line-height: 1.6;\r\n    color: #42474c;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.tabbed-section .tab.active .tab-icon,\r\n.tabbed-section .tab:hover .tab-icon {\r\n    color: white;\r\n}\r\n\r\n.tabbed-section .tab.active .tab-title,\r\n.tabbed-section .tab:hover .tab-title {\r\n    color: white;\r\n    font-weight: 500;\r\n}\r\n\r\n.tabbed-section .tab.active .tab-description,\r\n.tabbed-section .tab:hover .tab-description {\r\n    color: #8c98a2;\r\n}\r\n\r\n.tabbed-section .media-container {\r\n    grid-column: 2;\r\n    grid-row: 1 \/ span 2;\r\n    width: 100%;\r\n    height: 800px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    margin: 0 auto;\r\n    justify-self: center;\r\n}\r\n\r\n.tabbed-section .media-content {\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease-in-out;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    will-change: opacity;\r\n}\r\n\r\n.tabbed-section .media-content.active {\r\n    opacity: 1;\r\n}\r\n\r\n.tabbed-section .media-content.fade-out {\r\n    opacity: 0;\r\n}\r\n\r\n.tabbed-section .media-content img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit:contain;\r\n}\r\n\r\n\/* Ensure media container stays centered on all screen sizes *\/\r\n.tabbed-section .media-container {\r\n    justify-self: center !important;\r\n    align-self: center !important;\r\n    grid-area: 1 \/ 2 \/ 3 \/ 3; \/* Explicitly define grid area for better control *\/\r\n}\r\n\r\n.tabbed-section .progress-dots {\r\n    display: none;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n\r\n}\r\n\r\n.tabbed-section .mobile-arrows {\r\n    display: none;\r\n}\r\n\r\n.tabbed-section-v2 .mobile-arrows-v2 {\r\n    display: none;\r\n}\r\n\r\n.tabbed-section .progress-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #191919;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tabbed-section .progress-dot.active {\r\n    width: 24px;\r\n    border-radius: 4px;\r\n    background: #525254;\r\n}\r\n\r\n.tabbed-section .left-arrow {\r\n    display: none !important;\r\n    position: absolute;\r\n    left: 10px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 48px;\r\n    height: 48px;\r\n    background: #000000;\r\n    border: none;\r\n    border-radius: 50%;\r\n    color: #505051;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tabbed-section .left-arrow:hover {\r\n    background: #1a1a1a;\r\n}\r\n\r\n.tabbed-section .left-arrow svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n\/* ===== NEW V2 TABBED SECTIONS (Software & Web Development) ===== *\/\r\n.tabbed-section-v2 {\r\n    padding: 4rem 0;\r\n    max-width: 1600px;\r\n    margin: 0 auto;\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* Force desktop layout for V2 sections *\/\r\n.tabbed-section-v2 .tabs-wrapper-v2 {\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    flex-wrap: nowrap !important;\r\n    justify-content: space-between !important;\r\n   \r\n}\r\n\r\n.tabbed-section-v2 .tabs-scroll-v2 {\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    flex-wrap: nowrap !important;\r\n    justify-content: space-between !important;\r\n    width: 100% !important;\r\n}\r\n\r\n.tabbed-section-v2 .main-container-v2 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 3rem;\r\n    padding: 0 2rem;\r\n     max-width: 1400px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.tabbed-section-v2 .progress-dots-v2 {\r\n    order: 3;\r\n}\r\n\r\n.tabbed-section-v2 .tabs-wrapper-v2 {\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    justify-content: center;\r\n    gap: 1.5rem;\r\n    position: relative;\r\n    flex-wrap: nowrap !important;\r\n}\r\n\r\n.tabbed-section-v2 .tab-v2 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start !important;\r\n    align-items: flex-start !important;\r\n    align-content: flex-start !important;\r\n    padding: 1rem;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 340px;\r\n    max-width: 340px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.tabbed-section-v2 .tab-icon-v2 {\r\n    width: 30px;\r\n    height: 30px;\r\n    margin: 0 0 1rem 0;\r\n    color: #7a7a7a;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\/* Ensure first child starts at the very top for V2 *\/\r\n.tabbed-section-v2 .tab-v2 > *:first-child {\r\n    margin-top: 0 !important;\r\n    padding-top: 0 !important;\r\n}\r\n\r\n.tabbed-section-v2 .tab-icon-v2 svg {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.tabbed-section-v2 .tab-title-v2 {\r\n    font-size: 1.5rem;\r\n    font-weight: 500;\r\n    margin-bottom: 0.75rem;\r\n    color: #7a7a7a;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.tabbed-section-v2 .tab-description-v2 {\r\n    font-size: 1.25rem;\r\n    line-height: 1.6;\r\n    color: #42474c;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.tabbed-section-v2 .tab-v2.active .tab-icon-v2,\r\n.tabbed-section-v2 .tab-v2:hover .tab-icon-v2 {\r\n    color: white;\r\n}\r\n\r\n.tabbed-section-v2 .tab-v2.active .tab-title-v2,\r\n.tabbed-section-v2 .tab-v2:hover .tab-title-v2 {\r\n    color: white;\r\n    font-weight: 500;\r\n}\r\n\r\n.tabbed-section-v2 .tab-v2.active .tab-description-v2,\r\n.tabbed-section-v2 .tab-v2:hover .tab-description-v2 {\r\n    color: #8c98a2;\r\n}\r\n\r\n.tabbed-section-v2 .media-container-v2 {\r\n    width: 100%;\r\n    height: 600px;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    margin: 0 auto;\r\n    max-width: 1400px;\r\n}\r\n\r\n.tabbed-section-v2 .media-content-v2 {\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease-in-out;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    will-change: opacity;\r\n}\r\n\r\n.tabbed-section-v2 .media-content-v2.active {\r\n    opacity: 1;\r\n}\r\n\r\n.tabbed-section-v2 .media-content-v2.fade-out {\r\n    opacity: 0;\r\n}\r\n\r\n.tabbed-section-v2 .media-content-v2 img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: top;\r\n}\r\n\r\n.tabbed-section-v2 .progress-dots-v2 {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.tabbed-section-v2 .mobile-arrows-v2 {\r\n    display: none;\r\n}\r\n\r\n.tabbed-section-v2 .progress-dot-v2 {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #191919;\r\n    transition: all 0.3s ease;\r\n    margin-top:2rem;\r\n    margin-bottom: 2rem\r\n}\r\n\r\n.tabbed-section-v2 .progress-dot-v2.active {\r\n    width: 24px;\r\n    border-radius: 4px;\r\n    background: #525254;\r\n}\r\n\r\n.tabbed-section-v2 .left-arrow-v2 {\r\n    display: none !important;\r\n    position: absolute;\r\n    left: 10px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 48px;\r\n    height: 48px;\r\n    background: #000000;\r\n    border: none;\r\n    border-radius: 50%;\r\n    color: #505051;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tabbed-section-v2 .left-arrow-v2:hover {\r\n    background: #1a1a1a;\r\n}\r\n\r\n.tabbed-section-v2 .left-arrow-v2 svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n\/* ===== RESPONSIVE DESIGN ===== *\/\r\n\r\n\/* 1919px and below - Large Desktop *\/\r\n@media (max-width: 1919px) {\r\n    .tabbed-section {\r\n        max-width: 1100px;\r\n    }\r\n    \r\n    \/* Remix Icons sizing for large desktop *\/\r\n    [class^=\"ri-\"], [class*=\" ri-\"] {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .tabbed-section .media-container {\r\n        width: 320px !important;\r\n        height: 560px;\r\n    }\r\n    \r\n    \r\n    .tabbed-section .tab {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 1rem;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    min-width: 0; \/* Allow content to shrink *\/\r\n}\r\n\r\n    .tabbed-section .tab-title {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .tabbed-section .tab-description {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .tabbed-section-v2 {\r\n        max-width: 1100px;\r\n    }\r\n\r\n    .tabbed-section-v2 .media-container-v2 {\r\n        width: 100%;\r\n        height: 500px;\r\n        max-width: 1100px;\r\n    }\r\n\r\n    .tabbed-section-v2 .tab-title-v2 {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .tabbed-section-v2 .tab-description-v2 {\r\n        font-size: 1rem;\r\n    }\r\n}\r\n\r\n.tabbed-section-v2 .tab-v2 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 0.5rem;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 250px;\r\n    max-width: 250px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* 1024px and below - iPad Portrait and Mobile *\/\r\n@media (max-width: 1024px) {\r\n    .tabbed-section .main-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        padding: 0 1.5rem;\r\n    }\r\n    \r\n    \/* Remix Icons sizing for iPad and mobile *\/\r\n    [class^=\"ri-\"], [class*=\" ri-\"] {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .tabbed-section .tabs-wrapper {\r\n        display: block;\r\n        order: 3;\r\n        margin-bottom: 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n        width: 100%;\r\n    }\r\n\r\n    .tabbed-section .tabs-scroll {\r\n        display: flex;\r\n        transition: transform 0.3s ease;\r\n        width: 400%;\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n        position: relative;\r\n        margin-left: -1.5rem;\r\n        margin-right: -1.5rem;\r\n    }\r\n\r\n    .tabbed-section .tab {\r\n        flex-shrink: 0;\r\n        padding: 1.5rem;\r\n        width: 100vw;\r\n        max-width: 280px;\r\n        grid-column: 1 !important;\r\n        grid-row: auto !important;\r\n        justify-content: flex-start !important;\r\n        align-items: flex-start !important;\r\n        align-content: flex-start !important;\r\n    }\r\n\r\n    .tabbed-section .media-container {\r\n        grid-column: 1;\r\n        grid-row: auto;\r\n        order: 1;\r\n        width: 100%;\r\n        height: 400px !important;\r\n        margin: 0 auto 2rem;\r\n        max-width: 100%;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .tabbed-section .media-content {\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .tabbed-section .media-content img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: top;\r\n    }\r\n\r\n    .tabbed-section .progress-dots {\r\n        display: flex;\r\n        order: 2;\r\n        margin-bottom: 1rem;\r\n        justify-content: center;\r\n    }\r\n\r\n    .tabbed-section .left-arrow {\r\n        display: none !important;\r\n    }\r\n    \r\n    .tabbed-section .left-arrow.show {\r\n        display: flex !important;\r\n    }\r\n\r\n    .tabbed-section .mobile-arrows {\r\n        display: flex !important;\r\n        order: 4;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        margin-top: -7rem;\r\n    }\r\n\r\n    .tabbed-section .mobile-arrow {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 48px;\r\n        height: 48px;\r\n        background: #000000;\r\n        border: none;\r\n        border-radius: 50%;\r\n        color: #505051;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        -webkit-touch-callout: none;\r\n        -webkit-user-select: none;\r\n        -khtml-user-select: none;\r\n        -moz-user-select: none;\r\n        -ms-user-select: none;\r\n        user-select: none;\r\n        -webkit-tap-highlight-color: transparent;\r\n        z-index: 100;\r\n        position: relative;\r\n        pointer-events: auto !important;\r\n    }\r\n\r\n    .tabbed-section .mobile-arrow:hover {\r\n        background: #1a1a1a;\r\n    }\r\n\r\n    .tabbed-section .mobile-arrow i {\r\n        width: 24px;\r\n        height: 24px;\r\n        font-size: 24px;\r\n    }\r\n\r\n    .tabbed-section .mobile-arrow:disabled,\r\n    .tabbed-section .mobile-arrow[style*=\"pointer-events: none\"] {\r\n        opacity: 0.5;\r\n        cursor: not-allowed;\r\n    }\r\n\r\n\r\n\r\n    .tabbed-section-v2 {\r\n        max-width: 1100px;\r\n    }\r\n\r\n    .tabbed-section-v2 .main-container-v2 {\r\n        padding: 0 1.5rem;\r\n    }\r\n\r\n    .tabbed-section-v2 .tabs-wrapper-v2 {\r\n        display: block;\r\n        margin-bottom: 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n        width: 100%;\r\n    }\r\n\r\n    .tabbed-section-v2 .tabs-scroll-v2 {\r\n        display: flex;\r\n        transition: transform 0.3s ease;\r\n        width: 400%;\r\n        padding-left: 0;           \/* \u2190 Changed to 0 *\/\r\n        padding-right: 0;          \/* \u2190 Changed to 0 *\/\r\n        position: relative;\r\n        margin-left: -1.5rem;      \/* \u2190 Added *\/\r\n        margin-right: -1.5rem;     \/* \u2190 Added *\/\r\n    }\r\n    \r\n    .tabbed-section-v2 .tab-v2 {\r\n        flex-shrink: 0;\r\n        padding: 1.5rem;\r\n        width: 100vw;              \/* \u2190 Changed to 100vw *\/\r\n        max-width: 280px;\r\n    }\r\n\r\n    .tabbed-section-v2 .media-container-v2 {\r\n        order: 1;\r\n        width: 100%;\r\n        height: 400px;\r\n        max-width: 1100px;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .tabbed-section-v2 .progress-dots-v2 {\r\n        order: 2;\r\n        margin-bottom: 0rem;\r\n        justify-content: center;\r\n    }\r\n\r\n    .tabbed-section-v2 .left-arrow-v2 {\r\n        display: none !important;\r\n    }\r\n    \r\n    .tabbed-section-v2 .left-arrow-v2.show {\r\n        display: flex !important;\r\n    }\r\n\r\n    .tabbed-section-v2 .mobile-arrows-v2 {\r\n        display: flex !important;\r\n        order: 4;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        margin-top: -7rem;\r\n    }\r\n\r\n    .tabbed-section-v2 .mobile-arrow-v2 {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 48px;\r\n        height: 48px;\r\n        background: #000000;\r\n        border: none;\r\n        border-radius: 50%;\r\n        color: #505051;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        -webkit-touch-callout: none;\r\n        -webkit-user-select: none;\r\n        -khtml-user-select: none;\r\n        -moz-user-select: none;\r\n        -ms-user-select: none;\r\n        user-select: none;\r\n        -webkit-tap-highlight-color: transparent;\r\n        z-index: 100;\r\n        position: relative;\r\n        pointer-events: auto !important;\r\n    }\r\n\r\n    .tabbed-section-v2 .mobile-arrow-v2:hover {\r\n        background: #1a1a1a;\r\n    }\r\n\r\n    .tabbed-section-v2 .mobile-arrow-v2 i {\r\n        width: 24px;\r\n        height: 24px;\r\n        font-size: 24px;\r\n    }\r\n\r\n    .tabbed-section-v2 .mobile-arrow-v2:disabled,\r\n    .tabbed-section-v2 .mobile-arrow-v2[style*=\"pointer-events: none\"] {\r\n        opacity: 0.5;\r\n        cursor: not-allowed;\r\n    }\r\n\r\n    \/* Add top alignment for V2 tabs *\/\r\n    .tabbed-section-v2 .tab-v2 {\r\n        justify-content: flex-start !important;\r\n        align-items: flex-start !important;\r\n        align-content: flex-start !important;\r\n    }\r\n\r\n   \r\n    .tabbed-section {\r\n        max-width: 1100px;\r\n    }\r\n\r\n    .tabbed-section .media-container {\r\n        width: 317px;\r\n        height: 600px;\r\n    }\r\n\r\n    .tabbed-section .tab-title {\r\n        font-size: 1.4rem;\r\n    }\r\n\r\n    .tabbed-section .tab-description {\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .tabbed-section-v2 {\r\n        max-width: 1100px;\r\n    }\r\n\r\n    .tabbed-section-v2 .media-container-v2 {\r\n        width: 100%;\r\n        height: 500px;\r\n        max-width: 1100px;\r\n    }\r\n\r\n    .tabbed-section-v2 .tab-title-v2 {\r\n        font-size: 1.4rem;\r\n    }\r\n\r\n    .tabbed-section-v2 .tab-description-v2 {\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n\r\n    .tabbed-section .mobile-arrow {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 48px;\r\n        height: 48px;\r\n        background: #000000;\r\n        border: none;\r\n        border-radius: 50%;\r\n        color: #505051;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .tabbed-section .mobile-arrow:hover {\r\n        background: #1a1a1a;\r\n    }\r\n\r\n    .tabbed-section .mobile-arrow svg {\r\n        width: 24px;\r\n        height: 24px;\r\n    }\r\n\r\n    .tabbed-section .mobile-arrow:disabled,\r\n    .tabbed-section .mobile-arrow[style*=\"pointer-events: none\"] {\r\n        opacity: 0.5;\r\n        cursor: not-allowed;\r\n    }\r\n\r\n    .tabbed-section .tab .tab-title,\r\n    .tabbed-section .tab .tab-description,\r\n\r\n\r\n    .tabbed-section-v2 {\r\n        max-width: 1100px;\r\n    }\r\n\r\n    .tabbed-section-v2 .main-container-v2 {\r\n        padding: 0 1.5rem;\r\n    }\r\n\r\n    .tabbed-section-v2 .tabs-wrapper-v2 {\r\n        display: block;\r\n        margin-bottom: 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n        width: 100%;\r\n    }\r\n\r\n    .tabbed-section-v2 .tabs-scroll-v2 {\r\n        display: flex;\r\n        transition: transform 0.3s ease;\r\n        width: 400%;\r\n       \r\n        position: relative;\r\n    }\r\n\r\n    .tabbed-section-v2 .tab-v2 {\r\n        flex-shrink: 0;\r\n        padding: 1.5rem;\r\n        width: 280px;\r\n        max-width: 280px;\r\n    }\r\n\r\n    .tabbed-section-v2 .media-container-v2 {\r\n        width: 100%;\r\n        height: 400px !important;\r\n        max-width: 1100px;\r\n    }\r\n\r\n    .tabbed-section-v2 .left-arrow-v2 {\r\n        display: none !important;\r\n    }\r\n    \r\n    .tabbed-section-v2 .left-arrow-v2.show {\r\n        display: flex !important;\r\n    }\r\n\r\n    .tabbed-section-v2 .mobile-arrows-v2 {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        \r\n    }\r\n\r\n    .tabbed-section-v2 .mobile-arrow-v2 {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 48px;\r\n        height: 48px;\r\n        background: #000000;\r\n        border: none;\r\n        border-radius: 50%;\r\n        color: #505051;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .tabbed-section-v2 .mobile-arrow-v2:hover {\r\n        background: #1a1a1a;\r\n    }\r\n\r\n    .tabbed-section-v2 .mobile-arrow-v2 svg {\r\n        width: 24px;\r\n        height: 24px;\r\n    }\r\n\r\n    .tabbed-section-v2 .mobile-arrow-v2:disabled,\r\n    .tabbed-section-v2 .mobile-arrow-v2[style*=\"pointer-events: none\"] {\r\n        opacity: 0.5;\r\n        cursor: not-allowed;\r\n    }\r\n\r\n    \/* Prevent iOS zoom on V2 mobile arrows *\/\r\n    .tabbed-section-v2 .mobile-arrow-v2 {\r\n        -webkit-touch-callout: none;\r\n        -webkit-user-select: none;\r\n        -khtml-user-select: none;\r\n        -moz-user-select: none;\r\n        -ms-user-select: none;\r\n        user-select: none;\r\n        -webkit-tap-highlight-color: transparent;\r\n    }\r\n}\r\n\r\n\/* 1024px to 901px - iPad Portrait *\/\r\n@media (max-width: 1024px) and (min-width: 901px) {\r\n    .tabbed-section .media-container {\r\n        height: 350px !important;\r\n        max-width: 100%;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .tabbed-section .media-content {\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .tabbed-section .media-content img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: top;\r\n    }\r\n}\r\n\r\n\/* 767px and below - Mobile *\/\r\n@media (max-width: 767px) {\r\n   \r\n\r\n    .tabbed-section-v2 .media-container-v2 {\r\n        order: 1;\r\n        width: 100%;\r\n        height: 200px !important;\r\n        max-width: 1100px;\r\n        margin-bottom: 1rem;\r\n    }\r\n        \r\n    .tabbed-section .main-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .tabbed-section .tabs-wrapper {\r\n        margin-left: -1.5rem;\r\n        margin-right: -1.5rem;\r\n        order: 3;\r\n    }\r\n\r\n    .tabbed-section .tabs-scroll {\r\n        padding-left: 1.5rem;\r\n        padding-right: 1.5rem;\r\n        width: 400%;\r\n    }\r\n\r\n    .tabbed-section .tab {\r\n        padding: 1.25rem;\r\n        width: 280px;\r\n        max-width: 280px;\r\n    }\r\n\r\n    .tabbed-section .media-container {\r\n        height: 400px !important;\r\n        max-width: 400px;\r\n        order: 1;\r\n        \r\n    }\r\n    .tabbed-section .main-container > *:nth-child(odd) {\r\n    width: 100vw;\r\n    padding-left: 1rem\r\n    }\r\n    \r\n    .tabbed-section .media-content {\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .tabbed-section .media-content img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: top;\r\n    }\r\n\r\n    .tabbed-section .progress-dots {\r\n        order: 2;\r\n        justify-content: center;\r\n    }\r\n\r\n    .tabbed-section .mobile-arrows {\r\n        display: flex;\r\n        order: 4;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        margin-top: -5rem;\r\n    }\r\n    \r\n        .tabbed-section-v2 .mobile-arrows-v2 {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        margin-top: -5rem;\r\n    }\r\n\r\n    .tabbed-section-v2 .tabs-wrapper-v2 {\r\n        margin-left: -1.5rem;\r\n        margin-right: -1.5rem;\r\n        width:100vw;\r\n    }\r\n   \r\n\r\n    .tabbed-section-v2 .tabs-scroll-v2 {\r\n        padding-left: 1.5rem;\r\n        padding-right: 1.5rem;\r\n        width: 400%;\r\n    }\r\n    \r\n\r\n    .tabbed-section-v2 .tab-v2 {\r\n        padding: 1.25rem;\r\n        width: 280px;\r\n        max-width: 280px;\r\n    }\r\n\r\n    .tabbed-section-v2 .media-container-v2 {\r\n        height: 400px !important;\r\n        max-width: 800px;\r\n        width:300px;\r\n    }\r\n    \r\n\r\n\r\n\r\n\r\n\/* 479px and below - Small Mobile *\/\r\n@media (max-width: 479px) {\r\n    .tabbed-section .main-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .tabbed-section .tabs-wrapper {\r\n        margin-left: -1rem;\r\n        margin-right: -1rem;\r\n        order: 3;\r\n    }\r\n\r\n    .tabbed-section .tabs-scroll {\r\n        padding-left: 1rem;\r\n        padding-right: 1rem;\r\n        width: 400%;\r\n    }\r\n\r\n    .tabbed-section .tab {\r\n        padding: 1rem;\r\n        width: 280px;\r\n        max-width: 280px;\r\n    }\r\n\r\n    .tabbed-section .media-container {\r\n        height: 300px !important;\r\n        max-width: 100%;\r\n        order: 1;\r\n        margin-bottom: 0rem;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .tabbed-section .progress-dots {\r\n        order: 2;\r\n        margin-bottom: 0rem;\r\n        justify-content: center;\r\n    }\r\n\r\n    .tabbed-section .mobile-arrows {\r\n        display: flex;\r\n        order: 4;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        margin-top: -3rem;\r\n    }\r\n\r\n    .tabbed-section-v2 .tabs-wrapper-v2 {\r\n        margin-left: -1rem;\r\n        margin-right: -1rem;\r\n    }\r\n\r\n    .tabbed-section-v2 .tabs-scroll-v2 {\r\n        padding-left: 1rem;\r\n        padding-right: 1rem;\r\n        width: 400%;\r\n    }\r\n\r\n    .tabbed-section-v2 .tab-v2 {\r\n        padding: 1rem;\r\n        width: 280px;\r\n        max-width: 280px;\r\n    }\r\n\r\n    .tabbed-section-v2 .media-container-v2 {\r\n        height: 200px !important;\r\n        max-width: 360px;\r\n    }\r\n}\r\n\r\n\/* ===== GLOBAL STYLES ===== *\/\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    background: #0a0a0a;\r\n    color: white;\r\n    overflow-x: hidden;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n\r\n\/* Ensure full-width tabs on mobile don't cause horizontal scroll *\/\r\n.tabbed-section .tabs-wrapper,\r\n.tabbed-section-v2 .tabs-wrapper-v2 {\r\n    overflow-x: hidden;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcb1cf9 e-flex e-con-boxed e-con e-parent\" data-id=\"bcb1cf9\" data-element_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-f855399 elementor-widget elementor-widget-image\" data-id=\"f855399\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"471\" height=\"82\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/Faces.webp\" class=\"attachment-large size-large wp-image-10062\" alt=\"\" srcset=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/Faces.webp 471w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/Faces-300x52.webp 300w\" sizes=\"(max-width: 471px) 100vw, 471px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cbb3d7 animated-fast e-con-full e-flex e-con e-child\" data-id=\"6cbb3d7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-184df19 elementor-widget elementor-widget-heading\" data-id=\"184df19\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Real results, real impact<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4834c67 elementor-widget elementor-widget-heading\" data-id=\"4834c67\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mobile success stories <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7e82d6 elementor-widget elementor-widget-heading\" data-id=\"e7e82d6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">See how we\u2019ve helped our partners launch apps that delight users and scale effortlessly. <br>Explore highlights from our mobile projects \u2014 and dive deeper into full case studies.<\/p>\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-45f6da0 ofh e-con-full e-flex e-con e-parent\" data-id=\"45f6da0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f7cde0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0f7cde0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n    <head>\r\n        <meta charset=\"utf-8\">\r\n        <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n        <title><\/title>\r\n        <meta name=\"description\" content>\r\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n        <!-- perf: Preload critical font with display=swap -->\r\n        <link\r\n            href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\"\r\n            rel=\"stylesheet\">\r\n        <link rel=\"stylesheet\" href=\".\/styles\/index.css\">\r\n    <\/head>\r\n    <body>\r\n\r\n        <section class=\"container\">\r\n            <div class=\"tab-container active\" data-tab=\"Yellowbeard\" id=\"software\">\r\n                <div class=\"container-content-bg\" style=\"background-image: url('\/wp-content\/uploads\/2025\/08\/Magic5-scaled.webp');\"><\/div>\r\n                <div class=\"overlay\"><\/div>\r\n                \r\n                <div id=\"tab-container-content\" class=\"container-content\">\r\n                     <div class=\"cases-logo\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Magic5White.svg\" alt=\"The Magic5\"> <\/div>\r\n                    <h3 id class=\"heading\">Revolutionizing Custom Fit with 3D Scanning<\/h3>\r\n                    <p class=\"desciprion\">We developed The Magic 5\u2019s 3D face-scanning app to create perfectly fitted swimming goggles. The app secured $1M in Shark Tank funding from Mark Cuban and Robert, proving the power of custom-fit tech in sportswear.<\/p>\r\n                    <button class=\"get-started-btn\">See case<\/button>\r\n                <\/div>\r\n            <\/div>\r\n              <div class=\"tab-container\" data-tab=\"web\" id=\"web\" >\r\n                <div class=\"container-content-bg\" style=\"background-image: url('\/wp-content\/uploads\/2025\/08\/SpecsaversCover-scaled.webp');\"><\/div>\r\n                <div class=\"overlay\"><\/div>\r\n                <div id=\"tab-container-content\" class=\"container-content\">\r\n                      <div class=\"cases-logo\"><img decoding=\"async\"  style=\"width:130px !important;\" src=\"\/wp-content\/uploads\/2025\/08\/SpecsaversC.svg\" alt=\"Specsavers\"> <\/div>\r\n                    <h3 id class=\"heading\">Contact Lens Onboarding App for Specsavers<\/h3>\r\n                <p class=\"desciprion\">We built a contact lens onboarding app that helps Specsavers reduce dropout rates, improve customer retention, and increase recurring revenue \u2014 while providing personalized service at scale.<\/p>\r\n                    <button class=\"get-started-btn\">See case<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"tab-container\" data-tab=\"mobile\" id=\"mobile\" >\r\n                <div class=\"container-content-bg\" style=\"background-image: url('\/wp-content\/uploads\/2025\/08\/YellowbeardMobileApp-scaled.webp');\"><\/div>\r\n                <div class=\"overlay\"><\/div>\r\n                <div id=\"tab-container-content\" class=\"container-content\">\r\n                      <div class=\"cases-logo\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/YBC.svg\" alt=\"Yellowbeard\"> <\/div>\r\n                    <h3 id class=\"heading\">Cashless Coffee Payment & Vending Service App <\/h3>\r\n                <p class=\"desciprion\">We built Yellowbeard\u2019s service app for the vending industry. Customers can scan and pay for coffee with the Yellowbeard Wallet, while technicians track machine status and schedule maintenance in real time<\/p>\r\n                    <button class=\"get-started-btn\">See case<\/button>\r\n                <\/div>\r\n            <\/div>\r\n          \r\n\r\n            <div class=\"tab-buttons\">\r\n                <button class=\"animated-tab-btn active\" data-tab=\"software\" id=\"software\" tabindex=\"0\">\r\n                    <div class=\"tab-progress\"><\/div>\r\n                    <span>The Magic5<\/span>\r\n                <\/button>\r\n                <button class=\"animated-tab-btn\" data-tab=\"web\" id=\"web\"  tabindex=\"-1\">\r\n                    <div class=\"tab-progress\"><\/div>\r\n                    <span>Specsavers<\/span>\r\n                <\/button>\r\n                <button class=\"animated-tab-btn\" data-tab=\"mobile\" id=\"mobile\" tabindex=\"-1\">\r\n                    <div class=\"tab-progress\"><\/div>\r\n                    <span>Yellowbeard <\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n        <\/section>\r\n        <script src=\".\/javascript\/tab_switch.js\"><\/script>\r\n    <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c273131 elementor-widget elementor-widget-html\" data-id=\"c273131\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n.container{\n    font-family: outfit;\n    display: flex;\n    position: relative;\n    align-items: center;\n    flex-direction: column;\n    height: 100vh;\n    overflow: hidden;\n\n}\n.tab-container{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    margin: 0 auto;\n    opacity: 0;\n    transition: opacity 0.6s ease-out;\n}\n\n.tab-container.active{\n    opacity: 1;\n    display: flex\n}\n\n.tab-content.fading-out {\n  display: flex;   \n  opacity: 0;\n}\n.tab-content.hidden {\n  opacity: 0;\n}\n\n\/* overall section *\/\n.container-content-bg {\n     width: 100%;\n     height: 100vh;\n     display: flex;\n     flex-direction: column;\n     position: relative;\n     align-items: center;\n     transition: opacity 0.5s linear;\n     z-index: 1;\n     overflow-x: hidden;\n}\n\n.overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 2;\n}\n\n\/* content on the top part *\/\n.container-content{\n    color: white;\n    max-width: 1000px;\n    margin: 0 auto;\n    z-index: 3;\n    position: absolute;\n    top: 130px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n}\n\n.container-content .heading{\n    position: relative;\n    font-size: 4.3rem;\n    font-weight: 800;\n    color: #fff;\n    margin-bottom: 30px;\n    line-height: 1.1;\n    text-transform: uppercase;\n    text-align: center;\n}\n.container-content .desciprion{\n    font-size: 1.5rem;\n    font-weight: 400;\n    color: #fff;\n    margin-bottom: 30px;\n    line-height: 1.5;\n}\n.container-content .get-started-btn{\n    display: inline-block;\n    background-color: #fff;\n    color: #000;\n    padding: 1rem 2rem 1rem 2rem;\n    border-radius: 30px;\n    text-decoration: none;\n    font-size: 1.25rem !important;\n    line-height: 1.75rem !important;\n    font-family: \"Outfit\", sans-serif;\n    font-weight: 500;\n    transition: all 0.3s ease-in-out;\n    border: none;\n    cursor: pointer;\n    box-sizing: border-box;\n}\n\n   .cases-logo{width:200px; display: block; margin: 0 auto;}\n\n.container-content .get-started-btn:hover{ color:#000;}\n\/* Tab Buttons *\/\n\n.tab-buttons{\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: nowrap;\n    gap: 20px;\n    overflow: hidden;\n    position: absolute;\n    bottom: 60px;\n    z-index: 3;\n    transition: transform 0.4s ease;\n    will-change: transform;\n     font-size: 1.25rem !important;\n}\n\n.animated-tab-btn{\n            position: relative;\n            padding: 0.8rem 1.4rem 0.8rem 1.4rem !important;\n            border: 2px solid rgba(255, 255, 255, 0.8) !important;\n            background: rgba(0, 0, 0, 0.2) !important;\n            backdrop-filter: blur(10px);\n            color: #fff !important;\n            border-radius: 30px;\n            font-size: 1.25rem !important;\n            line-height: 1.75rem !important ;\n            font-family: \"Outfit\", sans-serif;\n            font-weight: 500;\n            cursor: pointer;\n            transition: all 0.3s ease-in-out;\n            overflow: hidden;\n            box-sizing: border-box;\n}\n.animated-tab-btn:hover{\n          background: rgba(255, 255, 255, 0.1) !important;\n            border-color: rgba(255, 255, 255, 1) !important;\n}\n.animated-tab-btn.active{\n            background-color: #fff !important;\n            color: #000 !important;\n            border-color: #fff !important;\n}\n.tab-buttons span\n{\n    position: relative;\n    z-index: 1; \n}\n.animated-tab-btn.active .tab-progress{\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    background-color: #dfe3e7;\n    width: 0%;\n    transition: width 0.3s ease-in-out;\n    animation: autoTabProgress 9s linear forwards;\n    z-index: 0;\n}\n\n@keyframes autoTabProgress {\n    from { width: 0%; }\n    to { width: 100%; }\n}\n\n\n@media (max-width: 1919px) {\n    .container-content .heading{\n        font-size: 3.5rem;\n    }\n    \n.container-content .desciprion{\n    font-size: 1.125rem;\n    font-weight: 400;\n    color: #fff;\n    margin-bottom: 30px;\n    line-height: 1.5;\n}\n.animated-tab-btn{\n                font-size: 1rem !important;\n                line-height: 1.375rem !important;\n                padding:0.8rem 1.2rem 0.8rem 1.2rem !important;\n                box-sizing: border-box !important;\n}\n\n.container-content .get-started-btn{\n    display: inline-block;\n    background-color: #fff;\n    color: #000;\n    padding: 0.8rem 1.25rem 0.8rem 1.25rem;\n    border-radius: 30px;\n    text-decoration: none;\n    font-size: 1rem !important;\n    line-height: 1.375rem !important;\n    font-family: \"Outfit\", sans-serif;\n    font-weight: 500;\n    transition: all 0.3s ease-in-out;\n    border: none;\n    cursor: pointer;\n    box-sizing: border-box;\n}\n}\n\n@media (max-width: 768px) {\n    \n       .container-content-bg {\n     width: 100%;\n     height: 100vh;\n    background-size: cover;      \/* Makes it cover the container *\/\n    background-position: center; \/* Centers the image *\/\n    background-repeat: no-repeat;\n       }\n    \n    .container-content{\n    color: white;\n    max-width: 400px;\n    }\n    \n   .tab-buttons{\n    padding: 0 10px;\n    overflow-x: hidden;\n    left: 20px;\n    right: 20px;\n    width: auto;\n   }\n   \n      .cases-logo{width:150px; display: block; margin: 0 auto;}\n\n   .container-content .get-started-btn{\n    padding:0.5rem 0.9rem 0.5rem 0.9rem;\n    font-size: 1rem;\n}\n    .container-content .heading{\n        font-size: 2rem !important;\n    }\n    .container-content .desciprion{\n        font-size: 0.9rem !important;\n        padding: 10px;\n    }\n\n .animated-tab-btn{\n                font-size: 1rem !important;\n                 display: inline-block;\n                line-height: 1.375rem !important;\n                padding:0.8rem 1.2rem 0.8rem 1.2rem !important;\n                box-sizing: border-box !important;\n                white-space: nowrap;\n}\n\n\n \n}\n\n@media (max-width: 480px) {\n   \n   .container-content-bg {\n     width: 100%;\n     height: 100vh;\n    background-size: cover;      \/* Makes it cover the container *\/\n    background-position: center; \/* Centers the image *\/\n    background-repeat: no-repeat;\n     \n}\n     \n   .tab-buttons{\n    padding: 0 10px;\n    overflow-x: hidden;\n    left: 20px;\n    right: 20px;\n    width: auto;\n   }\n   \n   \n   \n   .container-content{\n    color: white;\n    max-width: 300px;}\n\n   .container-content .get-started-btn{\n    padding:0.8rem 1.2rem 0.8rem 1.2rem;\n    font-size: 1rem !important;\n     line-height: 1.375rem !important;\n}\n    .container-content .heading{\n        font-size: 2rem !important;\n    }\n    .container-content .desciprion{\n        font-size: 1rem !important;\n        padding: 10px;\n    }\n    .animated-tab-btn{\n        font-size: 1rem !important;\n              padding: 0.5rem 1rem 0.5rem 1rem !important;\n               line-height: 1.375rem !important;\n                font-size: 1rem !important;\n                flex-shrink: 0;\n                min-width: max-content;\n    }\n \n}\n\n\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-692a274 elementor-widget elementor-widget-html\" data-id=\"692a274\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n\nconst tabButtons = document.querySelectorAll(\".animated-tab-btn\");\nconst main_container = document.querySelectorAll(\".tab-container\");\n\nlet currentTab = 0;\nlet tabInterval = 9000; \/\/ 9 seconds\nlet customClicked = false;\nlet timeOutId;\n\ntabButtons.forEach((button, index) => {\n    button.addEventListener(\"click\",()=> {\n        customClicked = true;\n        switchTab(button, index)}\n    );\n});\n\nfunction switchTab(button, index) {\n    currentTab = index;\n\n    if (customClicked) {\n        resetTimer(0);\n        customClicked = false;\n    }\n\n    tabButtons.forEach((btn, i) => {\n        btn.classList.remove(\"active\");\n        btn.setAttribute(\"tabindex\", \"-1\");\n\n        \/\/ fade out inactive tab\n        main_container[i].classList.remove(\"active\");\n        main_container[i].classList.add(\"hidden\");\n    });\n\n    \/\/ fade in selected tab\n    main_container[index].classList.remove(\"hidden\");\n    main_container[index].classList.add(\"active\");\n\n    button.classList.add(\"active\");\n    button.setAttribute(\"tabindex\", \"0\");\n     \/\/ \ud83d\udc47 scroll active button into view smoothly\n     centerActiveTab(button,index);\n\n}\n\nfunction centerActiveTab(btn,index) {\n    \n    const windowWidth = window.innerWidth;\n\n    const btnLeft = btn.offsetLeft;\n    const btnWidth = btn.offsetWidth;\n    const btnCenter = btnLeft + (btnWidth \/ 2);\n    const screenCenter = windowWidth \/ 2;\n\n    let scrollLeft = btnCenter - screenCenter;\n\n    \/\/ Smooth scroll container (if buttons are in a wrapper)\n    btn.parentElement.scrollTo({\n        left: scrollLeft,\n        behavior: \"smooth\"\n    });\n}\n\nfunction autoSwitchTab() {\n    switchTab(tabButtons[currentTab], currentTab);\n    currentTab = (currentTab + 1) % tabButtons.length;\n    timeOutId =  setTimeout(autoSwitchTab, tabInterval);\n\n}\nautoSwitchTab()\n\n\/\/ Reset the timer when a tab is clicked\nfunction resetTimer(newDelay) {\n  clearTimeout(timeOutId);\n  timeOutId = setTimeout(autoSwitchTab, newDelay);\n}\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63df95b e-flex e-con-boxed e-con e-parent\" data-id=\"63df95b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation_laptop&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c12a1ee elementor-widget elementor-widget-html\" data-id=\"c12a1ee\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n\r\n\r\n        \r\n        .quote-section {\r\n            font-family: outfit;\r\n             align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            padding: 40px;\r\n            left: 0px;\r\n        }\r\n        \r\n        .quote-container {\r\n            position: relative;\r\n            display: grid;\r\n            grid-template-columns: 120px 1fr;\r\n            grid-template-rows: auto auto;\r\n            gap: 30px;\r\n            align-items: start;\r\n        }\r\n        \r\n        .profile-image-container {\r\n            grid-row: 1 \/ 3;\r\n            width: 120px;\r\n            height: 120px;\r\n            border-radius: 50%;\r\n            border: 3px solid rgba(255, 255, 255, 0.1);\r\n            overflow: hidden;\r\n            display: block;\r\n        }\r\n        \r\n        .profile-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            display: block;\r\n        }\r\n        \r\n        .quote-text {\r\n            grid-column: 2;\r\n            font-size: 1.5rem;\r\n            line-height: 1.6;\r\n            font-weight: 400;\r\n            color: #fff;\r\n            position: relative;\r\n            padding-left: 20px;\r\n        }\r\n        \r\n        .quote-text::before {\r\n            content: '\"';\r\n            font-size: 4rem;\r\n            color: rgba(255, 255, 255, 0.3);\r\n            position: absolute;\r\n            left: -10px;\r\n            top: -10px;\r\n            font-family: serif;\r\n            line-height: 1;\r\n        }\r\n        \r\n        .quote-text::after {\r\n            content: '\"';\r\n            font-size: 4rem;\r\n            color: rgba(255, 255, 255, 0.3);\r\n            position: absolute;\r\n            right: -10px;\r\n            bottom: -30px;\r\n            font-family: serif;\r\n            line-height: 1;\r\n        }\r\n        \r\n        .testimonial-attribution {\r\n            grid-column: 2;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 5px;\r\n        }\r\n        \r\n        .attribution-name {\r\n            font-size: 1.125rem;\r\n            font-weight: 600;\r\n            color: #fff;\r\n        }\r\n        \r\n        .attribution-company {\r\n            font-size: 1rem;\r\n            font-weight: 400;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n        \r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .quote-container {\r\n                grid-template-columns: 1fr;\r\n                grid-template-rows: auto auto auto;\r\n                gap: 20px;\r\n                text-align: center;\r\n            }\r\n            \r\n            .profile-image-container {\r\n                grid-row: 1;\r\n                grid-column: 1;\r\n                justify-self: center;\r\n                width: 100px;\r\n                height: 100px;\r\n            }\r\n            \r\n            .quote-text {\r\n                grid-column: 1;\r\n                grid-row: 2;\r\n                padding-left: 0;\r\n                font-size: 1.25rem;\r\n            }\r\n            \r\n            .quote-text::before {\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                top: -15px;\r\n            }\r\n            \r\n            .quote-text::after {\r\n                right: 50%;\r\n                transform: translateX(50%);\r\n                bottom: -25px;\r\n            }\r\n            \r\n            .testimonial-attribution {\r\n                grid-column: 1;\r\n                grid-row: 3;\r\n                align-items: center;\r\n            }\r\n            \r\n            .quote-section {\r\n                padding: 30px 20px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .quote-text {\r\n                font-size: 1.125rem;\r\n            }\r\n            \r\n            .attribution-name {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .attribution-company {\r\n                font-size: 0.875rem;\r\n            }\r\n            \r\n            .profile-image-container {\r\n                width: 80px;\r\n                height: 80px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"quote-section\">\r\n        <div class=\"quote-container\">\r\n            <div class=\"profile-image-container\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/SorenProfile.webp\" alt=\"Anders Lumbye\" class=\"profile-image\">\r\n            <\/div>\r\n            \r\n            <div class=\"quote-text\">\r\n               Working with Techscale on our mobile app and other technology has been seamless. Their reliability and accountability give me the confidence to focus my time on driving innovation in other areas of the business.\r\n            <\/div>\r\n            \r\n            <div class=\"testimonial-attribution\">\r\n                <div class=\"attribution-name\">S\u00f8ren Thinggaard<\/div>\r\n                <div class=\"attribution-company\">Customer Innovations Manager, Specsavers<\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\r\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-501df000 e-flex e-con-boxed e-con e-parent\" data-id=\"501df000\" data-element_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-4d1f1a19 e-flex e-con-boxed e-con e-child\" data-id=\"4d1f1a19\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3bcef8 elementor-widget elementor-widget-image\" data-id=\"e3bcef8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"388\" height=\"118\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/TeamTechscale.webp\" class=\"attachment-large size-large wp-image-9872\" alt=\"\" srcset=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/TeamTechscale.webp 388w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/TeamTechscale-300x91.webp 300w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f321b4a elementor-widget elementor-widget-heading\" data-id=\"1f321b4a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Steps to Success with Mobile Development\u200b<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57522907 elementor-widget elementor-widget-heading\" data-id=\"57522907\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bringing Your App Idea to Life<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1683ed0a elementor-widget elementor-widget-heading\" data-id=\"1683ed0a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">A quick, easy-to-follow guide to bring your app idea to life with Techscale.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c8244fd elementor-align-center elementor-widget elementor-widget-button\" data-id=\"5c8244fd\" data-element_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=\"\/contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get started today<\/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-4f782089 e-flex e-con-boxed e-con e-child\" data-id=\"4f782089\" data-element_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-7733bb5a e-con-full e-flex e-con e-child\" data-id=\"7733bb5a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3bf63051 e-con-full e-flex e-con e-child\" data-id=\"3bf63051\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7d29c920 e-con-full e-flex e-con e-child\" data-id=\"7d29c920\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a291bd2 elementor-widget elementor-widget-html\" data-id=\"a291bd2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-lightbulb-fill about-icon\"><\/i>\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-1274d9ca elementor-widget elementor-widget-heading\" data-id=\"1274d9ca\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Share Your Idea<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19e860a7 elementor-widget elementor-widget-heading\" data-id=\"19e860a7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Tell us your vision and goals. We listen carefully to understand your needs.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6db9f3fc e-con-full e-flex e-con e-child\" data-id=\"6db9f3fc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-41507db0 e-con-full e-flex e-con e-child\" data-id=\"41507db0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fef6ab elementor-widget elementor-widget-html\" data-id=\"9fef6ab\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-stack-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a8b2b76 elementor-widget elementor-widget-heading\" data-id=\"1a8b2b76\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Plan &amp; Build<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dd7284a elementor-widget elementor-widget-heading\" data-id=\"7dd7284a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">We design, develop, and test your app, keeping it user-friendly and scalable.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2105fcf0 e-con-full e-flex e-con e-child\" data-id=\"2105fcf0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-486e87b4 e-con-full e-flex e-con e-child\" data-id=\"486e87b4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed5801d elementor-widget elementor-widget-html\" data-id=\"ed5801d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-rocket-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76f43bcc elementor-widget elementor-widget-heading\" data-id=\"76f43bcc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Launch &amp; Grow<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1682bb3f elementor-widget elementor-widget-heading\" data-id=\"1682bb3f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Go live with confidence and optimize for engagement, retention, and growth.<\/p>\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27e33c11 e-flex e-con-boxed e-con e-parent\" data-id=\"27e33c11\" data-element_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-6413b064 e-con-full e-flex e-con e-child\" data-id=\"6413b064\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4323eb76 elementor-widget elementor-widget-heading\" data-id=\"4323eb76\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQ<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f5e7cd2 elementor-widget elementor-widget-heading\" data-id=\"1f5e7cd2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">It's usually easier to discuss mobile app development on a quick intro call<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37b13448 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"37b13448\" data-element_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=\"\/contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Let's schedule a call<\/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<div class=\"elementor-element elementor-element-726aaa8c e-flex e-con-boxed e-con e-child\" data-id=\"726aaa8c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-282270d2 elementor-widget elementor-widget-html\" data-id=\"282270d2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Smooth FAQ Component<\/title>\r\n    <link href=\"https:\/\/unpkg.com\/lucide@latest\" rel=\"stylesheet\">\r\n    <style>\r\n        .faq-container {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            font-family: 'Outfit', sans-serif;\r\n            color: #fff;\r\n            padding: 20px;\r\n        }\r\n\r\n        .faq-item {\r\n            border-bottom: 1px solid #E0E0E0;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .faq-question {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: 1.5rem;\r\n            font-weight: 500;\r\n            padding: 20px 0;\r\n            transition: background-color 0.2s ease;\r\n        }\r\n\r\n\r\n\r\n        .faq-icon {\r\n            background-color: #191C1F;\r\n            color: white;\r\n            border-radius: 50%;\r\n            width: 28px;\r\n            height: 28px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .faq-answer {\r\n            opacity: 0;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            font-size: 1.125rem;\r\n            font-weight: 400;\r\n            line-height: 1.6;\r\n            padding: 0 0 0 0;\r\n            color: #fff;\r\n            margin: 0 0 20px 0;\r\n            border-radius: 8px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .faq-item.open .faq-answer {\r\n            opacity: 1;\r\n            max-height: 200px;\r\n            padding: 20px;\r\n        }\r\n\r\n        .faq-item.open .faq-icon {\r\n            transform: rotate(45deg);\r\n            background-color: #808E9A;\r\n        }\r\n\r\n        .faq-item.open .faq-question {\r\n        }\r\n\r\n        \/* Responsive breakpoints *\/\r\n        @media (min-width: 1920px) {\r\n            .faq-container {\r\n                max-width: 1432px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1919px) {\r\n            .faq-container {\r\n                max-width: 1100px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .faq-container {\r\n                max-width: 100%;\r\n                padding: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .faq-container {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .faq-question {\r\n                font-size: 1.25rem;\r\n                padding: 15px 0;\r\n            }\r\n            \r\n            .faq-answer {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .faq-icon {\r\n                width: 22px;\r\n                height: 22px;\r\n            }\r\n            \r\n            .faq-question {\r\n                font-size: 1.125rem;\r\n                padding: 15px 0;\r\n            }\r\n            \r\n            .faq-answer {\r\n                font-size: 0.9rem;\r\n                padding: 0 0 0 0;\r\n            }\r\n            \r\n            .faq-item.open .faq-answer {\r\n                padding: 15px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"faq-container\"> <!-- Mobile App Development FAQs -->\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">\r\n      How do you ensure mobile app security and user privacy?\r\n      <div class=\"faq-icon\"><i data-lucide=\"plus\"><\/i><\/div>\r\n    <\/div>\r\n    <div class=\"faq-answer\">\r\n      We implement best practices like encrypted data storage, secure authentication, and regular vulnerability testing to protect user data and maintain compliance with industry standards.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">\r\n      What approach do you take to UX and user-friendly mobile app design?\r\n      <div class=\"faq-icon\"><i data-lucide=\"plus\"><\/i><\/div>\r\n    <\/div>\r\n    <div class=\"faq-answer\">\r\n      Our UX-first approach ensures intuitive navigation, accessibility, and engagement. Wireframes, prototypes, and user testing help us create apps that delight users and reduce drop-off.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">\r\n      How do you ensure mobile apps are scalable as user demand grows?\r\n      <div class=\"faq-icon\"><i data-lucide=\"plus\"><\/i><\/div>\r\n    <\/div>\r\n    <div class=\"faq-answer\">\r\n      We design apps with scalable architecture, cloud-based backend solutions, and modular code. This ensures your app can handle growth without performance issues or costly rewrites.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">\r\n      How do you choose the right technology stack for a mobile app?\r\n      <div class=\"faq-icon\"><i data-lucide=\"plus\"><\/i><\/div>\r\n    <\/div>\r\n    <div class=\"faq-answer\">\r\n      We evaluate project goals, timeline, budget, and required features to select frameworks like Flutter, React Native, or native Swift\/Kotlin, ensuring optimal performance and maintainability.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">\r\n      How do you improve mobile app retention and engagement?\r\n      <div class=\"faq-icon\"><i data-lucide=\"plus\"><\/i><\/div>\r\n    <\/div>\r\n    <div class=\"faq-answer\">\r\n      We focus on smooth performance, personalized experiences, push notifications, and analytics-driven updates. Continuous iteration helps keep users returning to the app.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">\r\n      How do you handle cross-platform app development efficiently?\r\n      <div class=\"faq-icon\"><i data-lucide=\"plus\"><\/i><\/div>\r\n    <\/div>\r\n    <div class=\"faq-answer\">\r\n      Using modern frameworks like React Native and Flutter, we write a single codebase for multiple platforms while maintaining native-like performance and consistent UX.\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.min.js\"><\/script>\r\n    <script>\r\n        lucide.createIcons();\r\n\r\n        document.querySelectorAll('.faq-item').forEach(item => {\r\n            const question = item.querySelector('.faq-question');\r\n            \r\n            question.addEventListener('click', () => {\r\n                const isOpen = item.classList.contains('open');\r\n                \r\n                \/\/ Close all other items\r\n                document.querySelectorAll('.faq-item').forEach(other => {\r\n                    if (other !== item) {\r\n                        other.classList.remove('open');\r\n                    }\r\n                });\r\n                \r\n                \/\/ Toggle current item\r\n                if (isOpen) {\r\n                    item.classList.remove('open');\r\n                } else {\r\n                    item.classList.add('open');\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mobile App Development Services Danish Build Apps Users Love Drive engagement, retention, and revenue with seamless mobile apps. Build my app Trusted by leading brands in mobile experiences Outcomes that grow your business We design and build apps that engage users, improve retention, and drive revenue growth. Bring it to life Boost Growth Expand your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10350,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10857","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.7.1 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Appudvikling i Danmark - Techscale<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/techscale.io\/da\/appudvikling\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Appudvikling i Danmark\" \/>\n<meta property=\"og:description\" content=\"Mobile App Development Services Danish Build Apps Users Love Drive engagement, retention, and revenue with seamless mobile apps. Build my app Trusted by leading brands in mobile experiences Outcomes that grow your business We design and build apps that engage users, improve retention, and drive revenue growth. Bring it to life Boost Growth Expand your [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/techscale.io\/da\/appudvikling\/\" \/>\n<meta property=\"og:site_name\" content=\"Techscale\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-11T09:58:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/MobileAppThumb.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data1\" content=\"31 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/techscale.io\/da\/appudvikling\/\",\"url\":\"https:\/\/techscale.io\/da\/appudvikling\/\",\"name\":\"Appudvikling i Danmark - Techscale\",\"isPartOf\":{\"@id\":\"https:\/\/techscale.io\/da\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/techscale.io\/da\/appudvikling\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/techscale.io\/da\/appudvikling\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/MobileAppThumb.webp\",\"datePublished\":\"2025-08-29T01:10:47+00:00\",\"dateModified\":\"2025-11-11T09:58:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/techscale.io\/da\/appudvikling\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/techscale.io\/da\/appudvikling\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/techscale.io\/da\/appudvikling\/#primaryimage\",\"url\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/MobileAppThumb.webp\",\"contentUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/MobileAppThumb.webp\",\"width\":2400,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/techscale.io\/da\/appudvikling\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/techscale.io\/da\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Appudvikling i Danmark\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/techscale.io\/da\/#website\",\"url\":\"https:\/\/techscale.io\/da\/\",\"name\":\"Techscale\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/techscale.io\/da\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Appudvikling i Danmark - Techscale","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:\/\/techscale.io\/da\/appudvikling\/","og_locale":"da_DK","og_type":"article","og_title":"Appudvikling i Danmark","og_description":"Mobile App Development Services Danish Build Apps Users Love Drive engagement, retention, and revenue with seamless mobile apps. Build my app Trusted by leading brands in mobile experiences Outcomes that grow your business We design and build apps that engage users, improve retention, and drive revenue growth. Bring it to life Boost Growth Expand your [&hellip;]","og_url":"https:\/\/techscale.io\/da\/appudvikling\/","og_site_name":"Techscale","article_modified_time":"2025-11-11T09:58:17+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/MobileAppThumb.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimeret l\u00e6setid":"31 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/techscale.io\/da\/appudvikling\/","url":"https:\/\/techscale.io\/da\/appudvikling\/","name":"Appudvikling i Danmark - Techscale","isPartOf":{"@id":"https:\/\/techscale.io\/da\/#website"},"primaryImageOfPage":{"@id":"https:\/\/techscale.io\/da\/appudvikling\/#primaryimage"},"image":{"@id":"https:\/\/techscale.io\/da\/appudvikling\/#primaryimage"},"thumbnailUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/MobileAppThumb.webp","datePublished":"2025-08-29T01:10:47+00:00","dateModified":"2025-11-11T09:58:17+00:00","breadcrumb":{"@id":"https:\/\/techscale.io\/da\/appudvikling\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/techscale.io\/da\/appudvikling\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/techscale.io\/da\/appudvikling\/#primaryimage","url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/MobileAppThumb.webp","contentUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/MobileAppThumb.webp","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/techscale.io\/da\/appudvikling\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/techscale.io\/da\/home\/"},{"@type":"ListItem","position":2,"name":"Appudvikling i Danmark"}]},{"@type":"WebSite","@id":"https:\/\/techscale.io\/da\/#website","url":"https:\/\/techscale.io\/da\/","name":"Techscale","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/techscale.io\/da\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"}]}},"_links":{"self":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/comments?post=10857"}],"version-history":[{"count":5,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10857\/revisions"}],"predecessor-version":[{"id":11409,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10857\/revisions\/11409"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/media\/10350"}],"wp:attachment":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/media?parent=10857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}