{"id":10438,"date":"2025-08-30T00:12:51","date_gmt":"2025-08-30T00:12:51","guid":{"rendered":"https:\/\/techscale.io\/?page_id=10438"},"modified":"2025-09-01T07:21:04","modified_gmt":"2025-09-01T07:21:04","slug":"webudvikling","status":"publish","type":"page","link":"https:\/\/techscale.io\/da\/webudvikling\/","title":{"rendered":"Webudvikling"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10438\" class=\"elementor elementor-10438 elementor-9684\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-638db5a3 e-con-full e-flex e-con e-parent\" data-id=\"638db5a3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21d73427 elementor-widget elementor-widget-html\" data-id=\"21d73427\" 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\r\n    \r\n    <!-- Preload critical background image for LCP optimization -->\r\n    <link rel=\"preload\" href=\"\/wp-content\/uploads\/2025\/08\/WebdesignBG.webp\" as=\"image\" fetchpriority=\"high\">\r\n    \r\n    <style>\r\n\r\n        .hero-section {\r\n            font-family: 'Outfit', sans-serif;\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            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: bottom;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n            color: white;\r\n            max-width: 1200px;\r\n            padding: 0 20px;\r\n            margin-top: 18vh;\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: #fff;\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: #fff;\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: #fff;\r\n            color: #000 !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: #f5f5f5;\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                background-color: #171719;\r\n            }\r\n            \r\n            .hero-content {\r\n                margin-top: 20vh;\r\n            }\r\n            \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.5rem;\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\r\n        @media (max-width: 1024px) and (min-width: 769px) {\r\n            \/* iPad Portrait Only *\/\r\n            .hero-section {\r\n                background: #171719;\r\n                height: 90vh;\r\n            }\r\n            \r\n            .hero-bg-image {\r\n                transform: scale(1.3);\r\n                transform-origin: bottom center;\r\n            }\r\n            \r\n            \/* Keep existing text adjustments *\/\r\n            .hero-header { \r\n                font-size: 3.5rem; \r\n            }\r\n            .hero-description { \r\n                font-size: 1.25rem; \r\n            }\r\n            .pre-header { \r\n                font-size: 22px; \r\n            }\r\n            .hero-content { \r\n                margin-top: 25vh; \r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            \/* Mobile and iPad Portrait *\/\r\n            .hero-section {\r\n                background: #171719;\r\n            }\r\n            \r\n            .hero-bg-image {\r\n                transform: scale(1.4);\r\n                transform-origin: bottom center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            \r\n                    .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: left;\r\n            color: white;\r\n            max-width: 400px;\r\n            padding: 0 20px;\r\n\r\n        }\r\n            .hero-section {\r\n                background: #171719;\r\n            }\r\n            \r\n            .hero-bg-image {\r\n                transform: scale(1.6);\r\n                transform-origin: bottom center;\r\n            }\r\n            \r\n            .hero-header { \r\n                font-size: 2rem; \r\n            }\r\n            .hero-description { \r\n                font-size: 1rem; \r\n            }\r\n            .pre-header { \r\n                font-size: 16px; \r\n            }\r\n            .hero-content { \r\n                margin-top: 30vh; \r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"hero-section\">\r\n        <!-- Static Background Image -->\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/WebdesignBG.webp\" \r\n             alt=\"Webudvikling og webapplikationer der driver v\u00e6kst for virksomheder\" \r\n             class=\"hero-bg-image\"\r\n             fetchpriority=\"high\" \r\n             loading=\"eager\">\r\n\r\n        <!-- Hero Content -->\r\n<div class=\"hero-content\">\r\n    <h1 class=\"pre-header\">Skr\u00e6ddersyede Webl\u00f8sninger<\/h1>\r\n    <h2 class=\"hero-header\">Webudvikling, der skaber v\u00e6kst<\/h2>\r\n    <p class=\"hero-description\">Hos Techscale bygger vi sikre og skalerbare webudvikling og webapplikationer, der driver v\u00e6kst gennem engagement.<\/p>\r\n    <a href=\"\/da\/kontakt-os\" class=\"hero-cta\">Kom i gang<\/a>\r\n<\/div>\r\n    <\/section>\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-b5bed32 e-flex e-con-boxed e-con e-parent\" data-id=\"b5bed32\" 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-4dafa20 e-con-full e-flex e-con e-child\" data-id=\"4dafa20\" data-element_type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e7bff13 elementor-widget elementor-widget-heading\" data-id=\"7e7bff13\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">V\u00e6rdien af Webudvikling<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ef9e34f elementor-widget elementor-widget-heading\" data-id=\"2ef9e34f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">F\u00e5 mere ud af din forretning<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e376c86 elementor-widget elementor-widget-heading\" data-id=\"7e376c86\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Fra en st\u00e6rkere online tilstedev\u00e6relse til smartere forretningsprocesser \u2013 webudvikling og applikationer skaber m\u00e5lbare resultater gennem hele din v\u00e6kstrejse.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78100c76 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"78100c76\" 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=\"\/da\/kontakt-os\">\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\">Start i dag<\/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-673d881 e-con-full e-flex e-con e-child\" data-id=\"673d881\" data-element_type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-69f01493 e-grid e-con-full e-con e-child\" data-id=\"69f01493\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb5c91d elementor-widget elementor-widget-image\" data-id=\"4bb5c91d\" 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 fetchpriority=\"high\" decoding=\"async\" width=\"550\" height=\"109\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/MondCopenhagen.svg\" class=\"attachment-large size-large wp-image-10436\" 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-73e62f7e elementor-widget elementor-widget-image\" data-id=\"73e62f7e\" 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=\"97\" height=\"25\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/DobbyC.svg\" class=\"attachment-large size-large wp-image-10186\" 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-159a390d elementor-widget elementor-widget-image\" data-id=\"159a390d\" 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=\"39\" height=\"10\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/NutraminoC.svg\" class=\"attachment-large size-large wp-image-10057\" 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-2af90b5 elementor-widget elementor-widget-image\" data-id=\"2af90b5\" 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=\"131\" height=\"43\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/AIDKColor.svg\" class=\"attachment-large size-large wp-image-9889\" 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-4cf0f3c elementor-widget elementor-widget-image\" data-id=\"4cf0f3c\" 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=\"189\" height=\"42\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/ZyxelC.svg\" class=\"attachment-large size-large wp-image-10060\" 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-19a8b692 elementor-widget elementor-widget-image\" data-id=\"19a8b692\" 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=\"53\" height=\"7\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/CustimooC.svg\" class=\"attachment-large size-large wp-image-10058\" 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-7ef7dd05 e-grid e-con-full e-con e-child\" data-id=\"7ef7dd05\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7a7bc847 e-con-full e-flex e-con e-child\" data-id=\"7a7bc847\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60db9084 elementor-widget elementor-widget-html\" data-id=\"60db9084\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-global-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3071c038 elementor-widget elementor-widget-heading\" data-id=\"3071c038\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Global R\u00e6kkevidde &amp; Synlighed<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b2c98bf elementor-widget elementor-widget-heading\" data-id=\"1b2c98bf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">N\u00e5 flere kunder med en professionel online tilstedev\u00e6relse, tilg\u00e6ngelig n\u00e5r som helst og hvor som helst.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-276c84f5 e-con-full e-flex e-con e-child\" data-id=\"276c84f5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49b4360f elementor-widget elementor-widget-html\" data-id=\"49b4360f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-cpu-line about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41f54e3c elementor-widget elementor-widget-heading\" data-id=\"41f54e3c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Effektivitet &amp; Automatisering<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-293314b3 elementor-widget elementor-widget-heading\" data-id=\"293314b3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Str\u00f8mlin processer med skr\u00e6ddersyede v\u00e6rkt\u00f8jer, der sparer tid og reducerer manuelt arbejde.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3248fb07 e-con-full e-flex e-con e-child\" data-id=\"3248fb07\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c1c4dc elementor-widget elementor-widget-html\" data-id=\"9c1c4dc\" 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-3fd2d535 elementor-widget elementor-widget-heading\" data-id=\"3fd2d535\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Skalerbar V\u00e6kst<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2dee253c elementor-widget elementor-widget-heading\" data-id=\"2dee253c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Byg digitale platforme, der tilpasser sig og vokser i takt med, at din forretning udvikler sig.<\/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-6a844570 elementor-widget elementor-widget-html\" data-id=\"6a844570\" 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-51845ab1 e-con-full e-flex e-con e-parent\" data-id=\"51845ab1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-69a0a450 animated-fast e-flex e-con-boxed e-con e-child\" data-id=\"69a0a450\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&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-144a9d88 elementor-widget elementor-widget-heading\" data-id=\"144a9d88\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Hvad vores webl\u00f8sninger tilbyder<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15d9e393 elementor-widget elementor-widget-heading\" data-id=\"15d9e393\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Funktioner der g\u00f8r dig synlig<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65cddf7a elementor-widget elementor-widget-heading\" data-id=\"65cddf7a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Vi skaber mere end bare hjemmesider \u2013 vi leverer hurtige, skalerbare og sikre webl\u00f8sninger. Fra responsivt design til avancerede integrationer er hver funktion designet til at f\u00e5 din forretning til at pr\u00e6stere bedre online.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fca95e1 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4fca95e1\" 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=\"\/da\/kontakt-os\">\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\">Start din webl\u00f8sning<\/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-128763fc elementor-widget elementor-widget-html\" data-id=\"128763fc\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeIn&quot;}\" 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    <!-- Test V2 Section -->\r\n    <section class=\"tabbed-section-v2\" id=\"test-section\">\r\n       \r\n        <!-- Media Container (Below Tabs) -->\r\n        <div class=\"media-container-v2\">\r\n            <div class=\"media-content-v2 active\" data-tab=\"tab1\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Custimoo-scaled.webp\" alt=\"Webshop og hurtigere webapplikationer med Techscale\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"media-content-v2\" data-tab=\"tab2\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/1.png\" alt=\"Webdesign UI UX til webudvikling der konverterer\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"media-content-v2\" data-tab=\"tab3\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Search.webp\" alt=\"SEO hjemmesider i moderne design\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"media-content-v2\" data-tab=\"tab4\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/CMS-scaled.webp\" alt=\"CMS l\u00f8sninger indenfor webudvikling og applikationer med Techscale\" loading=\"lazy\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"progress-dots-v2\">\r\n            <div class=\"progress-dot-v2 active\"><\/div>\r\n            <div class=\"progress-dot-v2\"><\/div>\r\n            <div class=\"progress-dot-v2\"><\/div>\r\n            <div class=\"progress-dot-v2\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"main-container-v2\">\r\n            <!-- Tabs Section -->\r\n           <div class=\"tabs-wrapper-v2\">\r\n    <div class=\"tabs-scroll-v2\">\r\n        <!-- Tab 1 -->\r\n        <div class=\"tab-v2 active\" data-tab=\"tab1\">\r\n            <div class=\"tab-icon-v2\">\r\n                <i class=\"ri-speed-up-fill\"><\/i>\r\n            <\/div>\r\n            <h4 class=\"tab-title-v2\">Hurtigt Indl\u00e6sende Hjemmesider<\/h4>\r\n            <p class=\"tab-description-v2\">Hastighed er vigtig. Vi bygger optimerede hjemmesider, der loader med det samme, forbedrer SEO og mindsker afvisningsprocenter.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Tab 2 -->\r\n        <div class=\"tab-v2\" data-tab=\"tab2\">\r\n            <div class=\"tab-icon-v2\">\r\n                <i class=\"ri-bar-chart-horizontal-fill\"><\/i>\r\n            <\/div>\r\n            <h4 class=\"tab-title-v2\">Webdesign der Konverterer<\/h4>\r\n            <p class=\"tab-description-v2\">Websites med fokus p\u00e5 konvertering, bygget med smart UX og effektive CTA\u2019er. Hver designbeslutning tager sigte p\u00e5 at omdanne bes\u00f8gende til kunder.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Tab 3 -->\r\n        <div class=\"tab-v2\" data-tab=\"tab3\">\r\n            <div class=\"tab-icon-v2\">\r\n                <i class=\"ri-search-eye-fill\"><\/i>\r\n            <\/div>\r\n            <h4 class=\"tab-title-v2\">SEO-venlige & Tilg\u00e6ngelige Websites<\/h4>\r\n            <p class=\"tab-description-v2\">Optimeret til s\u00f8gemaskiner og inklusivitet. Vi f\u00f8lger SEO-best practices og WCAG-standarder for at maksimere r\u00e6kkevidden.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Tab 4 -->\r\n        <div class=\"tab-v2\" data-tab=\"tab4\">\r\n            <div class=\"tab-icon-v2\">\r\n                <i class=\"ri-dashboard-fill\"><\/i>\r\n            <\/div>\r\n            <h4 class=\"tab-title-v2\">CMS-baserede Webl\u00f8sninger<\/h4>\r\n            <p class=\"tab-description-v2\">G\u00f8r dit team selvk\u00f8rende med fleksible CMS-integrationer. Opdater indhold, lancer kampagner og hold agiliteten \u2013 uden flaskehalse hos udviklerne.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n            <div class=\"mobile-arrows-v2\">\r\n                <button class=\"mobile-arrow-v2 mobile-arrow-left-v2\" aria-label=\"Previous tab\">\r\n                    <i class=\"ri-arrow-left-s-fill\"><\/i>\r\n                <\/button>\r\n                <button class=\"mobile-arrow-v2 mobile-arrow-right-v2\" 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-e05145f elementor-widget elementor-widget-html\" data-id=\"e05145f\" 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-5f1ec716 elementor-widget elementor-widget-html\" data-id=\"5f1ec716\" 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-5c3a586a e-flex e-con-boxed e-con e-parent\" data-id=\"5c3a586a\" 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-74a12370 elementor-widget elementor-widget-image\" data-id=\"74a12370\" 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-1411b748 animated-fast e-con-full e-flex e-con e-child\" data-id=\"1411b748\" 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-79286e2c elementor-widget elementor-widget-heading\" data-id=\"79286e2c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Resultater fra vores projekter<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6461e9e4 elementor-widget elementor-widget-heading\" data-id=\"6461e9e4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Webudvikling uden gr\u00e6nser<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3337508b elementor-widget elementor-widget-heading\" data-id=\"3337508b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Se hvordan vores webl\u00f8sninger skaber resultater for virksomheder. Fra optimerede arbejdsprocesser til \u00f8get brugerengagement \u2013 disse projekter viser den m\u00e5lbare v\u00e6rdi, webudvikling kan tilf\u00f8re.<\/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-24a194a1 ofh e-con-full e-flex e-con e-parent\" data-id=\"24a194a1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a3c8af elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5a3c8af\" 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=\"Dobby\" id=\"software\">\r\n        <div class=\"container-content-bg\" style=\"background-image: url('\/wp-content\/uploads\/2025\/08\/Custimoo-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\/CustimooC.svg\" alt=\"Custimoo webshop\"> <\/div>\r\n            <h3 id class=\"heading\">St\u00f8tter Custimoos rejse fra startup til scaleup<\/h3>\r\n            <p class=\"desciprion\">Custimoos webplatform hj\u00e6lper brugere med nemt at tilpasse produkter online, hvilket \u00f8ger engagement og sikrer et bedre ordre flow. Fra startup til scaleup har vores l\u00f8sning underst\u00f8ttet massiv v\u00e6kst og optimeret driften i deres voksende virksomhed.<\/p>\r\n            <button class=\"get-started-btn\">Se case<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\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\/MondCPH-1-scaled.webp'); background-size: cover; background-repeat: no-repeat; background-position: center;\"><\/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\/MondCopenhagen.svg\" alt=\"Mond Copenhagen\"> <\/div>\r\n            <h3 id class=\"heading\">Mond Copenhagens online v\u00e6kst<\/h3>\r\n            <p class=\"desciprion\">Vi udviklede en robust e-commerce platofrm for Mond Copenhagen, der h\u00e5ndterer h\u00f8je trafikvolumener samtidig med at den \u00f8ger konverteringer. Vores l\u00f8sning sikrer en problemfri shoppingoplevelse, der underst\u00f8tter brandets v\u00e6kst i hele Norden.<\/p>\r\n            <button class=\"get-started-btn\">Se case<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\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\/AIDK-1-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\" style=\"width:200px !important;\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/AIDKColor.svg\" alt=\"AIDK\"> <\/div>\r\n            <h3 id class=\"heading\">Effektiviserer leasing og forsikring med AIDK<\/h3>\r\n            <p class=\"desciprion\">Vi udviklede en h\u00f8jtydende platform, der forbinder biludlejningsfirmaer, forsikringsselskaber og slutbrugere. Med integrationer til Europas st\u00f8rste forsikringsselskaber h\u00e5ndterer AIDK store m\u00e6ngder transaktioner og sikrer samtidig p\u00e5lidelighed og en problemfri brugeroplevelse.<\/p>\r\n            <button class=\"get-started-btn\">Se case<\/button>\r\n        <\/div>\r\n    <\/div>\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>Custimoo<\/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>Mond of Copenhagen<\/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>AIDK<\/span>\r\n        <\/button>\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-f3b049 elementor-widget elementor-widget-html\" data-id=\"f3b049\" 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                 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.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-54ab6a6e elementor-widget elementor-widget-html\" data-id=\"54ab6a6e\" 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-4d94468a e-flex e-con-boxed e-con e-parent\" data-id=\"4d94468a\" 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-79fa79cb elementor-widget elementor-widget-html\" data-id=\"79fa79cb\" 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\/AndersProfile.webp\" alt=\"Anders Lumbye\" class=\"profile-image\">\r\n            <\/div>\r\n            \r\n            <div class=\"quote-text\">\r\n            Vi har v\u00e6ret en del af Techscale siden vi gik i gang hos Custimoo, og vi har v\u00e6kstet fra startup til scaleup og g\u00e5et fra 8 til 11 udviklere, da vores platform har mere trafik end nogensinde f\u00f8r. \r\n            <\/div>\r\n            \r\n            <div class=\"testimonial-attribution\">\r\n                <div class=\"attribution-name\">Anders Lumbye<\/div>\r\n                <div class=\"attribution-company\">CTO, Custimoo<\/div>\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-2dbea2d0 e-flex e-con-boxed e-con e-parent\" data-id=\"2dbea2d0\" 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-180c1ca7 e-flex e-con-boxed e-con e-child\" data-id=\"180c1ca7\" 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-27ae74f0 elementor-widget elementor-widget-image\" data-id=\"27ae74f0\" 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-49b99c3c elementor-widget elementor-widget-heading\" data-id=\"49b99c3c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">F\u00e5 succes med webudvikling<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e0a1f2d elementor-widget elementor-widget-heading\" data-id=\"5e0a1f2d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lad os starte dit webprojekt <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19cfc7b1 elementor-widget elementor-widget-heading\" data-id=\"19cfc7b1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">En enkel og overskuelig tilgang til at planl\u00e6gge, udvikle og lancere webl\u00f8sninger, der kan vokse med din virksomhed.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1349b2d2 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"1349b2d2\" 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=\"\/da\/kontakt-os\">\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\">Start i dag<\/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-498520bd e-flex e-con-boxed e-con e-child\" data-id=\"498520bd\" 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-213aa85c e-con-full e-flex e-con e-child\" data-id=\"213aa85c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-324dfcf1 e-con-full e-flex e-con e-child\" data-id=\"324dfcf1\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2fb5e4dd e-con-full e-flex e-con e-child\" data-id=\"2fb5e4dd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-427e2dbc elementor-widget elementor-widget-html\" data-id=\"427e2dbc\" 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-277ca678 elementor-widget elementor-widget-heading\" data-id=\"277ca678\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Defin\u00e9r din vision<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b684785 elementor-widget elementor-widget-heading\" data-id=\"4b684785\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Fort\u00e6l os om dine projektm\u00e5l, brugere og \u00f8nskede resultater. Vi lytter, stiller de rigtige sp\u00f8rgsm\u00e5l og kortl\u00e6gger dine behov.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-537a462b e-con-full e-flex e-con e-child\" data-id=\"537a462b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-764b8a0e e-con-full e-flex e-con e-child\" data-id=\"764b8a0e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-590bf365 elementor-widget elementor-widget-html\" data-id=\"590bf365\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-tools-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-a9144c4 elementor-widget elementor-widget-heading\" data-id=\"a9144c4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Design &amp; udvikling<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56bcfee3 elementor-widget elementor-widget-heading\" data-id=\"56bcfee3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Vi lavet et intuitiv UX, v\u00e6lger den rette tech stack og udvikler en skalerbar l\u00f8sning tilpasset din virksomhed.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6563d81b e-con-full e-flex e-con e-child\" data-id=\"6563d81b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-44cc7b36 e-con-full e-flex e-con e-child\" data-id=\"44cc7b36\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c81d517 elementor-widget elementor-widget-html\" data-id=\"4c81d517\" 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-5c7e6894 elementor-widget elementor-widget-heading\" data-id=\"5c7e6894\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Udrul &amp; optimer<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-116b1b8b elementor-widget elementor-widget-heading\" data-id=\"116b1b8b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Fra QA til lancering sikrer vi en problemfri start. L\u00f8bende support og optimering holder din webl\u00f8sning p\u00e5 toppen af ydeevnen.<\/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-577385fe e-flex e-con-boxed e-con e-parent\" data-id=\"577385fe\" 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-3f3028be e-con-full e-flex e-con e-child\" data-id=\"3f3028be\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e134cff elementor-widget elementor-widget-heading\" data-id=\"2e134cff\" 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-1e03ce60 elementor-widget elementor-widget-heading\" data-id=\"1e03ce60\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Lad os tage en kop kaffe og diskutere jeres projekt. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7195b86a elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7195b86a\" 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=\"\/da\/kontakt-os\">\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\">Book et m\u00f8de<\/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-75f4cf8 e-flex e-con-boxed e-con e-child\" data-id=\"75f4cf8\" 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-f754fc4 elementor-widget elementor-widget-html\" data-id=\"f754fc4\" 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\"> <!-- Web Development FAQs -->\r\n\r\n <div class=\"faq-item\">\r\n  <div class=\"faq-question\">\r\n    Hvilke typer websites og webapps bygger I?\r\n    <div class=\"faq-icon\"><i class=\"ri-add-line\"><\/i><\/div>\r\n  <\/div>\r\n  <div class=\"faq-answer\">\r\n    Vi bygger alt fra responsive virksomhedswebsites og e-handelsplatforme til komplekse webapplikationer. Hvert projekt tilpasses dine forretningsm\u00e5l og brugernes behov.\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"faq-item\">\r\n  <div class=\"faq-question\">\r\n    Hvordan sikrer I, at websites er hurtige og skalerbare?\r\n    <div class=\"faq-icon\"><i class=\"ri-add-line\"><\/i><\/div>\r\n  <\/div>\r\n  <div class=\"faq-answer\">\r\n    Vi optimerer kode, anvender moderne frameworks og benytter cloud-baseret hosting for at sikre hurtige indl\u00e6sningstider og en skalerbar webarkitektur, der kan h\u00e5ndtere h\u00f8je trafikm\u00e6ngder.\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"faq-item\">\r\n  <div class=\"faq-question\">\r\n    Kan I integrere mit website med andre softwarel\u00f8sninger eller platforme?\r\n    <div class=\"faq-icon\"><i class=\"ri-add-line\"><\/i><\/div>\r\n  <\/div>\r\n  <div class=\"faq-answer\">\r\n    Absolut. Vi specialiserer os i API-integrationer med CRM\u2019er, betalingsgateways, analysetools og tredjepartstjenester for at effektivisere arbejdsgange og automatisere processer.\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"faq-item\">\r\n  <div class=\"faq-question\">\r\n    Tilbyder I l\u00f8bende support og vedligeholdelse af webprojekter?\r\n    <div class=\"faq-icon\"><i class=\"ri-add-line\"><\/i><\/div>\r\n  <\/div>\r\n  <div class=\"faq-answer\">\r\n    Ja. Efter lancering s\u00f8rger vi for kontinuerlig overv\u00e5gning, opdateringer og optimering, s\u00e5 dit website eller din webapp forbliver sikker, hurtig og fuldt funktionel.\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"faq-item\">\r\n  <div class=\"faq-question\">\r\n    Hvordan h\u00e5ndterer I responsivt design p\u00e5 forskellige enheder?\r\n    <div class=\"faq-icon\"><i class=\"ri-add-line\"><\/i><\/div>\r\n  <\/div>\r\n  <div class=\"faq-answer\">\r\n    Hvert site, vi bygger, er fuldt responsivt og testet p\u00e5 forskellige enheder og sk\u00e6rmst\u00f8rrelser. M\u00e5let er en problemfri brugeroplevelse p\u00e5 desktop, tablet og mobil.\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"faq-item\">\r\n  <div class=\"faq-question\">\r\n    Hvor lang tid tager et typisk webudviklingsprojekt?\r\n    <div class=\"faq-icon\"><i class=\"ri-add-line\"><\/i><\/div>\r\n  <\/div>\r\n  <div class=\"faq-answer\">\r\n    Projekttiden varierer afh\u00e6ngigt af kompleksitet. Sm\u00e5 websites kan tage et par uger, mens st\u00f8rre webapplikationer kan tage flere m\u00e5neder. Vi angiver altid tydelige tidsplaner i planl\u00e6gningsfasen.\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"faq-item\">\r\n  <div class=\"faq-question\">\r\n    Hvordan forbedrer I webapp-ydeevne og brugeroplevelse?\r\n    <div class=\"faq-icon\"><i class=\"ri-add-line\"><\/i><\/div>\r\n  <\/div>\r\n  <div class=\"faq-answer\">\r\n    Vi optimerer front-end kode, anvender caching-strategier og udf\u00f8rer brugertests for at sikre hurtige, responsive og engagerende webapplikationer for dine brugere.\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"faq-item\">\r\n  <div class=\"faq-question\">\r\n    Kan I bygge skr\u00e6ddersyede e-handelsl\u00f8sninger til min virksomhed?\r\n    <div class=\"faq-icon\"><i class=\"ri-add-line\"><\/i><\/div>\r\n  <\/div>\r\n  <div class=\"faq-answer\">\r\n    Ja. Vi skaber tilpassede e-handelsplatforme med sikker betalingsintegration, lagerstyring og konverteringsfokuseret design for at hj\u00e6lpe din online-forretning med at vokse.\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"faq-item\">\r\n  <div class=\"faq-question\">\r\n    Hvilke sikkerhedsforanstaltninger implementerer I i webudviklingsprojekter?\r\n    <div class=\"faq-icon\"><i class=\"ri-add-line\"><\/i><\/div>\r\n  <\/div>\r\n  <div class=\"faq-answer\">\r\n    Vi f\u00f8lger branchens bedste praksis, herunder SSL, datakryptering, sikker autentifikation og regelm\u00e6ssige s\u00e5rbarhedstests for at beskytte websites og webapplikationer mod sikkerhedstrusler.\r\n  <\/div>\r\n<\/div>\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>Skr\u00e6ddersyede Webl\u00f8sninger Webudvikling, der skaber v\u00e6kst Udvikling af websites og webapplikationer, der \u00f8ger din forretning. Kom i gang V\u00e6rdien af Webudvikling F\u00e5 mere ud af din forretning Fra en st\u00e6rkere online tilstedev\u00e6relse til smartere forretningsprocesser \u2013 webudvikling skaber m\u00e5lbare resultater gennem hele din v\u00e6kstrejse. Start i dag Global R\u00e6kkevidde &amp; Synlighed N\u00e5 flere kunder med [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":10437,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10438","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>Webudvikling &amp; Webapplikationer | Techscale<\/title>\n<meta name=\"description\" content=\"Professionel webudvikling og webapplikationer, sikre og skalerbare, der \u00f8ger effektivitet, engagement og v\u00e6kst.\" \/>\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\/webudvikling\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webudvikling\" \/>\n<meta property=\"og:description\" content=\"Professionel webudvikling og webapplikationer, sikre og skalerbare, der \u00f8ger effektivitet, engagement og v\u00e6kst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/techscale.io\/da\/webudvikling\/\" \/>\n<meta property=\"og:site_name\" content=\"Techscale\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-01T07:21:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/WebDevThumb.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=\"8 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/techscale.io\/da\/webudvikling\/\",\"url\":\"https:\/\/techscale.io\/da\/webudvikling\/\",\"name\":\"Webudvikling & Webapplikationer | Techscale\",\"isPartOf\":{\"@id\":\"https:\/\/techscale.io\/da\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/techscale.io\/da\/webudvikling\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/techscale.io\/da\/webudvikling\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/WebDevThumb.webp\",\"datePublished\":\"2025-08-30T00:12:51+00:00\",\"dateModified\":\"2025-09-01T07:21:04+00:00\",\"description\":\"Professionel webudvikling og webapplikationer, sikre og skalerbare, der \u00f8ger effektivitet, engagement og v\u00e6kst.\",\"breadcrumb\":{\"@id\":\"https:\/\/techscale.io\/da\/webudvikling\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/techscale.io\/da\/webudvikling\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/techscale.io\/da\/webudvikling\/#primaryimage\",\"url\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/WebDevThumb.webp\",\"contentUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/WebDevThumb.webp\",\"width\":2400,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/techscale.io\/da\/webudvikling\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/techscale.io\/da\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webudvikling\"}]},{\"@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":"Webudvikling & Webapplikationer | Techscale","description":"Professionel webudvikling og webapplikationer, sikre og skalerbare, der \u00f8ger effektivitet, engagement og v\u00e6kst.","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\/webudvikling\/","og_locale":"da_DK","og_type":"article","og_title":"Webudvikling","og_description":"Professionel webudvikling og webapplikationer, sikre og skalerbare, der \u00f8ger effektivitet, engagement og v\u00e6kst.","og_url":"https:\/\/techscale.io\/da\/webudvikling\/","og_site_name":"Techscale","article_modified_time":"2025-09-01T07:21:04+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/WebDevThumb.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimeret l\u00e6setid":"8 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/techscale.io\/da\/webudvikling\/","url":"https:\/\/techscale.io\/da\/webudvikling\/","name":"Webudvikling & Webapplikationer | Techscale","isPartOf":{"@id":"https:\/\/techscale.io\/da\/#website"},"primaryImageOfPage":{"@id":"https:\/\/techscale.io\/da\/webudvikling\/#primaryimage"},"image":{"@id":"https:\/\/techscale.io\/da\/webudvikling\/#primaryimage"},"thumbnailUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/WebDevThumb.webp","datePublished":"2025-08-30T00:12:51+00:00","dateModified":"2025-09-01T07:21:04+00:00","description":"Professionel webudvikling og webapplikationer, sikre og skalerbare, der \u00f8ger effektivitet, engagement og v\u00e6kst.","breadcrumb":{"@id":"https:\/\/techscale.io\/da\/webudvikling\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/techscale.io\/da\/webudvikling\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/techscale.io\/da\/webudvikling\/#primaryimage","url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/WebDevThumb.webp","contentUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/WebDevThumb.webp","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/techscale.io\/da\/webudvikling\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/techscale.io\/da\/home\/"},{"@type":"ListItem","position":2,"name":"Webudvikling"}]},{"@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\/10438","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/comments?post=10438"}],"version-history":[{"count":5,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10438\/revisions"}],"predecessor-version":[{"id":10459,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10438\/revisions\/10459"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/media\/10437"}],"wp:attachment":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/media?parent=10438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}