Hero Section - Optimized<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Outfit', sans-serif;\r\n }\r\n\r\n body {\r\n background: #000;\r\n color: white;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n .hero-section {\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-video {\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-fallback-image {\r\n display: none;\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 }\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{font-size:1.6rem;}\r\n }\r\n\r\n @media (max-width: 1024px) and (min-width: 769px) {\r\n \/* iPad Portrait Only - Keep original behavior *\/\r\n .hero-section {\r\n background: #0d0d0d; \/* Same background as mobile *\/\r\n }\r\n \r\n .hero-section{ height: 90vh;}\r\n \r\n .hero-video {\r\n \r\n \r\n object-fit: contain; \/* Contained video like mobile *\/\r\n height: auto; \/* Auto height *\/\r\n max-height: 65vh; \/* Slightly larger than mobile for iPad *\/\r\n bottom: 0; \/* Bottom aligned *\/\r\n left: 50%; \/* Center horizontally *\/\r\n transform: translateX(-50%); \/* Center horizontally *\/\r\n }\r\n \r\n \/* Keep existing text adjustments *\/\r\n .hero-header { \r\n font-size: 4rem; \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 \r\n\r\n @media (max-width: 768px) {\r\n \/* Mobile and iPad Portrait - New contained video behavior *\/\r\n .hero-section {\r\n background: #0d0d0d; \/* Same background as mobile *\/\r\n }\r\n \r\n .hero-video {\r\n object-fit: contain; \/* Contained video like mobile *\/\r\n height: auto; \/* Auto height *\/\r\n max-height: 65vh; \/* Slightly larger than mobile for iPad *\/\r\n bottom: 0; \/* Bottom aligned *\/\r\n left: 50%; \/* Center horizontally *\/\r\n transform: translateX(-50%); \/* Center horizontally *\/\r\n }\r\n \r\n\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-section {\r\n background: #0d0d0d;\r\n }\r\n \r\n .hero-video {\r\n object-fit: contain;\r\n height: auto;\r\n max-height: 50vh;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\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 \r\n <video class=\"hero-video\" autoplay muted playsinline preload=\"auto\" \r\n poster=\"\/wp-content\/uploads\/2025\/08\/ProductDevFallback.webp\">\r\n <source src=\"\/wp-content\/uploads\/2025\/08\/ProductDevelopmentDobby.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n \r\n<div class=\"hero-content\">\r\n <h1 class=\"pre-header\">Skr\u00e6ddersyet Softwareudvikling<\/h1>\r\n <h2 class=\"hero-header\">Skalerbar, Sikker Software<\/h2>\r\n <p class=\"hero-description\">\r\n Vi designer og udvikler sikker, brugervenlig og h\u00f8jtydende software applikationer, der driver v\u00e6kst, effektivitet og langvarig succes.\r\n <\/p>\r\n <a href=\"\/da\/kontakt-os\" class=\"hero-cta\">Kom i gang<\/a>\r\n<\/div>\r\n <\/section>\r\n\r\n <script>\r\n class HeroVideoController {\r\n constructor() {\r\n this.video = document.querySelector('.hero-video');\r\n this.init();\r\n }\r\n\r\n init() {\r\n if (!this.video) return;\r\n\r\n \/\/ Stop video at last frame (no looping)\r\n this.video.addEventListener('ended', () => {\r\n this.video.pause();\r\n });\r\n\r\n \/\/ Ensure it plays when loaded\r\n this.video.addEventListener('loadeddata', () => {\r\n this.video.play().catch(err => console.log('Autoplay failed:', err));\r\n });\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n new HeroVideoController();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-247fe8ac e-flex e-con-boxed e-con e-parent\" data-id=\"247fe8ac\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-751f182 e-con-full e-flex e-con e-child\" data-id=\"751f182\" data-element_type=\"container\" data-settings=\"{"animation_mobile":"fadeIn"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-754ce156 elementor-widget elementor-widget-heading\" data-id=\"754ce156\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Softwareudvikling med resultater<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5925924d elementor-widget elementor-widget-heading\" data-id=\"5925924d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Byg smartere, skaler hurtigere<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2695c528 elementor-widget elementor-widget-heading\" data-id=\"2695c528\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Lever softwarel\u00f8sninger, der str\u00f8mliner driften, \u00f8ger effektiviteten og skalerer med din virksomhed \u2013 alt sammen med sikkerhed og p\u00e5lidelighed i fokus.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34ceb6a1 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"34ceb6a1\" 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\">Realiser din id\u00e9<\/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-21346c11 e-con-full e-flex e-con e-child\" data-id=\"21346c11\" data-element_type=\"container\" data-settings=\"{"animation_mobile":"fadeIn"}\">\n\t\t<div class=\"elementor-element elementor-element-c1e3b5c e-grid e-con-full e-con e-child\" data-id=\"c1e3b5c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53199847 elementor-widget elementor-widget-image\" data-id=\"53199847\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"45\" height=\"17\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversC.svg\" class=\"attachment-large size-large wp-image-10056\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-455ac5ae elementor-widget elementor-widget-image\" data-id=\"455ac5ae\" 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-2e85743c elementor-widget elementor-widget-image\" data-id=\"2e85743c\" 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-e8017d4 elementor-widget elementor-widget-image\" data-id=\"e8017d4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"86\" height=\"16\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/DanskC.svg\" class=\"attachment-large size-large wp-image-10061\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15bd7a1 elementor-widget elementor-widget-image\" data-id=\"15bd7a1\" 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-33a7ba1 elementor-widget elementor-widget-image\" data-id=\"33a7ba1\" 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-14c3d632 e-grid e-con-full e-con e-child\" data-id=\"14c3d632\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-174ec6fe e-con-full e-flex e-con e-child\" data-id=\"174ec6fe\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36590404 elementor-widget elementor-widget-html\" data-id=\"36590404\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-settings-3-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22788eb8 elementor-widget elementor-widget-heading\" data-id=\"22788eb8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Automatisering & Effektivitet\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10711815 elementor-widget elementor-widget-heading\" data-id=\"10711815\" 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 arbejdsgange og reducer manuelt arbejde.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e5efba4 e-con-full e-flex e-con e-child\" data-id=\"5e5efba4\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eac854a elementor-widget elementor-widget-html\" data-id=\"4eac854a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-arrow-up-circle-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f98364e elementor-widget elementor-widget-heading\" data-id=\"2f98364e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Skalerbar Software\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-737c86b5 elementor-widget elementor-widget-heading\" data-id=\"737c86b5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Skaler i takt med din forretning og brugerbase.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2af53b24 e-con-full e-flex e-con e-child\" data-id=\"2af53b24\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9a57fc elementor-widget elementor-widget-html\" data-id=\"b9a57fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-shield-check-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38b1225 elementor-widget elementor-widget-heading\" data-id=\"38b1225\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Sikkerhed & Driftssikkerhed<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3848b88e elementor-widget elementor-widget-heading\" data-id=\"3848b88e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Bygget p\u00e5 best practices til at beskytte data og sikre uptime.<\/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-3a5822fe elementor-widget elementor-widget-html\" data-id=\"3a5822fe\" 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-2beb70d e-con-full animated-fast e-flex elementor-invisible e-con e-parent\" data-id=\"2beb70d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeIn","animation_mobile":"fadeIn"}\">\n\t\t<div class=\"elementor-element elementor-element-27052f4 animated-fast e-flex e-con-boxed e-con e-child\" data-id=\"27052f4\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"none","animation_mobile":"none"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f84047e elementor-widget elementor-widget-heading\" data-id=\"f84047e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Bygget til moderne forretninger<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a00dd6f elementor-widget elementor-widget-heading\" data-id=\"a00dd6f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Software<br>Der arbejder for dig<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e8e8e4 elementor-widget elementor-widget-heading\" data-id=\"7e8e8e4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Skr\u00e6ddersyede web- og desktopapplikationer designet omkring hastighed, fleksibilitet og str\u00f8mlinet integration, s\u00e5 din virksomhed forbliver agil og konkurrencedygtig.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2323fff elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2323fff\" 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\">Lad os bygge din l\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-a32281f elementor-widget elementor-widget-html\" data-id=\"a32281f\" data-element_type=\"widget\" data-settings=\"{"_animation_mobile":"fadeIn"}\" 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 \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"shared-tabbed-sections.css\">\r\n<\/head>\r\n\r\n<body>\r\n <section class=\"tabbed-section-v2\" id=\"software-development\">\r\n \r\n \r\n <div class=\"media-container-v2\">\r\n <div class=\"media-content-v2 active\" data-tab=\"architecture\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/DobbyCover-scaled.webp\" alt=\"Scalable Architecture\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"media-content-v2\" data-tab=\"testing\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/DobbyD-scaled.webp\" alt=\"Comprehensive Testing\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"media-content-v2\" data-tab=\"deployment\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/ScaleSecurity.webp\" alt=\"CI\/CD Pipeline\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"media-content-v2\" data-tab=\"monitoring\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Security.webp\" alt=\"Performance Monitoring\" 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 \r\n <div class=\"tabs-wrapper-v2\">\r\n <div class=\"tabs-scroll-v2\">\r\n \r\n <div class=\"tab-v2 active\" data-tab=\"architecture\">\r\n <div class=\"tab-icon-v2\">\r\n <i class=\"ri-code-s-slash-fill\"><\/i>\r\n <\/div>\r\n <h3 class=\"tab-title-v2\">Skr\u00e6ddersyet softwareudvikling<\/h3>\r\n <p class=\"tab-description-v2\">Tilpasset dine forretningsbehov. Vi udvikler specialsoftware, der forbedrer workflows, effektivitet og ROI.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tab-v2\" data-tab=\"testing\">\r\n <div class=\"tab-icon-v2\">\r\n <i class=\"ri-plug-2-fill\"><\/i>\r\n <\/div>\r\n <h3 class=\"tab-title-v2\">Enterprise-softwareintegration<\/h3>\r\n <p class=\"tab-description-v2\">Forbind CRM, ERP og tredjepartsv\u00e6rkt\u00f8jer problemfrit. Vores integrationer sikrer, at dine systemer arbejder sammen uden problemer.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tab-v2\" data-tab=\"deployment\">\r\n <div class=\"tab-icon-v2\">\r\n <i class=\"ri-rocket-fill\"><\/i>\r\n <\/div>\r\n <h3 class=\"tab-title-v2\">Skalerbare softwarel\u00f8sninger<\/h3>\r\n <p class=\"tab-description-v2\">Fremtidssikret arkitektur klar til v\u00e6kst. Vores skalerbare software tilpasser sig, efterh\u00e5nden som din virksomhed udvikler sig, uden dyre genopbygninger.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tab-v2\" data-tab=\"monitoring\">\r\n <div class=\"tab-icon-v2\">\r\n <i class=\"ri-shield-check-fill\"><\/i>\r\n <\/div>\r\n <h3 class=\"tab-title-v2\">Sikker softwareudvikling<\/h3>\r\n <p class=\"tab-description-v2\">Sikkerhed og compliance p\u00e5 enterprise-niveau fra dag \u00e9t. Vi f\u00f8lger branchestandarder som GDPR og HIPAA for at beskytte f\u00f8lsomme data.<\/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 \r\n <script src=\"shared-tabbed-sections.js\"><\/script>\r\n \r\n \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-40ea73ba elementor-widget elementor-widget-html\" data-id=\"40ea73ba\" 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-3e1d7a59 elementor-widget elementor-widget-html\" data-id=\"3e1d7a59\" 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-73c84a06 e-flex e-con-boxed e-con e-parent\" data-id=\"73c84a06\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ffe0d2d elementor-widget elementor-widget-image\" data-id=\"4ffe0d2d\" 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-568ab127 animated-fast e-con-full e-flex e-con e-child\" data-id=\"568ab127\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"none","animation_mobile":"fadeIn"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-665d7827 elementor-widget elementor-widget-heading\" data-id=\"665d7827\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">I samarbejde med vores partnere<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-224178f1 elementor-widget elementor-widget-heading\" data-id=\"224178f1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Software med direkte resultater<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f7b0c51 elementor-widget elementor-widget-heading\" data-id=\"6f7b0c51\" 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 vi hj\u00e6lper virksomheder med at effektivisere processer, \u00f8ge produktiviteten og skabe skalerbare l\u00f8sninger, der virkelig g\u00f8r en verden til forskel.<\/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-c0c6e65 ofh e-con-full e-flex e-con e-parent\" data-id=\"c0c6e65\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d669bc5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2d669bc5\" 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 \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\/MacbookDobby-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\/DobbyC.svg\" alt=\"Dobby\"> <\/div>\r\n <h3 id class=\"heading\">Dobby Vending- & Serviceplatform<\/h3>\r\n <p class=\"desciprion\">En komplet software- og app-l\u00f8sning for serviceorganisationer til at styre salgsautomater, f\u00f8lge maskinstatus, planl\u00e6gge vedligeholdelse og automatisere arbejdsgange. Dobby effektiviserer driften og sikrer en problemfri serviceoplevelse og tilfredse kunder.<\/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\/Asset-69.webp'); \r\n background-size: cover; \r\n background-repeat: no-repeat; \r\n 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\/SpecsaversC.svg\" alt=\"Specsavers\"> <\/div>\r\n <h3 id class=\"heading\">Specsavers Retail- & Kundeindsigtsplatform<\/h3>\r\n <p class=\"desciprion\">En kraftfuld softwarepakke og tilh\u00f8rende app, der forbinder butikker med hovedkontoret, og som f\u00f8lger kundernes holdninger og brugsm\u00f8nstre. Dashboardet hj\u00e6lper Specsavers med at optimere linsekategorien p\u00e5 tv\u00e6rs af Norden og skaber v\u00e6kst samt fremragende kundeoplevelser.<\/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\/DanskTandforsikringBG-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:300px !important;\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/DanskC.svg\" alt=\"Dansk Tandforsikring\"> <\/div>\r\n <h3 id class=\"heading\">Digital Tandforsikring<\/h3>\r\n <p class=\"desciprion\">En enkel og effektiv app- og platforml\u00f8sning til h\u00e5ndtering af tandforsikring, udsendelse af tilbud og overv\u00e5gning af processer, som \u00f8ger effektiviteten og kundetilfredsheden.<\/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>Dobby<\/span>\r\n <\/button>\r\n <button class=\"animated-tab-btn\" data-tab=\"web\" id=\"web\" tabindex=\"-1\">\r\n <div class=\"tab-progress\"><\/div>\r\n <span>Specsavers<\/span>\r\n <\/button>\r\n <button class=\"animated-tab-btn\" data-tab=\"mobile\" id=\"mobile\" tabindex=\"-1\">\r\n <div class=\"tab-progress\"><\/div>\r\n <span>Dansk Tandforsikring<\/span>\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\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-2d181b7e elementor-widget elementor-widget-html\" data-id=\"2d181b7e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n.container{\n font-family: outfit;\n display: flex;\n position: relative;\n align-items: center;\n flex-direction: column;\n height: 100vh;\n overflow: hidden;\n\n}\n.tab-container{\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n margin: 0 auto;\n opacity: 0;\n transition: opacity 0.6s ease-out;\n}\n\n.tab-container.active{\n opacity: 1;\n display: flex\n}\n\n.tab-content.fading-out {\n display: flex; \n opacity: 0;\n}\n.tab-content.hidden {\n opacity: 0;\n}\n\n\/* overall section *\/\n.container-content-bg {\n width: 100%;\n height: 100vh;\n display: flex;\n flex-direction: column;\n position: relative;\n align-items: center;\n transition: opacity 0.5s linear;\n z-index: 1;\n overflow-x: hidden;\n}\n\n.overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: 2;\n}\n\n\/* content on the top part *\/\n.container-content{\n color: white;\n max-width: 1000px;\n margin: 0 auto;\n z-index: 3;\n position: absolute;\n top: 130px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n\n.container-content .heading{\n position: relative;\n font-size: 4.3rem;\n font-weight: 800;\n color: #fff;\n margin-bottom: 30px;\n line-height: 1.1;\n text-transform: uppercase;\n text-align: center;\n}\n.container-content .desciprion{\n font-size: 1.5rem;\n font-weight: 400;\n color: #fff;\n margin-bottom: 30px;\n line-height: 1.5;\n}\n.container-content .get-started-btn{\n display: inline-block;\n background-color: #fff;\n color: #000;\n padding: 1rem 2rem 1rem 2rem;\n border-radius: 30px;\n text-decoration: none;\n font-size: 1.25rem !important;\n line-height: 1.75rem !important;\n font-family: \"Outfit\", sans-serif;\n font-weight: 500;\n transition: all 0.3s ease-in-out;\n border: none;\n cursor: pointer;\n box-sizing: border-box;\n}\n\n .cases-logo{width:200px; display: block; margin: 0 auto;}\n\n.container-content .get-started-btn:hover{ color:#000;}\n\/* Tab Buttons *\/\n\n.tab-buttons{\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n flex-wrap: nowrap;\n gap: 20px;\n overflow: hidden;\n position: absolute;\n bottom: 60px;\n z-index: 3;\n transition: transform 0.4s ease;\n will-change: transform;\n font-size: 1.25rem !important;\n}\n\n.animated-tab-btn{\n position: relative;\n padding: 0.8rem 1.4rem 0.8rem 1.4rem !important;\n border: 2px solid rgba(255, 255, 255, 0.8) !important;\n background: rgba(0, 0, 0, 0.2) !important;\n backdrop-filter: blur(10px);\n color: #fff !important;\n border-radius: 30px;\n font-size: 1.25rem !important;\n line-height: 1.75rem !important ;\n font-family: \"Outfit\", sans-serif;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease-in-out;\n overflow: hidden;\n box-sizing: border-box;\n}\n.animated-tab-btn:hover{\n background: rgba(255, 255, 255, 0.1) !important;\n border-color: rgba(255, 255, 255, 1) !important;\n}\n.animated-tab-btn.active{\n background-color: #fff !important;\n color: #000 !important;\n border-color: #fff !important;\n}\n.tab-buttons span\n{\n position: relative;\n z-index: 1; \n}\n.animated-tab-btn.active .tab-progress{\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background-color: #dfe3e7;\n width: 0%;\n transition: width 0.3s ease-in-out;\n animation: autoTabProgress 9s linear forwards;\n z-index: 0;\n}\n\n@keyframes autoTabProgress {\n from { width: 0%; }\n to { width: 100%; }\n}\n\n\n@media (max-width: 1919px) {\n .container-content .heading{\n font-size: 3.5rem;\n }\n \n.container-content .desciprion{\n font-size: 1.125rem;\n font-weight: 400;\n color: #fff;\n margin-bottom: 30px;\n line-height: 1.5;\n}\n.animated-tab-btn{\n font-size: 1rem !important;\n line-height: 1.375rem !important;\n padding:0.8rem 1.2rem 0.8rem 1.2rem !important;\n box-sizing: border-box !important;\n}\n\n.container-content .get-started-btn{\n display: inline-block;\n background-color: #fff;\n color: #000;\n padding: 0.8rem 1.25rem 0.8rem 1.25rem;\n border-radius: 30px;\n text-decoration: none;\n font-size: 1rem !important;\n line-height: 1.375rem !important;\n font-family: \"Outfit\", sans-serif;\n font-weight: 500;\n transition: all 0.3s ease-in-out;\n border: none;\n cursor: pointer;\n box-sizing: border-box;\n}\n}\n\n@media (max-width: 768px) {\n \n .container-content-bg {\n width: 100%;\n height: 100vh;\n background-size: cover; \/* Makes it cover the container *\/\n background-position: center; \/* Centers the image *\/\n background-repeat: no-repeat;\n }\n \n .container-content{\n color: white;\n max-width: 400px;\n }\n \n .tab-buttons{\n padding: 0 10px;\n overflow-x: hidden;\n left: 20px;\n right: 20px;\n width: auto;\n }\n \n .cases-logo{width:150px; display: block; margin: 0 auto;}\n\n .container-content .get-started-btn{\n padding:0.5rem 0.9rem 0.5rem 0.9rem;\n font-size: 1rem;\n}\n .container-content .heading{\n font-size: 2rem !important;\n }\n .container-content .desciprion{\n font-size: 0.9rem !important;\n padding: 10px;\n }\n\n .animated-tab-btn{\n font-size: 1rem !important;\n display: inline-block;\n line-height: 1.375rem !important;\n padding:0.8rem 1.2rem 0.8rem 1.2rem !important;\n box-sizing: border-box !important;\n white-space: nowrap;\n}\n\n\n \n}\n\n@media (max-width: 480px) {\n \n .container-content-bg {\n width: 100%;\n height: 100vh;\n background-size: cover; \/* Makes it cover the container *\/\n background-position: center; \/* Centers the image *\/\n background-repeat: no-repeat;\n \n}\n \n .tab-buttons{\n padding: 0 10px;\n overflow-x: hidden;\n left: 20px;\n right: 20px;\n width: auto;\n }\n \n \n \n .container-content{\n color: white;\n max-width: 300px;}\n\n .container-content .get-started-btn{\n padding:0.8rem 1.2rem 0.8rem 1.2rem;\n font-size: 1rem !important;\n line-height: 1.375rem !important;\n}\n .container-content .heading{\n font-size: 2rem !important;\n }\n .container-content .desciprion{\n font-size: 1rem !important;\n padding: 10px;\n }\n .animated-tab-btn{\n font-size: 1rem !important;\n padding: 0.5rem 1rem 0.5rem 1rem !important;\n line-height: 1.375rem !important;\n font-size: 1rem !important;\n flex-shrink: 0;\n min-width: max-content;\n }\n \n}\n\n\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f62388b elementor-widget elementor-widget-html\" data-id=\"7f62388b\" 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-12e27048 e-flex e-con-boxed e-con e-parent\" data-id=\"12e27048\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation_laptop":"none"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64588e6c elementor-widget elementor-widget-html\" data-id=\"64588e6c\" 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\/ThomasProfile.webp\" alt=\"Anders Lumbye\" class=\"profile-image\">\r\n <\/div>\r\n \r\n <div class=\"quote-text\">\r\n Forsikringsindustrien skifter konstant, og sammen med Techscale har vi bygget en platform, der g\u00f8r det let for os n\u00e5r strategien \u00e6ndre sig, eller n\u00e5r kunderne forventer nye funktioner, hvilket vi let kan inordne os efter med den fleksibilitet Techscale har designet for os. \r\n \r\n <\/div>\r\n \r\n <div class=\"testimonial-attribution\">\r\n <div class=\"attribution-name\">Thomas Jonsen<\/div>\r\n <div class=\"attribution-company\">CEO & Grundl\u00e6gger, AIDK<\/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-34ee43a9 e-flex e-con-boxed e-con e-parent\" data-id=\"34ee43a9\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-292e1a35 e-flex e-con-boxed e-con e-child\" data-id=\"292e1a35\" 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-772c480b elementor-widget elementor-widget-image\" data-id=\"772c480b\" 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-33acbe67 elementor-widget elementor-widget-heading\" data-id=\"33acbe67\" 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 planl\u00e6gge din softwarel\u00f8sning<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a107b5d elementor-widget elementor-widget-heading\" data-id=\"2a107b5d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bring din applikation til livs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24d8aa29 elementor-widget elementor-widget-heading\" data-id=\"24d8aa29\" 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 praktisk guide til at planl\u00e6gge, udvikle og lancere softwarel\u00f8sninger med Techscale, der levere direkte forretningsv\u00e6rdi. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28ddb505 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"28ddb505\" 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-45f383a e-flex e-con-boxed e-con e-child\" data-id=\"45f383a\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-75907a8b e-con-full e-flex e-con e-child\" data-id=\"75907a8b\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-334175fd e-con-full e-flex e-con e-child\" data-id=\"334175fd\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6593a028 e-con-full e-flex e-con e-child\" data-id=\"6593a028\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78e17794 elementor-widget elementor-widget-html\" data-id=\"78e17794\" 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-79d8f7d9 elementor-widget elementor-widget-heading\" data-id=\"79d8f7d9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Fort\u00e6l os om din ide<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a5a5f37 elementor-widget elementor-widget-heading\" data-id=\"4a5a5f37\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Vi vil gerne h\u00f8re n\u00e6rmere omkring, hvad du har eller overvejer at bygge, s\u00e5 vi sammen kan finde den bedste fremgangsmetode. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-603d1ac6 e-con-full e-flex e-con e-child\" data-id=\"603d1ac6\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-b8bcc60 e-con-full e-flex e-con e-child\" data-id=\"b8bcc60\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b7f8e87 elementor-widget elementor-widget-html\" data-id=\"7b7f8e87\" 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-1aadcbcd elementor-widget elementor-widget-heading\" data-id=\"1aadcbcd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Planl\u00e6gning<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-108f7d4e elementor-widget elementor-widget-heading\" data-id=\"108f7d4e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Herefter g\u00e5r vores arkitekter dine krav igennem, og sikre den bedste sikkerhed, fleksibilitet og tech stack. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e47ee79 e-con-full e-flex e-con e-child\" data-id=\"2e47ee79\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-48db4f2e e-con-full e-flex e-con e-child\" data-id=\"48db4f2e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3594dc3f elementor-widget elementor-widget-html\" data-id=\"3594dc3f\" 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-3e2d5efd elementor-widget elementor-widget-heading\" data-id=\"3e2d5efd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Projektstart<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4184f7df elementor-widget elementor-widget-heading\" data-id=\"4184f7df\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">N\u00e5r alt er p\u00e5 plads, g\u00e5r vi i gang med UI UX til at sikre den bedste bruger oplevelse, og sikre at din applikation bliver en success. <\/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-1f6b7c31 e-flex e-con-boxed e-con e-parent\" data-id=\"1f6b7c31\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-53f64191 e-con-full e-flex e-con e-child\" data-id=\"53f64191\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e02f360 elementor-widget elementor-widget-heading\" data-id=\"1e02f360\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sp\u00f8rgsm\u00e5l om Software<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2883dd2 elementor-widget elementor-widget-heading\" data-id=\"2883dd2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Vi foretr\u00e6kker at tage en kop kaffe og en dialog. Book at m\u00f8de - s\u00e5 ser vi p\u00e5 det sammen. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-366c2f34 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"366c2f34\" 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-78d2a60c e-flex e-con-boxed e-con e-child\" data-id=\"78d2a60c\" 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-2f41f16e elementor-widget elementor-widget-html\" data-id=\"2f41f16e\" 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\"> \r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n Hvordan sikrer I software og databeskyttelse?\r\n <div class=\"faq-icon\"><i class=\"ri-shield-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Vi f\u00f8lger best practices som krypteret datalagring, sikker autentifikation, regelm\u00e6ssige s\u00e5rbarhedstest og overholdelse af branchestandarder for at beskytte b\u00e5de virksomhedens og brugernes data.\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 softwarearkitektur og skalerbarhed?\r\n <div class=\"faq-icon\"><i class=\"ri-stack-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Vores l\u00f8sninger er designet med modul\u00e6re, skalerbare arkitekturer og cloud-baseret infrastruktur, s\u00e5 softwaren kan vokse med brugerbehov uden dyre omskrivninger eller nedetid.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n Hvordan v\u00e6lger I den rigtige teknologistak til et projekt?\r\n <div class=\"faq-icon\"><i class=\"ri-code-s-slash-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Vi vurderer projektm\u00e5l, tidsramme, budget og n\u00f8dvendige funktioner for at v\u00e6lge frameworks og v\u00e6rkt\u00f8jer, der balancerer ydeevne, vedligeholdelse og langsigtet fleksibilitet.\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 softwaren opfylder forretningsbehov og brugerforventninger?\r\n <div class=\"faq-icon\"><i class=\"ri-user-star-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Gennem workshops, iterativ udvikling og brugertests validerer vi antagelser tidligt og sikrer, at softwaren l\u00f8ser reelle problemer og skaber m\u00e5lbar forretningsv\u00e6rdi.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n Hvordan vedligeholder og opdaterer I software over tid?\r\n <div class=\"faq-icon\"><i class=\"ri-refresh-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Vi tilbyder l\u00f8bende support, overv\u00e5gning og opdateringer for at holde softwaren sikker, effektiv og tilpasset \u00e6ndrede forretningsbehov og brugerkrav.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n Kan softwaren integreres med eksisterende systemer?\r\n <div class=\"faq-icon\"><i class=\"ri-link-m-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Ja, vi sikrer problemfri integration med CRM, ERP, databaser og tredjeparts-API\u2019er for at samle dine forretningsprocesser og maksimere effektiviteten.\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\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>Hero Section – Optimized Skr\u00e6ddersyet Softwareudvikling Skalerbar, Sikker Software Vi designer og udvikler sikker, brugervenlig og h\u00f8jtydende software applikationer, der driver v\u00e6kst, effektivitet og langvarig succes. Kom i gang Softwareudvikling med resultater Byg smartere, skaler hurtigere Lever softwarel\u00f8sninger, der str\u00f8mliner driften, \u00f8ger effektiviteten og skalerer med din virksomhed \u2013 alt sammen med sikkerhed og p\u00e5lidelighed […]<\/p>\n","protected":false},"author":2,"featured_media":10407,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10408","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Software og Applikationer | Techscale<\/title>\n<meta name=\"description\" content=\"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.\" \/>\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\/software-og-applikationer\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Softwareudvikling\" \/>\n<meta property=\"og:description\" content=\"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/techscale.io\/da\/software-og-applikationer\/\" \/>\n<meta property=\"og:site_name\" content=\"Techscale\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-01T06:38:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.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=\"7 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/\",\"url\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/\",\"name\":\"Software og Applikationer | Techscale\",\"isPartOf\":{\"@id\":\"https:\/\/techscale.io\/da\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp\",\"datePublished\":\"2025-08-29T13:44:38+00:00\",\"dateModified\":\"2025-09-01T06:38:37+00:00\",\"description\":\"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.\",\"breadcrumb\":{\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/techscale.io\/da\/software-og-applikationer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage\",\"url\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp\",\"contentUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp\",\"width\":2400,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/techscale.io\/da\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Softwareudvikling\"}]},{\"@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_head_json":{"title":"Software og Applikationer | Techscale","description":"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.","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\/software-og-applikationer\/","og_locale":"da_DK","og_type":"article","og_title":"Softwareudvikling","og_description":"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.","og_url":"https:\/\/techscale.io\/da\/software-og-applikationer\/","og_site_name":"Techscale","article_modified_time":"2025-09-01T06:38:37+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimeret l\u00e6setid":"7 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/","url":"https:\/\/techscale.io\/da\/software-og-applikationer\/","name":"Software og Applikationer | Techscale","isPartOf":{"@id":"https:\/\/techscale.io\/da\/#website"},"primaryImageOfPage":{"@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage"},"image":{"@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage"},"thumbnailUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp","datePublished":"2025-08-29T13:44:38+00:00","dateModified":"2025-09-01T06:38:37+00:00","description":"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.","breadcrumb":{"@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/techscale.io\/da\/software-og-applikationer\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage","url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp","contentUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/techscale.io\/da\/home\/"},{"@type":"ListItem","position":2,"name":"Softwareudvikling"}]},{"@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\/10408","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=10408"}],"version-history":[{"count":5,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10408\/revisions"}],"predecessor-version":[{"id":10429,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10408\/revisions\/10429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/media\/10407"}],"wp:attachment":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/media?parent=10408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Hero Section - Optimized<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Outfit', sans-serif;\r\n }\r\n\r\n body {\r\n background: #000;\r\n color: white;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n .hero-section {\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-video {\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-fallback-image {\r\n display: none;\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 }\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{font-size:1.6rem;}\r\n }\r\n\r\n @media (max-width: 1024px) and (min-width: 769px) {\r\n \/* iPad Portrait Only - Keep original behavior *\/\r\n .hero-section {\r\n background: #0d0d0d; \/* Same background as mobile *\/\r\n }\r\n \r\n .hero-section{ height: 90vh;}\r\n \r\n .hero-video {\r\n \r\n \r\n object-fit: contain; \/* Contained video like mobile *\/\r\n height: auto; \/* Auto height *\/\r\n max-height: 65vh; \/* Slightly larger than mobile for iPad *\/\r\n bottom: 0; \/* Bottom aligned *\/\r\n left: 50%; \/* Center horizontally *\/\r\n transform: translateX(-50%); \/* Center horizontally *\/\r\n }\r\n \r\n \/* Keep existing text adjustments *\/\r\n .hero-header { \r\n font-size: 4rem; \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 \r\n\r\n @media (max-width: 768px) {\r\n \/* Mobile and iPad Portrait - New contained video behavior *\/\r\n .hero-section {\r\n background: #0d0d0d; \/* Same background as mobile *\/\r\n }\r\n \r\n .hero-video {\r\n object-fit: contain; \/* Contained video like mobile *\/\r\n height: auto; \/* Auto height *\/\r\n max-height: 65vh; \/* Slightly larger than mobile for iPad *\/\r\n bottom: 0; \/* Bottom aligned *\/\r\n left: 50%; \/* Center horizontally *\/\r\n transform: translateX(-50%); \/* Center horizontally *\/\r\n }\r\n \r\n\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-section {\r\n background: #0d0d0d;\r\n }\r\n \r\n .hero-video {\r\n object-fit: contain;\r\n height: auto;\r\n max-height: 50vh;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\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 \r\n <video class=\"hero-video\" autoplay muted playsinline preload=\"auto\" \r\n poster=\"\/wp-content\/uploads\/2025\/08\/ProductDevFallback.webp\">\r\n <source src=\"\/wp-content\/uploads\/2025\/08\/ProductDevelopmentDobby.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n \r\n<div class=\"hero-content\">\r\n <h1 class=\"pre-header\">Skr\u00e6ddersyet Softwareudvikling<\/h1>\r\n <h2 class=\"hero-header\">Skalerbar, Sikker Software<\/h2>\r\n <p class=\"hero-description\">\r\n Vi designer og udvikler sikker, brugervenlig og h\u00f8jtydende software applikationer, der driver v\u00e6kst, effektivitet og langvarig succes.\r\n <\/p>\r\n <a href=\"\/da\/kontakt-os\" class=\"hero-cta\">Kom i gang<\/a>\r\n<\/div>\r\n <\/section>\r\n\r\n <script>\r\n class HeroVideoController {\r\n constructor() {\r\n this.video = document.querySelector('.hero-video');\r\n this.init();\r\n }\r\n\r\n init() {\r\n if (!this.video) return;\r\n\r\n \/\/ Stop video at last frame (no looping)\r\n this.video.addEventListener('ended', () => {\r\n this.video.pause();\r\n });\r\n\r\n \/\/ Ensure it plays when loaded\r\n this.video.addEventListener('loadeddata', () => {\r\n this.video.play().catch(err => console.log('Autoplay failed:', err));\r\n });\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n new HeroVideoController();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-247fe8ac e-flex e-con-boxed e-con e-parent\" data-id=\"247fe8ac\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-751f182 e-con-full e-flex e-con e-child\" data-id=\"751f182\" data-element_type=\"container\" data-settings=\"{"animation_mobile":"fadeIn"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-754ce156 elementor-widget elementor-widget-heading\" data-id=\"754ce156\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Softwareudvikling med resultater<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5925924d elementor-widget elementor-widget-heading\" data-id=\"5925924d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Byg smartere, skaler hurtigere<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2695c528 elementor-widget elementor-widget-heading\" data-id=\"2695c528\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Lever softwarel\u00f8sninger, der str\u00f8mliner driften, \u00f8ger effektiviteten og skalerer med din virksomhed \u2013 alt sammen med sikkerhed og p\u00e5lidelighed i fokus.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34ceb6a1 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"34ceb6a1\" 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\">Realiser din id\u00e9<\/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-21346c11 e-con-full e-flex e-con e-child\" data-id=\"21346c11\" data-element_type=\"container\" data-settings=\"{"animation_mobile":"fadeIn"}\">\n\t\t<div class=\"elementor-element elementor-element-c1e3b5c e-grid e-con-full e-con e-child\" data-id=\"c1e3b5c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53199847 elementor-widget elementor-widget-image\" data-id=\"53199847\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"45\" height=\"17\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversC.svg\" class=\"attachment-large size-large wp-image-10056\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-455ac5ae elementor-widget elementor-widget-image\" data-id=\"455ac5ae\" 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-2e85743c elementor-widget elementor-widget-image\" data-id=\"2e85743c\" 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-e8017d4 elementor-widget elementor-widget-image\" data-id=\"e8017d4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"86\" height=\"16\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/DanskC.svg\" class=\"attachment-large size-large wp-image-10061\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15bd7a1 elementor-widget elementor-widget-image\" data-id=\"15bd7a1\" 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-33a7ba1 elementor-widget elementor-widget-image\" data-id=\"33a7ba1\" 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-14c3d632 e-grid e-con-full e-con e-child\" data-id=\"14c3d632\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-174ec6fe e-con-full e-flex e-con e-child\" data-id=\"174ec6fe\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36590404 elementor-widget elementor-widget-html\" data-id=\"36590404\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-settings-3-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22788eb8 elementor-widget elementor-widget-heading\" data-id=\"22788eb8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Automatisering & Effektivitet\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10711815 elementor-widget elementor-widget-heading\" data-id=\"10711815\" 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 arbejdsgange og reducer manuelt arbejde.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e5efba4 e-con-full e-flex e-con e-child\" data-id=\"5e5efba4\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eac854a elementor-widget elementor-widget-html\" data-id=\"4eac854a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-arrow-up-circle-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f98364e elementor-widget elementor-widget-heading\" data-id=\"2f98364e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Skalerbar Software\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-737c86b5 elementor-widget elementor-widget-heading\" data-id=\"737c86b5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Skaler i takt med din forretning og brugerbase.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2af53b24 e-con-full e-flex e-con e-child\" data-id=\"2af53b24\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9a57fc elementor-widget elementor-widget-html\" data-id=\"b9a57fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-shield-check-fill about-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38b1225 elementor-widget elementor-widget-heading\" data-id=\"38b1225\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Sikkerhed & Driftssikkerhed<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3848b88e elementor-widget elementor-widget-heading\" data-id=\"3848b88e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Bygget p\u00e5 best practices til at beskytte data og sikre uptime.<\/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-3a5822fe elementor-widget elementor-widget-html\" data-id=\"3a5822fe\" 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-2beb70d e-con-full animated-fast e-flex elementor-invisible e-con e-parent\" data-id=\"2beb70d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeIn","animation_mobile":"fadeIn"}\">\n\t\t<div class=\"elementor-element elementor-element-27052f4 animated-fast e-flex e-con-boxed e-con e-child\" data-id=\"27052f4\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"none","animation_mobile":"none"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f84047e elementor-widget elementor-widget-heading\" data-id=\"f84047e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Bygget til moderne forretninger<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a00dd6f elementor-widget elementor-widget-heading\" data-id=\"a00dd6f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Software<br>Der arbejder for dig<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e8e8e4 elementor-widget elementor-widget-heading\" data-id=\"7e8e8e4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Skr\u00e6ddersyede web- og desktopapplikationer designet omkring hastighed, fleksibilitet og str\u00f8mlinet integration, s\u00e5 din virksomhed forbliver agil og konkurrencedygtig.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2323fff elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2323fff\" 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\">Lad os bygge din l\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-a32281f elementor-widget elementor-widget-html\" data-id=\"a32281f\" data-element_type=\"widget\" data-settings=\"{"_animation_mobile":"fadeIn"}\" 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 \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"shared-tabbed-sections.css\">\r\n<\/head>\r\n\r\n<body>\r\n <section class=\"tabbed-section-v2\" id=\"software-development\">\r\n \r\n \r\n <div class=\"media-container-v2\">\r\n <div class=\"media-content-v2 active\" data-tab=\"architecture\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/DobbyCover-scaled.webp\" alt=\"Scalable Architecture\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"media-content-v2\" data-tab=\"testing\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/DobbyD-scaled.webp\" alt=\"Comprehensive Testing\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"media-content-v2\" data-tab=\"deployment\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/ScaleSecurity.webp\" alt=\"CI\/CD Pipeline\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"media-content-v2\" data-tab=\"monitoring\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Security.webp\" alt=\"Performance Monitoring\" 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 \r\n <div class=\"tabs-wrapper-v2\">\r\n <div class=\"tabs-scroll-v2\">\r\n \r\n <div class=\"tab-v2 active\" data-tab=\"architecture\">\r\n <div class=\"tab-icon-v2\">\r\n <i class=\"ri-code-s-slash-fill\"><\/i>\r\n <\/div>\r\n <h3 class=\"tab-title-v2\">Skr\u00e6ddersyet softwareudvikling<\/h3>\r\n <p class=\"tab-description-v2\">Tilpasset dine forretningsbehov. Vi udvikler specialsoftware, der forbedrer workflows, effektivitet og ROI.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tab-v2\" data-tab=\"testing\">\r\n <div class=\"tab-icon-v2\">\r\n <i class=\"ri-plug-2-fill\"><\/i>\r\n <\/div>\r\n <h3 class=\"tab-title-v2\">Enterprise-softwareintegration<\/h3>\r\n <p class=\"tab-description-v2\">Forbind CRM, ERP og tredjepartsv\u00e6rkt\u00f8jer problemfrit. Vores integrationer sikrer, at dine systemer arbejder sammen uden problemer.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tab-v2\" data-tab=\"deployment\">\r\n <div class=\"tab-icon-v2\">\r\n <i class=\"ri-rocket-fill\"><\/i>\r\n <\/div>\r\n <h3 class=\"tab-title-v2\">Skalerbare softwarel\u00f8sninger<\/h3>\r\n <p class=\"tab-description-v2\">Fremtidssikret arkitektur klar til v\u00e6kst. Vores skalerbare software tilpasser sig, efterh\u00e5nden som din virksomhed udvikler sig, uden dyre genopbygninger.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tab-v2\" data-tab=\"monitoring\">\r\n <div class=\"tab-icon-v2\">\r\n <i class=\"ri-shield-check-fill\"><\/i>\r\n <\/div>\r\n <h3 class=\"tab-title-v2\">Sikker softwareudvikling<\/h3>\r\n <p class=\"tab-description-v2\">Sikkerhed og compliance p\u00e5 enterprise-niveau fra dag \u00e9t. Vi f\u00f8lger branchestandarder som GDPR og HIPAA for at beskytte f\u00f8lsomme data.<\/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 \r\n <script src=\"shared-tabbed-sections.js\"><\/script>\r\n \r\n \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-40ea73ba elementor-widget elementor-widget-html\" data-id=\"40ea73ba\" 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-3e1d7a59 elementor-widget elementor-widget-html\" data-id=\"3e1d7a59\" 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-73c84a06 e-flex e-con-boxed e-con e-parent\" data-id=\"73c84a06\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ffe0d2d elementor-widget elementor-widget-image\" data-id=\"4ffe0d2d\" 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-568ab127 animated-fast e-con-full e-flex e-con e-child\" data-id=\"568ab127\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation":"none","animation_mobile":"fadeIn"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-665d7827 elementor-widget elementor-widget-heading\" data-id=\"665d7827\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">I samarbejde med vores partnere<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-224178f1 elementor-widget elementor-widget-heading\" data-id=\"224178f1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Software med direkte resultater<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f7b0c51 elementor-widget elementor-widget-heading\" data-id=\"6f7b0c51\" 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 vi hj\u00e6lper virksomheder med at effektivisere processer, \u00f8ge produktiviteten og skabe skalerbare l\u00f8sninger, der virkelig g\u00f8r en verden til forskel.<\/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-c0c6e65 ofh e-con-full e-flex e-con e-parent\" data-id=\"c0c6e65\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d669bc5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2d669bc5\" 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 \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\/MacbookDobby-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\/DobbyC.svg\" alt=\"Dobby\"> <\/div>\r\n <h3 id class=\"heading\">Dobby Vending- & Serviceplatform<\/h3>\r\n <p class=\"desciprion\">En komplet software- og app-l\u00f8sning for serviceorganisationer til at styre salgsautomater, f\u00f8lge maskinstatus, planl\u00e6gge vedligeholdelse og automatisere arbejdsgange. Dobby effektiviserer driften og sikrer en problemfri serviceoplevelse og tilfredse kunder.<\/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\/Asset-69.webp'); \r\n background-size: cover; \r\n background-repeat: no-repeat; \r\n 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\/SpecsaversC.svg\" alt=\"Specsavers\"> <\/div>\r\n <h3 id class=\"heading\">Specsavers Retail- & Kundeindsigtsplatform<\/h3>\r\n <p class=\"desciprion\">En kraftfuld softwarepakke og tilh\u00f8rende app, der forbinder butikker med hovedkontoret, og som f\u00f8lger kundernes holdninger og brugsm\u00f8nstre. Dashboardet hj\u00e6lper Specsavers med at optimere linsekategorien p\u00e5 tv\u00e6rs af Norden og skaber v\u00e6kst samt fremragende kundeoplevelser.<\/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\/DanskTandforsikringBG-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:300px !important;\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/DanskC.svg\" alt=\"Dansk Tandforsikring\"> <\/div>\r\n <h3 id class=\"heading\">Digital Tandforsikring<\/h3>\r\n <p class=\"desciprion\">En enkel og effektiv app- og platforml\u00f8sning til h\u00e5ndtering af tandforsikring, udsendelse af tilbud og overv\u00e5gning af processer, som \u00f8ger effektiviteten og kundetilfredsheden.<\/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>Dobby<\/span>\r\n <\/button>\r\n <button class=\"animated-tab-btn\" data-tab=\"web\" id=\"web\" tabindex=\"-1\">\r\n <div class=\"tab-progress\"><\/div>\r\n <span>Specsavers<\/span>\r\n <\/button>\r\n <button class=\"animated-tab-btn\" data-tab=\"mobile\" id=\"mobile\" tabindex=\"-1\">\r\n <div class=\"tab-progress\"><\/div>\r\n <span>Dansk Tandforsikring<\/span>\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\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-2d181b7e elementor-widget elementor-widget-html\" data-id=\"2d181b7e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n.container{\n font-family: outfit;\n display: flex;\n position: relative;\n align-items: center;\n flex-direction: column;\n height: 100vh;\n overflow: hidden;\n\n}\n.tab-container{\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n margin: 0 auto;\n opacity: 0;\n transition: opacity 0.6s ease-out;\n}\n\n.tab-container.active{\n opacity: 1;\n display: flex\n}\n\n.tab-content.fading-out {\n display: flex; \n opacity: 0;\n}\n.tab-content.hidden {\n opacity: 0;\n}\n\n\/* overall section *\/\n.container-content-bg {\n width: 100%;\n height: 100vh;\n display: flex;\n flex-direction: column;\n position: relative;\n align-items: center;\n transition: opacity 0.5s linear;\n z-index: 1;\n overflow-x: hidden;\n}\n\n.overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: 2;\n}\n\n\/* content on the top part *\/\n.container-content{\n color: white;\n max-width: 1000px;\n margin: 0 auto;\n z-index: 3;\n position: absolute;\n top: 130px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n\n.container-content .heading{\n position: relative;\n font-size: 4.3rem;\n font-weight: 800;\n color: #fff;\n margin-bottom: 30px;\n line-height: 1.1;\n text-transform: uppercase;\n text-align: center;\n}\n.container-content .desciprion{\n font-size: 1.5rem;\n font-weight: 400;\n color: #fff;\n margin-bottom: 30px;\n line-height: 1.5;\n}\n.container-content .get-started-btn{\n display: inline-block;\n background-color: #fff;\n color: #000;\n padding: 1rem 2rem 1rem 2rem;\n border-radius: 30px;\n text-decoration: none;\n font-size: 1.25rem !important;\n line-height: 1.75rem !important;\n font-family: \"Outfit\", sans-serif;\n font-weight: 500;\n transition: all 0.3s ease-in-out;\n border: none;\n cursor: pointer;\n box-sizing: border-box;\n}\n\n .cases-logo{width:200px; display: block; margin: 0 auto;}\n\n.container-content .get-started-btn:hover{ color:#000;}\n\/* Tab Buttons *\/\n\n.tab-buttons{\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n flex-wrap: nowrap;\n gap: 20px;\n overflow: hidden;\n position: absolute;\n bottom: 60px;\n z-index: 3;\n transition: transform 0.4s ease;\n will-change: transform;\n font-size: 1.25rem !important;\n}\n\n.animated-tab-btn{\n position: relative;\n padding: 0.8rem 1.4rem 0.8rem 1.4rem !important;\n border: 2px solid rgba(255, 255, 255, 0.8) !important;\n background: rgba(0, 0, 0, 0.2) !important;\n backdrop-filter: blur(10px);\n color: #fff !important;\n border-radius: 30px;\n font-size: 1.25rem !important;\n line-height: 1.75rem !important ;\n font-family: \"Outfit\", sans-serif;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease-in-out;\n overflow: hidden;\n box-sizing: border-box;\n}\n.animated-tab-btn:hover{\n background: rgba(255, 255, 255, 0.1) !important;\n border-color: rgba(255, 255, 255, 1) !important;\n}\n.animated-tab-btn.active{\n background-color: #fff !important;\n color: #000 !important;\n border-color: #fff !important;\n}\n.tab-buttons span\n{\n position: relative;\n z-index: 1; \n}\n.animated-tab-btn.active .tab-progress{\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background-color: #dfe3e7;\n width: 0%;\n transition: width 0.3s ease-in-out;\n animation: autoTabProgress 9s linear forwards;\n z-index: 0;\n}\n\n@keyframes autoTabProgress {\n from { width: 0%; }\n to { width: 100%; }\n}\n\n\n@media (max-width: 1919px) {\n .container-content .heading{\n font-size: 3.5rem;\n }\n \n.container-content .desciprion{\n font-size: 1.125rem;\n font-weight: 400;\n color: #fff;\n margin-bottom: 30px;\n line-height: 1.5;\n}\n.animated-tab-btn{\n font-size: 1rem !important;\n line-height: 1.375rem !important;\n padding:0.8rem 1.2rem 0.8rem 1.2rem !important;\n box-sizing: border-box !important;\n}\n\n.container-content .get-started-btn{\n display: inline-block;\n background-color: #fff;\n color: #000;\n padding: 0.8rem 1.25rem 0.8rem 1.25rem;\n border-radius: 30px;\n text-decoration: none;\n font-size: 1rem !important;\n line-height: 1.375rem !important;\n font-family: \"Outfit\", sans-serif;\n font-weight: 500;\n transition: all 0.3s ease-in-out;\n border: none;\n cursor: pointer;\n box-sizing: border-box;\n}\n}\n\n@media (max-width: 768px) {\n \n .container-content-bg {\n width: 100%;\n height: 100vh;\n background-size: cover; \/* Makes it cover the container *\/\n background-position: center; \/* Centers the image *\/\n background-repeat: no-repeat;\n }\n \n .container-content{\n color: white;\n max-width: 400px;\n }\n \n .tab-buttons{\n padding: 0 10px;\n overflow-x: hidden;\n left: 20px;\n right: 20px;\n width: auto;\n }\n \n .cases-logo{width:150px; display: block; margin: 0 auto;}\n\n .container-content .get-started-btn{\n padding:0.5rem 0.9rem 0.5rem 0.9rem;\n font-size: 1rem;\n}\n .container-content .heading{\n font-size: 2rem !important;\n }\n .container-content .desciprion{\n font-size: 0.9rem !important;\n padding: 10px;\n }\n\n .animated-tab-btn{\n font-size: 1rem !important;\n display: inline-block;\n line-height: 1.375rem !important;\n padding:0.8rem 1.2rem 0.8rem 1.2rem !important;\n box-sizing: border-box !important;\n white-space: nowrap;\n}\n\n\n \n}\n\n@media (max-width: 480px) {\n \n .container-content-bg {\n width: 100%;\n height: 100vh;\n background-size: cover; \/* Makes it cover the container *\/\n background-position: center; \/* Centers the image *\/\n background-repeat: no-repeat;\n \n}\n \n .tab-buttons{\n padding: 0 10px;\n overflow-x: hidden;\n left: 20px;\n right: 20px;\n width: auto;\n }\n \n \n \n .container-content{\n color: white;\n max-width: 300px;}\n\n .container-content .get-started-btn{\n padding:0.8rem 1.2rem 0.8rem 1.2rem;\n font-size: 1rem !important;\n line-height: 1.375rem !important;\n}\n .container-content .heading{\n font-size: 2rem !important;\n }\n .container-content .desciprion{\n font-size: 1rem !important;\n padding: 10px;\n }\n .animated-tab-btn{\n font-size: 1rem !important;\n padding: 0.5rem 1rem 0.5rem 1rem !important;\n line-height: 1.375rem !important;\n font-size: 1rem !important;\n flex-shrink: 0;\n min-width: max-content;\n }\n \n}\n\n\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f62388b elementor-widget elementor-widget-html\" data-id=\"7f62388b\" 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-12e27048 e-flex e-con-boxed e-con e-parent\" data-id=\"12e27048\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","animation_laptop":"none"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64588e6c elementor-widget elementor-widget-html\" data-id=\"64588e6c\" 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\/ThomasProfile.webp\" alt=\"Anders Lumbye\" class=\"profile-image\">\r\n <\/div>\r\n \r\n <div class=\"quote-text\">\r\n Forsikringsindustrien skifter konstant, og sammen med Techscale har vi bygget en platform, der g\u00f8r det let for os n\u00e5r strategien \u00e6ndre sig, eller n\u00e5r kunderne forventer nye funktioner, hvilket vi let kan inordne os efter med den fleksibilitet Techscale har designet for os. \r\n \r\n <\/div>\r\n \r\n <div class=\"testimonial-attribution\">\r\n <div class=\"attribution-name\">Thomas Jonsen<\/div>\r\n <div class=\"attribution-company\">CEO & Grundl\u00e6gger, AIDK<\/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-34ee43a9 e-flex e-con-boxed e-con e-parent\" data-id=\"34ee43a9\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-292e1a35 e-flex e-con-boxed e-con e-child\" data-id=\"292e1a35\" 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-772c480b elementor-widget elementor-widget-image\" data-id=\"772c480b\" 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-33acbe67 elementor-widget elementor-widget-heading\" data-id=\"33acbe67\" 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 planl\u00e6gge din softwarel\u00f8sning<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a107b5d elementor-widget elementor-widget-heading\" data-id=\"2a107b5d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bring din applikation til livs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24d8aa29 elementor-widget elementor-widget-heading\" data-id=\"24d8aa29\" 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 praktisk guide til at planl\u00e6gge, udvikle og lancere softwarel\u00f8sninger med Techscale, der levere direkte forretningsv\u00e6rdi. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28ddb505 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"28ddb505\" 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-45f383a e-flex e-con-boxed e-con e-child\" data-id=\"45f383a\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-75907a8b e-con-full e-flex e-con e-child\" data-id=\"75907a8b\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-334175fd e-con-full e-flex e-con e-child\" data-id=\"334175fd\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6593a028 e-con-full e-flex e-con e-child\" data-id=\"6593a028\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78e17794 elementor-widget elementor-widget-html\" data-id=\"78e17794\" 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-79d8f7d9 elementor-widget elementor-widget-heading\" data-id=\"79d8f7d9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Fort\u00e6l os om din ide<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a5a5f37 elementor-widget elementor-widget-heading\" data-id=\"4a5a5f37\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Vi vil gerne h\u00f8re n\u00e6rmere omkring, hvad du har eller overvejer at bygge, s\u00e5 vi sammen kan finde den bedste fremgangsmetode. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-603d1ac6 e-con-full e-flex e-con e-child\" data-id=\"603d1ac6\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-b8bcc60 e-con-full e-flex e-con e-child\" data-id=\"b8bcc60\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b7f8e87 elementor-widget elementor-widget-html\" data-id=\"7b7f8e87\" 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-1aadcbcd elementor-widget elementor-widget-heading\" data-id=\"1aadcbcd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Planl\u00e6gning<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-108f7d4e elementor-widget elementor-widget-heading\" data-id=\"108f7d4e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Herefter g\u00e5r vores arkitekter dine krav igennem, og sikre den bedste sikkerhed, fleksibilitet og tech stack. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e47ee79 e-con-full e-flex e-con e-child\" data-id=\"2e47ee79\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-48db4f2e e-con-full e-flex e-con e-child\" data-id=\"48db4f2e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3594dc3f elementor-widget elementor-widget-html\" data-id=\"3594dc3f\" 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-3e2d5efd elementor-widget elementor-widget-heading\" data-id=\"3e2d5efd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Projektstart<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4184f7df elementor-widget elementor-widget-heading\" data-id=\"4184f7df\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">N\u00e5r alt er p\u00e5 plads, g\u00e5r vi i gang med UI UX til at sikre den bedste bruger oplevelse, og sikre at din applikation bliver en success. <\/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-1f6b7c31 e-flex e-con-boxed e-con e-parent\" data-id=\"1f6b7c31\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-53f64191 e-con-full e-flex e-con e-child\" data-id=\"53f64191\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e02f360 elementor-widget elementor-widget-heading\" data-id=\"1e02f360\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sp\u00f8rgsm\u00e5l om Software<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2883dd2 elementor-widget elementor-widget-heading\" data-id=\"2883dd2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Vi foretr\u00e6kker at tage en kop kaffe og en dialog. Book at m\u00f8de - s\u00e5 ser vi p\u00e5 det sammen. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-366c2f34 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"366c2f34\" 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-78d2a60c e-flex e-con-boxed e-con e-child\" data-id=\"78d2a60c\" 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-2f41f16e elementor-widget elementor-widget-html\" data-id=\"2f41f16e\" 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\"> \r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n Hvordan sikrer I software og databeskyttelse?\r\n <div class=\"faq-icon\"><i class=\"ri-shield-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Vi f\u00f8lger best practices som krypteret datalagring, sikker autentifikation, regelm\u00e6ssige s\u00e5rbarhedstest og overholdelse af branchestandarder for at beskytte b\u00e5de virksomhedens og brugernes data.\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 softwarearkitektur og skalerbarhed?\r\n <div class=\"faq-icon\"><i class=\"ri-stack-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Vores l\u00f8sninger er designet med modul\u00e6re, skalerbare arkitekturer og cloud-baseret infrastruktur, s\u00e5 softwaren kan vokse med brugerbehov uden dyre omskrivninger eller nedetid.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n Hvordan v\u00e6lger I den rigtige teknologistak til et projekt?\r\n <div class=\"faq-icon\"><i class=\"ri-code-s-slash-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Vi vurderer projektm\u00e5l, tidsramme, budget og n\u00f8dvendige funktioner for at v\u00e6lge frameworks og v\u00e6rkt\u00f8jer, der balancerer ydeevne, vedligeholdelse og langsigtet fleksibilitet.\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 softwaren opfylder forretningsbehov og brugerforventninger?\r\n <div class=\"faq-icon\"><i class=\"ri-user-star-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Gennem workshops, iterativ udvikling og brugertests validerer vi antagelser tidligt og sikrer, at softwaren l\u00f8ser reelle problemer og skaber m\u00e5lbar forretningsv\u00e6rdi.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n Hvordan vedligeholder og opdaterer I software over tid?\r\n <div class=\"faq-icon\"><i class=\"ri-refresh-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Vi tilbyder l\u00f8bende support, overv\u00e5gning og opdateringer for at holde softwaren sikker, effektiv og tilpasset \u00e6ndrede forretningsbehov og brugerkrav.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n Kan softwaren integreres med eksisterende systemer?\r\n <div class=\"faq-icon\"><i class=\"ri-link-m-fill\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Ja, vi sikrer problemfri integration med CRM, ERP, databaser og tredjeparts-API\u2019er for at samle dine forretningsprocesser og maksimere effektiviteten.\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\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>Hero Section – Optimized Skr\u00e6ddersyet Softwareudvikling Skalerbar, Sikker Software Vi designer og udvikler sikker, brugervenlig og h\u00f8jtydende software applikationer, der driver v\u00e6kst, effektivitet og langvarig succes. Kom i gang Softwareudvikling med resultater Byg smartere, skaler hurtigere Lever softwarel\u00f8sninger, der str\u00f8mliner driften, \u00f8ger effektiviteten og skalerer med din virksomhed \u2013 alt sammen med sikkerhed og p\u00e5lidelighed […]<\/p>\n","protected":false},"author":2,"featured_media":10407,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10408","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Software og Applikationer | Techscale<\/title>\n<meta name=\"description\" content=\"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.\" \/>\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\/software-og-applikationer\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Softwareudvikling\" \/>\n<meta property=\"og:description\" content=\"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/techscale.io\/da\/software-og-applikationer\/\" \/>\n<meta property=\"og:site_name\" content=\"Techscale\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-01T06:38:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.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=\"7 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/\",\"url\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/\",\"name\":\"Software og Applikationer | Techscale\",\"isPartOf\":{\"@id\":\"https:\/\/techscale.io\/da\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp\",\"datePublished\":\"2025-08-29T13:44:38+00:00\",\"dateModified\":\"2025-09-01T06:38:37+00:00\",\"description\":\"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.\",\"breadcrumb\":{\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/techscale.io\/da\/software-og-applikationer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage\",\"url\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp\",\"contentUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp\",\"width\":2400,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/techscale.io\/da\/software-og-applikationer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/techscale.io\/da\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Softwareudvikling\"}]},{\"@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_head_json":{"title":"Software og Applikationer | Techscale","description":"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.","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\/software-og-applikationer\/","og_locale":"da_DK","og_type":"article","og_title":"Softwareudvikling","og_description":"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.","og_url":"https:\/\/techscale.io\/da\/software-og-applikationer\/","og_site_name":"Techscale","article_modified_time":"2025-09-01T06:38:37+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimeret l\u00e6setid":"7 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/","url":"https:\/\/techscale.io\/da\/software-og-applikationer\/","name":"Software og Applikationer | Techscale","isPartOf":{"@id":"https:\/\/techscale.io\/da\/#website"},"primaryImageOfPage":{"@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage"},"image":{"@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage"},"thumbnailUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp","datePublished":"2025-08-29T13:44:38+00:00","dateModified":"2025-09-01T06:38:37+00:00","description":"Vi udvikler software og applikationer, der er sikre, skalerbare og brugervenlige, og som \u00f8ger effektivitet og forretningsv\u00e6rdi.","breadcrumb":{"@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/techscale.io\/da\/software-og-applikationer\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/#primaryimage","url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp","contentUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SoftwareDevThumb.webp","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/techscale.io\/da\/software-og-applikationer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/techscale.io\/da\/home\/"},{"@type":"ListItem","position":2,"name":"Softwareudvikling"}]},{"@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\/10408","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=10408"}],"version-history":[{"count":5,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10408\/revisions"}],"predecessor-version":[{"id":10429,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10408\/revisions\/10429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/media\/10407"}],"wp:attachment":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/media?parent=10408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}