<!DOCTYPE html>
<html lang="en">
    <head>
    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KZWR9HDT');</script>
<!-- End Google Tag Manager -->
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="author" href="https://pcg.io/wp-content/themes/pcg/humans.txt"/>
    <link rel="pingback" href="https://pcg.io/xmlrpc.php"/>
    <link rel="profile" href="http://gmpg.org/xfn/11"/>
    <link rel="icon" type="image/png" sizes="96x96" href="https://pcg.io/wp-content/themes/pcg/assets/icons/favicon/favicon-96x96.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="https://pcg.io/wp-content/themes/pcg/assets/icons/favicon/android-chrome-192x192.png">
    <link rel="icon" type="image/png" sizes="512x512" href="https://pcg.io/wp-content/themes/pcg/assets/icons/favicon/android-chrome-512x512.png">
    <link rel="icon" type="image/svg+xml" href="https://pcg.io/wp-content/themes/pcg/assets/icons/favicon/favicon.svg" />
    <link rel="shortcut icon" href="https://pcg.io/wp-content/themes/pcg/assets/icons/favicon/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="https://pcg.io/wp-content/themes/pcg/assets/icons/favicon/apple-touch-icon.png" />
    <link rel='preload' href='https://pcg.io/wp-content/themes/pcg/dist/assets/app-BcvNmhgN.js' as='script' crossorigin='anonymous' />
<link rel='preload' href='https://pcg.io/wp-content/themes/pcg/dist/assets/app-CyEutWkl.css' as='style' />
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v27.7 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Secure Mobile Working Without A Designated IT Specialist - PCG</title>
	<meta name="description" content="Why ZuBaKa relies on Chromebooks." />
	<link rel="canonical" href="https://pcg.io/insights/enabling-secure-mobile-working-without-a-designated-it-specialist/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Secure Mobile Working Without A Designated IT Specialist - PCG" />
	<meta property="og:description" content="Why ZuBaKa relies on Chromebooks." />
	<meta property="og:url" content="https://pcg.io/insights/enabling-secure-mobile-working-without-a-designated-it-specialist/" />
	<meta property="og:site_name" content="PCG" />
	<meta property="article:modified_time" content="2025-12-11T19:07:34+00:00" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:label1" content="Est. reading time" />
	<meta name="twitter:data1" content="7 minutes" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pcg.io\/insights\/enabling-secure-mobile-working-without-a-designated-it-specialist\/","url":"https:\/\/pcg.io\/insights\/enabling-secure-mobile-working-without-a-designated-it-specialist\/","name":"Secure Mobile Working Without A Designated IT Specialist - PCG","isPartOf":{"@id":"https:\/\/pcg.io\/#website"},"datePublished":"2022-01-19T17:10:21+00:00","dateModified":"2025-12-11T19:07:34+00:00","description":"Why ZuBaKa relies on Chromebooks.","breadcrumb":{"@id":"https:\/\/pcg.io\/insights\/enabling-secure-mobile-working-without-a-designated-it-specialist\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pcg.io\/insights\/enabling-secure-mobile-working-without-a-designated-it-specialist\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pcg.io\/insights\/enabling-secure-mobile-working-without-a-designated-it-specialist\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pcg.io\/"},{"@type":"ListItem","position":2,"name":"Insights","item":"https:\/\/pcg.io\/insights\/"},{"@type":"ListItem","position":3,"name":"Secure Mobile Working Without A Designated IT Specialist"}]},{"@type":"WebSite","@id":"https:\/\/pcg.io\/#website","url":"https:\/\/pcg.io\/","name":"PCG","description":"Your Cloud Journey, Simplified.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pcg.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://pcg.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpcg.io%2Finsights%2Fenabling-secure-mobile-working-without-a-designated-it-specialist%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://pcg.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpcg.io%2Finsights%2Fenabling-secure-mobile-working-without-a-designated-it-specialist%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/**
 * These rules are needed for backwards compatibility.
 * They should match the button element rules in the base theme.json file.
 */
.wp-block-button__link {
	color: #ffffff;
	background-color: #32373c;
	border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */

	/* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */
	box-shadow: none;
	text-decoration: none;

	/* The extra 2px are added to size solids the same as the outline versions.*/
	padding: calc(0.667em + 2px) calc(1.333em + 2px);

	font-size: 1.125em;
}

.wp-block-file__button {
	background: #32373c;
	color: #ffffff;
	text-decoration: none;
}

/*# sourceURL=/wp-includes/css/classic-themes.css */
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='pcg_theme_handle-app-cyeutwkl-css' href='https://pcg.io/wp-content/themes/pcg/dist/assets/app-CyEutWkl.css' type='text/css' media='all' />

<!-- Google tag (gtag.js) snippet added by Site Kit -->
<!-- Google Analytics snippet added by Site Kit -->
<script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=GT-KVMHMRV" id="google_gtagjs-js" async></script>
<script type="text/javascript" id="google_gtagjs-js-after">
/* <![CDATA[ */
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["pcg.io"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-KVMHMRV");
 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
//# sourceURL=google_gtagjs-js-after
/* ]]> */
</script>
<link rel="https://api.w.org/" href="https://pcg.io/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://pcg.io/wp-json/wp/v2/insight/16048" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://pcg.io/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
<link rel='shortlink' href='https://pcg.io/?p=16048' />
<meta name="generator" content="WPML ver:4.9.4 stt:1,3;" />
<link rel="alternate" hreflang="en" href="https://pcg.io/insights/enabling-secure-mobile-working-without-a-designated-it-specialist/" />
<link rel="alternate" hreflang="de" href="https://pcg.io/de/insights/sicheres-mobiles-arbeiten-ermoglichen-ohne-ausgewiesene-it-fachkraft/" />
<link rel="alternate" hreflang="x-default" href="https://pcg.io/insights/enabling-secure-mobile-working-without-a-designated-it-specialist/" />
<meta name="generator" content="Site Kit by Google 1.180.0" /><link rel="icon" href="https://pcg.io/wp-content/uploads/2026/02/cropped-PCG-Favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://pcg.io/wp-content/uploads/2026/02/cropped-PCG-Favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://pcg.io/wp-content/uploads/2026/02/cropped-PCG-Favicon-180x180.png" />
<meta name="msapplication-TileImage" content="https://pcg.io/wp-content/uploads/2026/02/cropped-PCG-Favicon-270x270.png" />

<style id='core-block-supports-inline-css' type='text/css'>
/**
 * Core styles: block-supports
 */

/*# sourceURL=core-block-supports-inline-css */
</style>

</head>
<body class="wp-singular insight-template-default single single-insight postid-16048 wp-theme-pcg font-manrope text-default" data-controller="base">


<a
        href="#content"
        class="fixed top-0 left-0 -translate-y-full focus:translate-y-0 bg-white text-black px-l py-s shadow transition-transform sr-only focus:not-sr-only focus:fixed z-100"
>
    Skip to content
</a>


                                                                                                


                            


<header id="header" class="sticky top-0 left-0 w-full bg-white h-(--header-height) z-99 has-[.nav-open-first]:z-105 shrink-0 grow-0 px-xl" data-controller="header">
    <div class="container h-full flex items-center justify-between relative">
        <a href="https://pcg.io"
            aria-label="PCG home"
            class="inline-block w-[7.2rem] h-[5.2rem] text-black focus:outline focus:outline-offset-4">
            
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#logo" /></svg>
        </a>
        <div class="flex h-full items-center gap-xl lg:gap-l font-sora">
            <div data-not-show-m="true" class="h-full">
                <div data-header-target="navigationWrp" class="hidden lg:flex flex-row h-full gap-s">
                    

<nav aria-label="Main Navigation" data-controller="header-navigation" data-header-navigation-proxy-query-value="false" >
    <ul class="flex flex-col gap-m lg:gap-s lg:flex-row lg:h-full">
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap " data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <a
                        href="https://pcg.io/services/"
                        
                        class="relative block text-main-navigation hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:py-s lg:hover:bg-transparent lg:focus:outline-0 lg:hovfoc:before:absolute lg:hovfoc:before:top-full lg:hovfoc:before:h-[1px] lg:hovfoc:before:bg-black lg:hovfoc:before:inset-0 p-s lg:p-0 "
                    >
                        Cloud Services
                    </a>
                                                    <button
                        aria-label="Cloud Services Menu"
                        aria-expanded="false"
                        aria-controls="sub-nav-2049401796"
                        data-action="header-navigation#toggleNav"
                        class="p-s leading-none cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:p-0 lg:focus:outline-offset-4 lg:hover:bg-transparent"
                    >
                        <span class="inline-block w-[10px] h-[10px] text-black">
                            
    <svg class="w-full h-full lg:hidden" aria-label="Arrow right" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-right" /></svg>
                            
    <svg class="w-full h-full hidden lg:block lg:group-[.nav-open]:hidden" aria-label="Arrow down" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-down" /></svg>
                            
    <svg class="w-full h-full hidden lg:hidden group-[.nav-open]:block" aria-label="Arrow up" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-up" /></svg>
                        </span>
                    </button>
                                                                <div id="sub-nav-2049401796" class="hidden absolute top-full left-0 group is-desktop group-[.nav-open]:block z-99">
                                                                                                                                                <div class="grow-1 flex flex-col gap-4xl p-xl group-[.is-desktop]:flex-row group-[.is-desktop]:p-5xl xl:group-[.is-desktop]:pl-6xl group-[.is-desktop]:gap-6xl bg-white border-t-1 border-t-night-blue-light animate-fade-in ani-duration-100">
                                                                                        <div class="flex flex-col gap-xl lg:w-max xl:w-fit">
                                                                            <div class="text-pre-headline uppercase">Cloud Partners</div>
                                                                        <ul class="flex flex-col justify-between gap-l group-[.is-desktop]:gap-xl">
                                                                                    <li>
                                                <a
                                                    class="text-navigation-items inline-flex align-top items-center gap-l group-[.is-desktop]:flex focus:outline focus:outline-night-blue"
                                                    href="https://pcg.io/aws/"
                                                    
                                                >
                                                                                                            

    <picture>
        
        <img
                class="w-[4.8rem] shrink-0 lg:w-[6.6rem]"
                src="https://pcg.io/wp-content/uploads/2025/09/Amazon_Web_Services_Logo-1.svg"
                loading="lazy"
                decoding="async"
                                alt="Amazon_Web_Services_Logo"
                                        >
    </picture>

                                                                                                            <span class="inline-block pr-l">Amazon Web Services</span>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    class="text-navigation-items inline-flex align-top items-center gap-l group-[.is-desktop]:flex focus:outline focus:outline-night-blue"
                                                    href="https://pcg.io/google-cloud/"
                                                    
                                                >
                                                                                                            

    <picture>
        
        <img
                class="w-[4.8rem] shrink-0 lg:w-[6.6rem]"
                src="https://pcg.io/wp-content/uploads/2025/11/gcp_logo.svg"
                loading="lazy"
                decoding="async"
                                alt=""
                                        >
    </picture>

                                                                                                            <span class="inline-block pr-l">Google</span>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    class="text-navigation-items inline-flex align-top items-center gap-l group-[.is-desktop]:flex focus:outline focus:outline-night-blue"
                                                    href="https://pcg.io/microsoft/"
                                                    
                                                >
                                                                                                            

    <picture>
        
        <img
                class="w-[4.8rem] shrink-0 lg:w-[6.6rem]"
                src="https://pcg.io/wp-content/uploads/2025/11/Microsoft_Azure.svg"
                loading="lazy"
                decoding="async"
                                alt="Microsoft Azure Logo"
                                        >
    </picture>

                                                                                                            <span class="inline-block pr-l">Microsoft</span>
                                                </a>
                                            </li>
                                                                            </ul>
                                </div>
                                <div class="border-t-1 border-t-night-blue-light group-[.is-desktop]:border-0 group-[.is-desktop]:bg-night-blue-light group-[.is-desktop]:w-3xs"></div>
                                                        <div class="flex flex-col gap-xl lg:gap-[calc(var(--spacing-xl)+0.3rem)] lg:w-max xl:w-fit]">
                                                                    <div class="text-pre-headline uppercase">
                                        <a href="https://pcg.io/services/">Services</a>
                                    </div>
                                
                                <ul class="flex flex-col justify-between gap-m lg:gap-l">
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/cloud-data-and-ai-solutions/"
                                                target="_self"
                                            >
                                                                                                    Data &amp; AI
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/infrastructure/"
                                                target="_self"
                                            >
                                                                                                    Infrastructure
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/modern-workplace/"
                                                target="_self"
                                            >
                                                                                                    AI-Powered Workplace
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/software-development/"
                                                target="_self"
                                            >
                                                                                                    Development
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/cyber-security-services/"
                                                target="_self"
                                            >
                                                                                                    Security & Compliance
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/infrastructure/sovereign-cloud/"
                                                target="_self"
                                            >
                                                                                                    Sovereign Cloud
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/sap-cloud-services/"
                                                target="_self"
                                            >
                                                                                                    SAP Cloud Services
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/managed-services/"
                                                target="_self"
                                            >
                                                                                                    Managed Cloud Operations
                                                                                            </a>
                                        </li>
                                                                    </ul>
                            </div>
                                                            <a
                                    href="https://pcg.io/about-us/"
                                    
                                    class="mt-auto flex gap-s items-center bg-night-blue text-navigation-items px-3xl py-l text-white -ml-xl -mr-xl -mb-xl hover:bg-black-night active:bg-black focus:outline focus-outline focus:outline-white focus:-outline-offset-3 group-[.is-desktop]:absolute group-[.is-desktop]:top-full group-[.is-desktop]:m-0 group-[.is-desktop]:left-0 group-[.is-desktop]:w-full group-[.is-desktop]:pl-5xl xl:group-[.is-desktop]:pl-6xl group-[.is-desktop]:border-white group-[.is-desktop]:border-b-1"
                                >
                                    <span class="truncate">Get to know PCG: our vision - our mission</span>
                                    <span class="w-[12px] h-[12px] shrink-0">
                                        
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-right" /></svg>
                                    </span>
                                </a>
                                                    </div>
                                            </div>
                                                                    </li>
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap lg:relative" data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <div
                            class="relative block text-main-navigation lg:p-0 p-s "
                    >
                        Industries
                    </div>
                                                    <button
                        aria-label="Industries Menu"
                        aria-expanded="false"
                        aria-controls="sub-nav-1346353365"
                        data-action="header-navigation#toggleNav"
                        class="p-s leading-none cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:p-0 lg:focus:outline-offset-4 lg:hover:bg-transparent"
                    >
                        <span class="inline-block w-[10px] h-[10px] text-black">
                            
    <svg class="w-full h-full lg:hidden" aria-label="Arrow right" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-right" /></svg>
                            
    <svg class="w-full h-full hidden lg:block lg:group-[.nav-open]:hidden" aria-label="Arrow down" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-down" /></svg>
                            
    <svg class="w-full h-full hidden lg:hidden group-[.nav-open]:block" aria-label="Arrow up" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-up" /></svg>
                        </span>
                    </button>
                                                                <div id="sub-nav-1346353365" class="hidden absolute top-full left-0 group is-desktop group-[.nav-open]:block z-99">
                                                                                            <div class="grow-1 flex flex-col gap-4xl p-xl bg-white border-t-1 border-t-night-blue-light animate-fade-in ani-duration-100">
                                                                                    <div class="flex flex-col gap-xl lg:gap-[calc(var(--spacing-xl)+0.3rem)] lg:w-max xl:w-fit]">
                                
                                <ul class="flex flex-col justify-between gap-m lg:gap-l">
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/industries/cloud-solutions-fsi/"
                                                target="_self"
                                            >
                                                                                                    Financial Services & Insurances (FSI)
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/industries/cloud-solutions-isv/"
                                                target="_self"
                                            >
                                                                                                    Independent Software Vendor (ISV)
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/industries/cloud-solutions-retail-fashion/"
                                                target="_self"
                                            >
                                                                                                    Retail & Fashion
                                                                                            </a>
                                        </li>
                                                                    </ul>
                            </div>
                                                    </div>
                                            </div>
                                                                    </li>
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap lg:relative" data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <a
                        href="https://pcg.io/insights/"
                        
                        class="relative block text-main-navigation hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:py-s lg:hover:bg-transparent lg:focus:outline-0 lg:hovfoc:before:absolute lg:hovfoc:before:top-full lg:hovfoc:before:h-[1px] lg:hovfoc:before:bg-black lg:hovfoc:before:inset-0 p-s lg:p-0 "
                    >
                        Insights
                    </a>
                                            </li>
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap lg:relative" data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <a
                        href="https://pcg.io/events/"
                        
                        class="relative block text-main-navigation hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:py-s lg:hover:bg-transparent lg:focus:outline-0 lg:hovfoc:before:absolute lg:hovfoc:before:top-full lg:hovfoc:before:h-[1px] lg:hovfoc:before:bg-black lg:hovfoc:before:inset-0 p-s lg:p-0 "
                    >
                        Events
                    </a>
                                            </li>
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap lg:relative" data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <a
                        href="https://pcg.io/about-us/"
                        
                        class="relative block text-main-navigation hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:py-s lg:hover:bg-transparent lg:focus:outline-0 lg:hovfoc:before:absolute lg:hovfoc:before:top-full lg:hovfoc:before:h-[1px] lg:hovfoc:before:bg-black lg:hovfoc:before:inset-0 p-s lg:p-0 "
                    >
                        About us
                    </a>
                                                    <button
                        aria-label="About us Menu"
                        aria-expanded="false"
                        aria-controls="sub-nav-769892745"
                        data-action="header-navigation#toggleNav"
                        class="p-s leading-none cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:p-0 lg:focus:outline-offset-4 lg:hover:bg-transparent"
                    >
                        <span class="inline-block w-[10px] h-[10px] text-black">
                            
    <svg class="w-full h-full lg:hidden" aria-label="Arrow right" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-right" /></svg>
                            
    <svg class="w-full h-full hidden lg:block lg:group-[.nav-open]:hidden" aria-label="Arrow down" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-down" /></svg>
                            
    <svg class="w-full h-full hidden lg:hidden group-[.nav-open]:block" aria-label="Arrow up" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-up" /></svg>
                        </span>
                    </button>
                                                                <div id="sub-nav-769892745" class="hidden absolute top-full left-0 group is-desktop group-[.nav-open]:block z-99">
                                                                                            <div class="grow-1 flex flex-col gap-4xl p-xl bg-white border-t-1 border-t-night-blue-light animate-fade-in ani-duration-100">
                                                                                    <div class="flex flex-col gap-xl lg:gap-[calc(var(--spacing-xl)+0.3rem)] lg:w-max xl:w-fit]">
                                
                                <ul class="flex flex-col justify-between gap-m lg:gap-l">
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/about-us/partners/"
                                                target="_self"
                                            >
                                                                                                    Partners
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/about-us/sustainability/"
                                                target="_self"
                                            >
                                                                                                    Sustainability
                                                                                            </a>
                                        </li>
                                                                    </ul>
                            </div>
                                                    </div>
                                            </div>
                                                                    </li>
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap lg:relative" data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <a
                        href="#"
                        
                        class="relative block text-main-navigation hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:py-s lg:hover:bg-transparent lg:focus:outline-0 lg:hovfoc:before:absolute lg:hovfoc:before:top-full lg:hovfoc:before:h-[1px] lg:hovfoc:before:bg-black lg:hovfoc:before:inset-0 p-s lg:p-0 "
                    >
                        Careers
                    </a>
                                                    <button
                        aria-label="Careers Menu"
                        aria-expanded="false"
                        aria-controls="sub-nav-424300127"
                        data-action="header-navigation#toggleNav"
                        class="p-s leading-none cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:p-0 lg:focus:outline-offset-4 lg:hover:bg-transparent"
                    >
                        <span class="inline-block w-[10px] h-[10px] text-black">
                            
    <svg class="w-full h-full lg:hidden" aria-label="Arrow right" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-right" /></svg>
                            
    <svg class="w-full h-full hidden lg:block lg:group-[.nav-open]:hidden" aria-label="Arrow down" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-down" /></svg>
                            
    <svg class="w-full h-full hidden lg:hidden group-[.nav-open]:block" aria-label="Arrow up" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-up" /></svg>
                        </span>
                    </button>
                                                                <div id="sub-nav-424300127" class="hidden absolute top-full left-0 group is-desktop group-[.nav-open]:block z-99">
                                                                                            <div class="grow-1 flex flex-col gap-4xl p-xl bg-white border-t-1 border-t-night-blue-light animate-fade-in ani-duration-100">
                                                                                    <div class="flex flex-col gap-xl lg:gap-[calc(var(--spacing-xl)+0.3rem)] lg:w-max xl:w-fit]">
                                
                                <ul class="flex flex-col justify-between gap-m lg:gap-l">
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/careers/"
                                                target="_self"
                                            >
                                                                                                    Germany
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/careers/"
                                                target="_self"
                                            >
                                                                                                    Austria
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/careers/"
                                                target="_self"
                                            >
                                                                                                    Switzerland
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://jobs.ashbyhq.com/publiccloudgroup"
                                                target="_self"
                                            >
                                                                                                    North Macedonia
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://jobs.ashbyhq.com/publiccloudgroup"
                                                target="_self"
                                            >
                                                                                                    Sweden
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://jobs.ashbyhq.com/publiccloudgroup"
                                                target="_self"
                                            >
                                                                                                    Bulgaria
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://jobs.ashbyhq.com/publiccloudgroup"
                                                target="_self"
                                            >
                                                                                                    Greece
                                                                                            </a>
                                        </li>
                                                                    </ul>
                            </div>
                                                    </div>
                                            </div>
                                                                    </li>
            </ul>
</nav>                    <div class="h-full flex items-center px-l">
                        <button
                            aria-controls="search-d-container"
                            aria-expanded="false"
                            aria-label="Open Search"
                            type="button"
                            data-action="header#openSearch"
                            data-header-target="searchButtonDesktop"
                            class="peer block box-content w-l h-l focus:outline focus:outline-night-blue lg:focus:outline-offset-4 cursor-pointer"
                        >
                            
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#search" /></svg>
                        </button>
                                                <div id="search-d-container" class="hidden absolute bg-white inset-0 left-[7.2rem] z-1 peer-aria-expanded:flex justify-end items-center">
                            <form method="get" action="https://pcg.io" role="search" class="relative grid">
                                <label for="header-d-input" class="sr-only">Ask our AI Agent</label>
                                <input
                                    id="header-d-input"
                                    type="text"
                                    name="s"
                                    data-header-target="searchInputDesktop"
                                    data-action="focusout->header#focusoutDesktopSearch focusin->header#focusinSearchfield"
                                    class="col-start-1 row-start-1 p-m pl-4xl border-b-1 bg-white sm:w-[472px] focus:outline-1"
                                    autocomplete="off"
                                placeholder="Ask our AI Agent"/>
                                <div class="col-start-1 row-start-1 self-center w-l h-l ml-l">
                                    
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#search" /></svg>
                                </div>
                                





<div
    data-controller="search-cookie-cta"
    data-consent-info="true"
    data-search-cookie-cta-target="consentInfo"
    class="hidden top-full left-0 w-full bg-white p-l shadow-xl animate-slide-in z-1 absolute data-[consent=false]:flex flex-col gap-l font-manrope text-default"
>
    <div class="font-manrope text-h4">Discover our intelligent search!</div>
    <p>Our <strong>chatbot-powered search engine</strong> delivers <strong>precise answers and smart solutions</strong>.<br><strong>Enable marketing cookies</strong> to experience the full power of PCG.io.</p>
    




    <button class="group/btn btn --primary --light inline-flex gap-x-s items-center justify-center
    
     "
            
        type="button"
        value=""
                data-action="search-cookie-cta#clickConsentOpen focusin->header#focusinConsentBtn focusout->header#focusoutDesktopSearch"
        
    >

    
    Accept Marketing Cookies

    
        
    </button>
</div>                            </form>
                        </div>
                    </div>
                                                                                                                                                                                                                                                                                                

<nav aria-label="Language Navigation" data-controller="header-navigation" data-header-navigation-proxy-query-value="true" >
    <ul class="flex flex-row gap-l lg:gap-s lg:flex-row lg:h-full">
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap lg:relative" data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <div
                            class="relative block text-main-navigation lg:p-0 px-l py-s "
                    >
                        EN
                    </div>
                                                    <button
                        aria-label="EN Menu"
                        aria-expanded="false"
                        aria-controls="sub-nav-905180847"
                        data-action="header-navigation#toggleNav"
                        class="p-s leading-none cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:p-0 lg:focus:outline-offset-4 lg:hover:bg-transparent"
                    >
                        <span class="inline-block w-[10px] h-[10px] text-black">
                            
    <svg class="w-full h-full lg:hidden" aria-label="Arrow right" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-right" /></svg>
                            
    <svg class="w-full h-full hidden lg:block lg:group-[.nav-open]:hidden" aria-label="Arrow down" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-down" /></svg>
                            
    <svg class="w-full h-full hidden lg:hidden group-[.nav-open]:block" aria-label="Arrow up" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-up" /></svg>
                        </span>
                    </button>
                                                                <div id="sub-nav-905180847" class="hidden absolute top-full left-0 group is-desktop group-[.nav-open]:block z-99">
                                                                                            <div class="grow-1 flex flex-col gap-4xl p-xl bg-white border-t-1 border-t-night-blue-light animate-fade-in ani-duration-100">
                                                                                    <div class="flex flex-col gap-xl lg:gap-[calc(var(--spacing-xl)+0.3rem)] lg:w-max xl:w-fit]">
                                
                                <ul class="flex flex-col justify-between gap-m lg:gap-l">
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/insights/enabling-secure-mobile-working-without-a-designated-it-specialist/"
                                                
                                            >
                                                                                                    English
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/de/insights/sicheres-mobiles-arbeiten-ermoglichen-ohne-ausgewiesene-it-fachkraft/"
                                                
                                            >
                                                                                                    Deutsch
                                                                                            </a>
                                        </li>
                                                                    </ul>
                            </div>
                                                    </div>
                                            </div>
                                                                    </li>
            </ul>
</nav>                </div>
                <dialog
                    tabindex="-1"
                    data-header-target="dialog"
                    id="mobile-nav-1407204793"
                    class="bg-white inset-0 h-auto w-auto max-h-none max-w-none open:flex flex-col justify-between">
                    <div class="grow-1 flex flex-col p-xl justify-between border-t-1 border-t-night-blue-light animate-fade-in ani-duration-100">
                        <div class="flex flex-col gap-2xl">
                            <form method="get" action="https://pcg.io" role="search" class="relative grid">
                                <label for="header-m-input" class="sr-only">Ask our AI Agent</label>
                                <input
                                    id="header-m-input"
                                    type="text"
                                    name="s"
                                    class="col-start-1 row-start-1 p-m pl-4xl border-b-1 border-black bg-white focus:outline-1 placeholder-opacity-0 placeholder-black"
                                    autocomplete="off"
                                    placeholder="Search"
                                    data-action="focusout->header#focusoutSearchfield focusin->header#focusinSearchfield"
                                >
                                <div class="col-start-1 row-start-1 self-center w-l h-l ml-m">
                                    
    <svg class="w-full h-full" aria-label="Search Icon" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#search" /></svg>
                                </div>
                                





<div
    data-controller="search-cookie-cta"
    data-consent-info="true"
    data-search-cookie-cta-target="consentInfo"
    class="hidden top-full left-0 w-full bg-white p-l shadow-xl animate-slide-in z-1  data-[consent=false]:flex flex-col gap-l font-manrope text-default"
>
    <div class="font-manrope text-h4">Discover our intelligent search!</div>
    <p>Our <strong>chatbot-powered search engine</strong> delivers <strong>precise answers and smart solutions</strong>.<br><strong>Enable marketing cookies</strong> to experience the full power of PCG.io.</p>
    




    <button class="group/btn btn --primary --light inline-flex gap-x-s items-center justify-center
    
     "
            
        type="button"
        value=""
                data-action="search-cookie-cta#clickConsentOpen focusin->header#focusinConsentBtn focusout->header#focusoutSearchfield"
        
    >

    
    Accept Marketing Cookies

    
        
    </button>
</div>                            </form>
                            

<nav aria-label="Main Navigation" data-controller="header-navigation" data-header-navigation-proxy-query-value="false" >
    <ul class="flex flex-col gap-m lg:gap-s lg:flex-row lg:h-full">
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap " data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <a
                        href="https://pcg.io/services/"
                        
                        class="relative block text-main-navigation hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:py-s lg:hover:bg-transparent lg:focus:outline-0 lg:hovfoc:before:absolute lg:hovfoc:before:top-full lg:hovfoc:before:h-[1px] lg:hovfoc:before:bg-black lg:hovfoc:before:inset-0 p-s lg:p-0 "
                    >
                        Cloud Services
                    </a>
                                                    <button
                        aria-label="Cloud Services Menu"
                        aria-expanded="false"
                        aria-controls="sub-nav-549429408"
                        data-action="header-navigation#toggleNav"
                        class="p-s leading-none cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:p-0 lg:focus:outline-offset-4 lg:hover:bg-transparent"
                    >
                        <span class="inline-block w-[10px] h-[10px] text-black">
                            
    <svg class="w-full h-full lg:hidden" aria-label="Arrow right" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-right" /></svg>
                            
    <svg class="w-full h-full hidden lg:block lg:group-[.nav-open]:hidden" aria-label="Arrow down" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-down" /></svg>
                            
    <svg class="w-full h-full hidden lg:hidden group-[.nav-open]:block" aria-label="Arrow up" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-up" /></svg>
                        </span>
                    </button>
                                            <dialog
                            tabindex="-1"
                            id="sub-nav-549429408"
                            class="inset-0 h-auto w-auto max-h-none max-w-none open:flex flex-col">
                                                                                                                                                                    <div class="grow-1 flex flex-col gap-4xl p-xl group-[.is-desktop]:flex-row group-[.is-desktop]:p-5xl xl:group-[.is-desktop]:pl-6xl group-[.is-desktop]:gap-6xl bg-white border-t-1 border-t-night-blue-light animate-fade-in ani-duration-100">
                                                            <button
                                    autofocus
                                    class="flex gap-s items-center cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue"
                                    data-action="header-navigation#toggleNav"
                                    aria-controls="sub-nav-549429408"
                                >
                                    <span class="w-[12px] h-[12px]">
                                        
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-left" /></svg>
                                    </span>
                                    Back
                                </button>
                                                                                        <div class="flex flex-col gap-xl lg:w-max xl:w-fit">
                                                                            <div class="text-pre-headline uppercase">Cloud Partners</div>
                                                                        <ul class="flex flex-col justify-between gap-l group-[.is-desktop]:gap-xl">
                                                                                    <li>
                                                <a
                                                    class="text-navigation-items inline-flex align-top items-center gap-l group-[.is-desktop]:flex focus:outline focus:outline-night-blue"
                                                    href="https://pcg.io/aws/"
                                                    
                                                >
                                                                                                            

    <picture>
        
        <img
                class="w-[4.8rem] shrink-0 lg:w-[6.6rem]"
                src="https://pcg.io/wp-content/uploads/2025/09/Amazon_Web_Services_Logo-1.svg"
                loading="lazy"
                decoding="async"
                                alt="Amazon_Web_Services_Logo"
                                        >
    </picture>

                                                                                                            <span class="inline-block pr-l">Amazon Web Services</span>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    class="text-navigation-items inline-flex align-top items-center gap-l group-[.is-desktop]:flex focus:outline focus:outline-night-blue"
                                                    href="https://pcg.io/google-cloud/"
                                                    
                                                >
                                                                                                            

    <picture>
        
        <img
                class="w-[4.8rem] shrink-0 lg:w-[6.6rem]"
                src="https://pcg.io/wp-content/uploads/2025/11/gcp_logo.svg"
                loading="lazy"
                decoding="async"
                                alt=""
                                        >
    </picture>

                                                                                                            <span class="inline-block pr-l">Google</span>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    class="text-navigation-items inline-flex align-top items-center gap-l group-[.is-desktop]:flex focus:outline focus:outline-night-blue"
                                                    href="https://pcg.io/microsoft/"
                                                    
                                                >
                                                                                                            

    <picture>
        
        <img
                class="w-[4.8rem] shrink-0 lg:w-[6.6rem]"
                src="https://pcg.io/wp-content/uploads/2025/11/Microsoft_Azure.svg"
                loading="lazy"
                decoding="async"
                                alt="Microsoft Azure Logo"
                                        >
    </picture>

                                                                                                            <span class="inline-block pr-l">Microsoft</span>
                                                </a>
                                            </li>
                                                                            </ul>
                                </div>
                                <div class="border-t-1 border-t-night-blue-light group-[.is-desktop]:border-0 group-[.is-desktop]:bg-night-blue-light group-[.is-desktop]:w-3xs"></div>
                                                        <div class="flex flex-col gap-xl lg:gap-[calc(var(--spacing-xl)+0.3rem)] lg:w-max xl:w-fit]">
                                                                    <div class="text-pre-headline uppercase">
                                        <a href="https://pcg.io/services/">Services</a>
                                    </div>
                                
                                <ul class="flex flex-col justify-between gap-m lg:gap-l">
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/cloud-data-and-ai-solutions/"
                                                target="_self"
                                            >
                                                                                                    Data &amp; AI
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/infrastructure/"
                                                target="_self"
                                            >
                                                                                                    Infrastructure
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/modern-workplace/"
                                                target="_self"
                                            >
                                                                                                    AI-Powered Workplace
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/software-development/"
                                                target="_self"
                                            >
                                                                                                    Development
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/cyber-security-services/"
                                                target="_self"
                                            >
                                                                                                    Security & Compliance
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/infrastructure/sovereign-cloud/"
                                                target="_self"
                                            >
                                                                                                    Sovereign Cloud
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/sap-cloud-services/"
                                                target="_self"
                                            >
                                                                                                    SAP Cloud Services
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/services/managed-services/"
                                                target="_self"
                                            >
                                                                                                    Managed Cloud Operations
                                                                                            </a>
                                        </li>
                                                                    </ul>
                            </div>
                                                            <a
                                    href="https://pcg.io/about-us/"
                                    
                                    class="mt-auto flex gap-s items-center bg-night-blue text-navigation-items px-3xl py-l text-white -ml-xl -mr-xl -mb-xl hover:bg-black-night active:bg-black focus:outline focus-outline focus:outline-white focus:-outline-offset-3 group-[.is-desktop]:absolute group-[.is-desktop]:top-full group-[.is-desktop]:m-0 group-[.is-desktop]:left-0 group-[.is-desktop]:w-full group-[.is-desktop]:pl-5xl xl:group-[.is-desktop]:pl-6xl group-[.is-desktop]:border-white group-[.is-desktop]:border-b-1"
                                >
                                    <span class="truncate">Get to know PCG: our vision - our mission</span>
                                    <span class="w-[12px] h-[12px] shrink-0">
                                        
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-right" /></svg>
                                    </span>
                                </a>
                                                    </div>
                                                                </dialog>
                                                </li>
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap lg:relative" data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <div
                            class="relative block text-main-navigation lg:p-0 p-s "
                    >
                        Industries
                    </div>
                                                    <button
                        aria-label="Industries Menu"
                        aria-expanded="false"
                        aria-controls="sub-nav-1025407847"
                        data-action="header-navigation#toggleNav"
                        class="p-s leading-none cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:p-0 lg:focus:outline-offset-4 lg:hover:bg-transparent"
                    >
                        <span class="inline-block w-[10px] h-[10px] text-black">
                            
    <svg class="w-full h-full lg:hidden" aria-label="Arrow right" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-right" /></svg>
                            
    <svg class="w-full h-full hidden lg:block lg:group-[.nav-open]:hidden" aria-label="Arrow down" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-down" /></svg>
                            
    <svg class="w-full h-full hidden lg:hidden group-[.nav-open]:block" aria-label="Arrow up" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-up" /></svg>
                        </span>
                    </button>
                                            <dialog
                            tabindex="-1"
                            id="sub-nav-1025407847"
                            class="inset-0 h-auto w-auto max-h-none max-w-none open:flex flex-col">
                                                                                                                <div class="grow-1 flex flex-col gap-4xl p-xl bg-white border-t-1 border-t-night-blue-light animate-fade-in ani-duration-100">
                                                            <button
                                    autofocus
                                    class="flex gap-s items-center cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue"
                                    data-action="header-navigation#toggleNav"
                                    aria-controls="sub-nav-1025407847"
                                >
                                    <span class="w-[12px] h-[12px]">
                                        
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-left" /></svg>
                                    </span>
                                    Back
                                </button>
                                                                                    <div class="flex flex-col gap-xl lg:gap-[calc(var(--spacing-xl)+0.3rem)] lg:w-max xl:w-fit]">
                                                                    <div class="text-pre-headline uppercase">Industries</div>
                                
                                <ul class="flex flex-col justify-between gap-m lg:gap-l">
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/industries/cloud-solutions-fsi/"
                                                target="_self"
                                            >
                                                                                                    Financial Services & Insurances (FSI)
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/industries/cloud-solutions-isv/"
                                                target="_self"
                                            >
                                                                                                    Independent Software Vendor (ISV)
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/industries/cloud-solutions-retail-fashion/"
                                                target="_self"
                                            >
                                                                                                    Retail & Fashion
                                                                                            </a>
                                        </li>
                                                                    </ul>
                            </div>
                                                    </div>
                                                                </dialog>
                                                </li>
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap lg:relative" data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <a
                        href="https://pcg.io/insights/"
                        
                        class="relative block text-main-navigation hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:py-s lg:hover:bg-transparent lg:focus:outline-0 lg:hovfoc:before:absolute lg:hovfoc:before:top-full lg:hovfoc:before:h-[1px] lg:hovfoc:before:bg-black lg:hovfoc:before:inset-0 p-s lg:p-0 "
                    >
                        Insights
                    </a>
                                            </li>
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap lg:relative" data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <a
                        href="https://pcg.io/events/"
                        
                        class="relative block text-main-navigation hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:py-s lg:hover:bg-transparent lg:focus:outline-0 lg:hovfoc:before:absolute lg:hovfoc:before:top-full lg:hovfoc:before:h-[1px] lg:hovfoc:before:bg-black lg:hovfoc:before:inset-0 p-s lg:p-0 "
                    >
                        Events
                    </a>
                                            </li>
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap lg:relative" data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <a
                        href="https://pcg.io/about-us/"
                        
                        class="relative block text-main-navigation hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:py-s lg:hover:bg-transparent lg:focus:outline-0 lg:hovfoc:before:absolute lg:hovfoc:before:top-full lg:hovfoc:before:h-[1px] lg:hovfoc:before:bg-black lg:hovfoc:before:inset-0 p-s lg:p-0 "
                    >
                        About us
                    </a>
                                                    <button
                        aria-label="About us Menu"
                        aria-expanded="false"
                        aria-controls="sub-nav-1174041130"
                        data-action="header-navigation#toggleNav"
                        class="p-s leading-none cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:p-0 lg:focus:outline-offset-4 lg:hover:bg-transparent"
                    >
                        <span class="inline-block w-[10px] h-[10px] text-black">
                            
    <svg class="w-full h-full lg:hidden" aria-label="Arrow right" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-right" /></svg>
                            
    <svg class="w-full h-full hidden lg:block lg:group-[.nav-open]:hidden" aria-label="Arrow down" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-down" /></svg>
                            
    <svg class="w-full h-full hidden lg:hidden group-[.nav-open]:block" aria-label="Arrow up" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-up" /></svg>
                        </span>
                    </button>
                                            <dialog
                            tabindex="-1"
                            id="sub-nav-1174041130"
                            class="inset-0 h-auto w-auto max-h-none max-w-none open:flex flex-col">
                                                                                                                <div class="grow-1 flex flex-col gap-4xl p-xl bg-white border-t-1 border-t-night-blue-light animate-fade-in ani-duration-100">
                                                            <button
                                    autofocus
                                    class="flex gap-s items-center cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue"
                                    data-action="header-navigation#toggleNav"
                                    aria-controls="sub-nav-1174041130"
                                >
                                    <span class="w-[12px] h-[12px]">
                                        
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-left" /></svg>
                                    </span>
                                    Back
                                </button>
                                                                                    <div class="flex flex-col gap-xl lg:gap-[calc(var(--spacing-xl)+0.3rem)] lg:w-max xl:w-fit]">
                                                                    <div class="text-pre-headline uppercase">About us</div>
                                
                                <ul class="flex flex-col justify-between gap-m lg:gap-l">
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/about-us/partners/"
                                                target="_self"
                                            >
                                                                                                    Partners
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/about-us/sustainability/"
                                                target="_self"
                                            >
                                                                                                    Sustainability
                                                                                            </a>
                                        </li>
                                                                    </ul>
                            </div>
                                                    </div>
                                                                </dialog>
                                                </li>
                                <li class="group h-full flex items-center justify-between flex-wrap lg:px-l lg:gap-s lg:justify-start lg:flex-nowrap lg:relative" data-action="mouseenter->header-navigation#mouseEnterLevel1 mouseleave->header-navigation#mouseLeaveLevel1">
                                                                    <a
                        href="#"
                        
                        class="relative block text-main-navigation hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:py-s lg:hover:bg-transparent lg:focus:outline-0 lg:hovfoc:before:absolute lg:hovfoc:before:top-full lg:hovfoc:before:h-[1px] lg:hovfoc:before:bg-black lg:hovfoc:before:inset-0 p-s lg:p-0 "
                    >
                        Careers
                    </a>
                                                    <button
                        aria-label="Careers Menu"
                        aria-expanded="false"
                        aria-controls="sub-nav-2057114703"
                        data-action="header-navigation#toggleNav"
                        class="p-s leading-none cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:p-0 lg:focus:outline-offset-4 lg:hover:bg-transparent"
                    >
                        <span class="inline-block w-[10px] h-[10px] text-black">
                            
    <svg class="w-full h-full lg:hidden" aria-label="Arrow right" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-right" /></svg>
                            
    <svg class="w-full h-full hidden lg:block lg:group-[.nav-open]:hidden" aria-label="Arrow down" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-down" /></svg>
                            
    <svg class="w-full h-full hidden lg:hidden group-[.nav-open]:block" aria-label="Arrow up" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-simple-up" /></svg>
                        </span>
                    </button>
                                            <dialog
                            tabindex="-1"
                            id="sub-nav-2057114703"
                            class="inset-0 h-auto w-auto max-h-none max-w-none open:flex flex-col">
                                                                                                                <div class="grow-1 flex flex-col gap-4xl p-xl bg-white border-t-1 border-t-night-blue-light animate-fade-in ani-duration-100">
                                                            <button
                                    autofocus
                                    class="flex gap-s items-center cursor-pointer hover:bg-night-blue-light focus:outline focus:outline-night-blue"
                                    data-action="header-navigation#toggleNav"
                                    aria-controls="sub-nav-2057114703"
                                >
                                    <span class="w-[12px] h-[12px]">
                                        
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-left" /></svg>
                                    </span>
                                    Back
                                </button>
                                                                                    <div class="flex flex-col gap-xl lg:gap-[calc(var(--spacing-xl)+0.3rem)] lg:w-max xl:w-fit]">
                                                                    <div class="text-pre-headline uppercase">Careers</div>
                                
                                <ul class="flex flex-col justify-between gap-m lg:gap-l">
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/careers/"
                                                target="_self"
                                            >
                                                                                                    Germany
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/careers/"
                                                target="_self"
                                            >
                                                                                                    Austria
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://pcg.io/careers/"
                                                target="_self"
                                            >
                                                                                                    Switzerland
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://jobs.ashbyhq.com/publiccloudgroup"
                                                target="_self"
                                            >
                                                                                                    North Macedonia
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://jobs.ashbyhq.com/publiccloudgroup"
                                                target="_self"
                                            >
                                                                                                    Sweden
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://jobs.ashbyhq.com/publiccloudgroup"
                                                target="_self"
                                            >
                                                                                                    Bulgaria
                                                                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                class="inline-block text-navigation-items p-s hover:bg-sky-blue group-[.is-desktop]:block focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0"
                                                href="https://jobs.ashbyhq.com/publiccloudgroup"
                                                target="_self"
                                            >
                                                                                                    Greece
                                                                                            </a>
                                        </li>
                                                                    </ul>
                            </div>
                                                    </div>
                                                                </dialog>
                                                </li>
            </ul>
</nav>                        </div>
                        <div class="pt-2xl border-t-1 border-night-blue-light">
                            <nav aria-label="Language Navigation" data-controller="header-navigation">
                                <ul class="flex flex-row gap-l lg:gap-s lg:flex-row lg:h-full">
                                                                            <li>
                                            <a
                                                href="https://pcg.io/insights/enabling-secure-mobile-working-without-a-designated-it-specialist/"
                                                class="inline-block text-navigation-items p-s border-black focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0  border-b-1"
                                            >
                                                EN
                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                href="https://pcg.io/de/insights/sicheres-mobiles-arbeiten-ermoglichen-ohne-ausgewiesene-it-fachkraft/"
                                                class="inline-block text-navigation-items p-s border-black focus:outline focus:outline-night-blue  active:bg-night-blue-light-2 active:outline-0 "
                                            >
                                                DE
                                            </a>
                                        </li>
                                                                    </ul>
                            </nav>
                        </div>
                    </div>
                </dialog>
            </div>
                            <div>
                                            




    <a class="group/btn btn --primary --light inline-flex gap-x-s items-center justify-center
    
     "
            href="https://pcg.io/contact-us/"
        target="_self"
        
        
        
            
    >

    
    Contact

    
        
    </a>
                                    </div>
                        <button
                data-header-target="button"
                aria-controls="mobile-nav-1407204793"
                aria-expanded="false"
                aria-label="Open menu"
                data-close-aria-label="Close menu"
                autofocus
                class="group relative w-[3.2rem] h-[2.6rem] box-content block cursor-pointer p-s hover:bg-night-blue-light focus:outline focus:outline-night-blue lg:hidden" data-action="header#toggleNavWrp">
                <span class="h-2xs bg-black rounded-lg absolute top-1/2 left-s right-s translate-y-[-1.1rem] group-[.is-open]:rotate-45 group-[.is-open]:translate-y-[-50%]"></span>
                <span class="h-2xs bg-black rounded-lg absolute top-1/2 left-s right-s -translate-y-3xs group-[.is-open]:hidden"></span>
                <span class="h-2xs bg-black rounded-lg absolute top-1/2 left-s right-s translate-y-[0.9rem] group-[.is-open]:-rotate-45 group-[.is-open]:translate-y-[-50%]"></span>
            </button>
        </div>
    </div>
</header>
<main id="content">
                                <article class="post-type-insight" id="post-16048">
        <section>
            


    
<div class="relative px-xl flex flex-col bg-sky-blue text-black dark:bg-night-blue dark:text-white data-[variant=cloud7]:bg-cloud-7 pt-m pb-4xl min-h-[285px]"
     data-variant="cloud7">
            
            
<div class="container relative mx-auto flex-grow-1 flex flex-col gap-y-l sm:grid sm:grid-cols-12 gap-x-xl sm:grid-rows-[auto_1fr]">
    <div class="col-span-12">
                                            <nav aria-label="Breadcrumb">
    <ol class="flex flex-wrap flex-row gap-xs text-small">
                                <li class="before:content-none min-h-0 p-0 gap-xs hidden sm:flex">
                                                <a href="https://pcg.io/"  >Home</a>
            </li>
                                <li class="before:content-none min-h-0 p-0 gap-xs flex items-center">
                                    <div class="sm:hidden w-[12px] h-[12px]">
                        
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-left" /></svg>
                    </div>
                                                    <span class="hidden sm:flex">/</span>
                                <a href="https://pcg.io/insights/"  >Insights</a>
            </li>
                                <li class="before:content-none min-h-0 p-0 gap-xs hidden sm:flex">
                                                    <span class="">/</span>
                                <a href="https://pcg.io/insights/enabling-secure-mobile-working-without-a-designated-it-specialist/"  class="sm:font-bold">Secure Mobile Working Without A Designated IT Specialist</a>
            </li>
            </ol>
</nav>            </div>
    <div class="my-auto col-start-2 col-end-12">
        <div class="text-center">
            


    
<h1
    class="h1 "
    
    
>Secure Mobile Working Without A Designated IT Specialist</h1>                            <div class="mt-l">
                    Case Study from 19 January 2022
                </div>
                    </div>
    </div>
</div>                </div>        </section>
                        <section>
            
    



<div class="py-6xl px-xl bg-white text-black dark:bg-night-blue dark:text-white light:bg-cloud-2" data-variant="white">
    <div class="container mx-auto flex flex-col gap-4xl md:grid md:grid-cols-12 md:gap-xl">
        <div class="flex flex-col gap-l order-1 md:col-span-7 md:row-start-1 lg:col-span-8">
                        

<div class="flex flex-col gap-xl">
                        


    
<h2
    class="h2 "
    
    
>Introduction</h2>    </div>                            <div class="flex flex-col gap-xl">
                    <p>When looking for new end devices, ZuBaKa asked the question &#8220;Apple or Windows&#8221;? Now the non-profit company has more than 20 <a href="https://pcg.io/google/chromebooks-for-education/" target="_blank" rel="noopener noreferrer">Chromebooks</a> in use for its permanent employees. One reason: The devices are designed for working in the browser and are ideal in combination with a cloud-based solution such as Google Workspace. Chromebooks allow uncomplicated mobile working from anywhere. Above all, thanks to automatic updates and online-based administration, they are extremely secure and easy to manage &#8211; even without in-depth IT knowledge.</p>

                </div>
                    </div>
        <div class="flex flex-col gap-3xl md:col-start-9 md:col-end-13 lg:col-start-10">
                            <div class="flex flex-col gap-l">
                                            


    
<div
    class="h5 after:content-[attr(data-after)] "
     data-after="."
    
>Tags</div>                                                                <div class="flex gap-x-l gap-y-xs flex-wrap py-xs">
                                                            <div class="text-small px-l rounded-2xl mx-xs text-black bg-light-grey bg-yellow-light">
                                    Modern Work
                                </div>
                                                    </div>
                                    </div>
                            <div class="flex flex-col gap-l">
                                            


    
<div
    class="h5 after:content-[attr(data-after)] "
     data-after="."
    
>Industries</div>                                                                <div class="flex gap-x-l gap-y-xs flex-wrap py-xs">
                                                            <div class="text-small px-l rounded-2xl mx-xs text-black bg-light-grey bg-yellow-light">
                                    Education
                                </div>
                                                    </div>
                                    </div>
                                        <div class="flex flex-col gap-l">
                    


    
<div
    class="h5 after:content-[attr(data-after)] "
     data-after="."
    
>Share it</div>                    <div class="flex flex-wrap gap-xl">
                                                    <a
                                href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fpcg.io%2Finsights%2Fenabling-secure-mobile-working-without-a-designated-it-specialist%2F"
                                target="__blank"
                                class="block w-[32px] h-[32px] outline-black outline-offset-4 focus:outline-1"
                                rel="noopener"
                                aria-label="Share on Facebook"
                                data-context="social_share"
                            >
                                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#social-facebook" /></svg>
                            </a>
                                                    <a
                                href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fpcg.io%2Finsights%2Fenabling-secure-mobile-working-without-a-designated-it-specialist%2F"
                                target="__blank"
                                class="block w-[32px] h-[32px] outline-black outline-offset-4 focus:outline-1"
                                rel="noopener"
                                aria-label="Share on LinkedIn"
                                data-context="social_share"
                            >
                                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#social-linkedin" /></svg>
                            </a>
                                                    <a
                                href="https://web.whatsapp.com/send?text=https%3A%2F%2Fpcg.io%2Finsights%2Fenabling-secure-mobile-working-without-a-designated-it-specialist%2F"
                                target="__blank"
                                class="block w-[32px] h-[32px] outline-black outline-offset-4 focus:outline-1"
                                rel="noopener"
                                aria-label="Share on Whatsapp"
                                data-context="social_share"
                            >
                                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#social-whatsapp" /></svg>
                            </a>
                                                    <a
                                href="mailto:?subject=&body=https%3A%2F%2Fpcg.io%2Finsights%2Fenabling-secure-mobile-working-without-a-designated-it-specialist%2F"
                                target="__blank"
                                class="block w-[32px] h-[32px] outline-black outline-offset-4 focus:outline-1"
                                rel="noopener"
                                aria-label="Share by E-Mail"
                                data-context="social_share"
                            >
                                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#social-mail" /></svg>
                            </a>
                                            </div>
                </div>
                    </div>
    </div>
</div>        </section>

                        
            
    <section  class="pt-0 pb-0">
                                    


                                            
    

    

<div class="px-xl  pb-7xl text-black bg-white dark:bg-night-blue dark:text-white light:bg-cloud-2" data-variant="white">
        <div class="container mx-auto flex flex-col gap-4xl md:items-center md:grid md:grid-cols-12 md:gap-xl row-span-full col-span-full">
        <div class="md:col-end-13 md:col-span-6">
                                    

    <picture>
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/12/zubaka_picture-630x0-c-default.png"
                    media="(min-width: 640px)"
                                >
        
        <img
                class="object-contain w-full object-right"
                src="https://pcg.io/wp-content/uploads/2025/12/zubaka_picture-592x0-c-default.png"
                loading="lazy"
                decoding="async"
                                alt=""
                                        >
    </picture>

        
                    </div>
        <div class="md:col-start-1 md:row-start-1 md:col-span-5">
            <div class="flex flex-col gap-xl">
                

<div class="flex flex-col gap-xl">
                        


        
<h2
    class="h2 "
    
    
>About ZuBaKa</h2>    </div>                                    <div class="flex flex-col gap-xl"><p><a href="https://www.zubaka.de/" target="_blank" rel="noopener noreferrer">ZuBaKa </a>stands for &#8220;Zukunftsbaukasten&#8221;. It is a non-profit social enterprise based in Frankfurt that runs educational projects in the Rhine-Main and Rhine-Neckar regions. Its primary target group is immigrant children and young people who need language support in order to develop or demonstrate their skills and reach their potential. The team of over 50 consists mainly of student workers (scouts), who are responsible for implementing the projects on site.</p>
</div>
                                            </div>
                    </div>
    </div>
</div>                                                

    
<div class="px-xl  pb-7xl text-black bg-white dark:bg-night-blue dark:text-white light:bg-cloud-2" data-variant="white">
    <div class="container mx-auto flex flex-col gap-xl md:grid md:grid-cols-12 md:gap-xl">
        <div class="md:col-span-full">
            

<div class="flex flex-col gap-xl">
                        


        
<h2
    class="h2 "
    
    
>The Challenge</h2>    </div>        </div>
                    <div class="col-span-9 flex flex-col gap-xl">
                <p>As a small team that started, the employees of ZuBaKa initially used personal devices to realise their vision of greater educational equity for children and youth. With the company&#8217;s growth, the goal was to replace these with organisation-owned devices. Josephine Würl, Office Manager and Wellbeing Officer, explains: “To work securely from anywhere, we use the cloud-based collaboration solution Google Workspace. We were searching for devices for this purpose. Initially, we looked into Apple and Microsoft, but as a nonprofit organisation, we neither have a large budget nor is our structure suitable for employing an IT specialist.”</p>

            </div>
                    </div>
</div>                                                

    
<div class="px-xl  pb-7xl text-black bg-white dark:bg-night-blue dark:text-white light:bg-cloud-2" data-variant="white">
    <div class="container mx-auto flex flex-col gap-xl md:grid md:grid-cols-12 md:gap-xl">
        <div class="md:col-span-full">
            

<div class="flex flex-col gap-xl">
                        


        
<h2
    class="h2 "
    
    
>The Solution</h2>    </div>        </div>
                    <div class="col-span-9 flex flex-col gap-xl">
                <p>ZuBaKa opted for the introduction of Chromebooks. Josephine Würl: &#8220;I came across this company during my research, and during a consultation, we realised that Chromebooks are exactly what we are looking for&#8221;.</p>
<p>Especially in terms of security and management, Chrome OS devices offer many advantages. Devices equipped with the appropriate upgrade can be centrally managed online through the Google Admin Console. Leah Deitermann, Finance &amp; Law, adds: &#8220;For example, all linked devices are automatically equipped with Wi-Fi and printer settings. Additionally, we have configured them in a way that only ZuBaKa employees can use them, as an email address with our domain is required&#8221;. We also provided admin training and are available for support inquiries.</p>

            </div>
                    </div>
</div>                                                

<div class="py-6xl px-xl text-black light:bg-cloud-2 dark:bg-night-blue dark:text-white" data-variant="light">
    <div class="container mx-auto" data-controller="slider">
        <div class="flex flex-col gap-5xl sm:grid sm:grid-cols-12 sm:gap-x-xl sm:gap-y-5xl">
            

<div class="flex flex-col gap-xl sm:col-span-6">
        </div>            <div class="flex flex-col gap-2xl sm:col-span-full">
                
        <div class="flex items-center justify-between" data-slider-target="navigation" role="navigation"
         aria-label="Slider Navigation">
                <div class="flex gap-s md:hidden" data-slider-target="pagination">
                                                <div class="bg-night-blue-medium-light data-active:bg-white light:bg-night-blue-light light:data-active:bg-black w-s h-s"
                         data-active data-slider-target="paginationItem"></div>
                                    </div>
                <div class="gap-s hidden md:flex" data-slider-target="paginationDesktop">
                                                                        <div class="bg-night-blue-medium-light data-active:bg-white light:bg-night-blue-light light:data-active:bg-black w-s h-s"
                             data-active
                             data-slider-target="paginationDesktopItem"></div>
                                                        </div>
                <div class="flex gap-l">
            <button
                    role="button"
                    aria-controls="quote-carousel-1086099552"
                aria-label="Previous quote"
                class="w-5xl h-5xl sm:w-3xl sm:h-3xl p-s text-black dark:text-white disabled:dark:text-night-blue-medium-light disabled:text-night-blue-light enabled:cursor-pointer" data-action="slider#prev" data-slider-target="prevBtn" disabled>
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-left" /></svg>
            </button>
            <button
                    role="button"
                    aria-controls="quote-carousel-1086099552"
                aria-label="Next quote"
                class="w-5xl h-5xl sm:w-3xl sm:h-3xl p-s enabled:cursor-pointer text-black dark:text-white dark:disabled:text-night-blue-medium-light disabled:text-night-blue-light" data-action="slider#next" data-slider-target="nextBtn">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-right" /></svg>
            </button>
        </div>
    </div>
                <div>
                    <div id="quote-carousel-1086099552" class="overflow-hidden focus-within:outline focus-within:outline-offset-4 focus-within:outline-white" data-slider-target="container">
                        <div class="grid grid-cols-[repeat(var(--cols),minmax(0,1fr))] w-[calc(calc(var(--cols)/var(--show-cols)*100%)+var(--add-w))]
                            transition-transform duration-600 ease-initial mx-[calc(var(--ggap)*-1)] [--show-cols:var(--show-cols-m)] md:[--show-cols:var(--show-cols-md)]"
                            data-slider-target="slide"
                            style="--cols:1;--show-cols-m:1;--show-cols-md:1;--ggap:12px;--add-w:calc(calc(var(--cols) * calc(var(--ggap) * 2)) / var(--show-cols))">
                                                                                                <div data-slider-target="item" class="mx-[12px]">
                                        





    <div class="@container flex flex-col min-h-full">
        <div class="grow-1 flex flex-col gap-3xl bg-night-blue dark:bg-white md:flex-row md:gap-3xl @4xl:gap-7xl md:items-center">
            <div class="flex-none flex flex-col justify-center items-center gap-l text-white min-h-[21rem] dark:text-night-blue px-4xl py-6xl bg-cloud-10 dark:bg-cloud-1 @4xl:basis-[52.0rem] @4xl:min-h-[48.2rem] md:basis-[192px] md:self-stretch md:px-xl">
                <div class="font-sora text-center w-full">
                                                                        <div class="flex justify-center">
                                                        

    <picture>
        
        <img
                class=" w-[42.6rem] aspect-2/1 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/11/Zubaka_white.svg"
                loading="lazy"
                decoding="async"
                                alt="Zubaka logo white"
                                        >
    </picture>

                
                            </div>
                                                            </div>
                            </div>
            <div class="pb-3xl px-l text-black md:py-3xl md:pr-2xl @2xl:py-6xl @2xl:pr-7xl md:pl-0">
                <div class="flex flex-col gap-xl text-white dark:text-black md:gap-5xl">
                    <div class="flex flex-col gap-l">
                        <div class="">
                            <div class="w-[3.6rem] h-[3.2rem]">
                                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#quote-manrope" /></svg>
                            </div>
                        </div>
                        <blockquote class="font-sora text-quote md:font-normal">
                            <p>We found the consultation to be very positive. Our needs were taken seriously at all times.</p>

                        </blockquote>
                    </div>
                    <div class="flex flex-col gap-[2.0rem] md:flex-row md:items-center">
                                                <div>
                            <div class="text-small font-bold">
                                Leah Deitermann
                            </div>
                            <div class="text-small">
                                Finance &amp; Law, ZuBaKa
                            </div>
                        </div>
                                                    <div class="hidden @2xl:block w-2xs bg-night-blue-light self-stretch my-l"></div>
                            <div class="hidden @2xl:block">
                                            

    <picture>
        
        <img
                class="w-[11.3rem] h-[5.6rem] object-contain"
                src="https://pcg.io/wp-content/uploads/2025/12/LeahDeitermannZubaka-lbox-238x118-trans.webp"
                loading="lazy"
                decoding="async"
                                alt=""
                                        >
    </picture>

        
                            </div>
                                            </div>
                </div>
            </div>
        </div>
        <div class="grow-0 h-m bg-cloud-10 dark:bg-cloud-2"></div>
    </div>

                                    </div>
                                                                                    </div>
                    </div>
                </div>
            </div>
        </div>
            </div>
</div>                                                

        
<div class="px-xl  pt-7xl pb-7xl text-black bg-white dark:bg-night-blue dark:text-white light:bg-cloud-2" data-variant="white">
    <div class="container mx-auto flex flex-col gap-xl md:grid md:grid-cols-12 md:gap-xl">
        <div class="md:col-span-full">
            

<div class="flex flex-col gap-xl">
                        


        
<h2
    class="h2 "
    
    
>Results and Benefits</h2>    </div>        </div>
                    <div class="col-span-9 flex flex-col gap-xl">
                <p>After a short familiarisation period, both users and IT administrators are highly satisfied with the new devices. Thanks to the pre-configured Chromebooks, new employees can start right away, and the easy device management allows for uncomplicated and secure work from anywhere. Josephine Würl is also impressed by the speed, long battery life, and light weight: &#8220;You can put the Chromebook in your backpack and hardly even notice you have a laptop with you&#8221;.</p>
<p>At the same time, the IT effort remains manageable despite a steadily growing team, leaving enough time for other tasks. Especially when combined with Google Workspace, Chromebooks are the ideal solution for ZuBaKa, particularly for establishing mobile work.</p>
<div class="block small left"></div>

            </div>
                    </div>
</div>                                                

<div class="py-6xl px-xl text-black light:bg-cloud-2 dark:bg-night-blue dark:text-white" data-variant="light">
    <div class="container mx-auto" data-controller="slider">
        <div class="flex flex-col gap-5xl sm:grid sm:grid-cols-12 sm:gap-x-xl sm:gap-y-5xl">
            

<div class="flex flex-col gap-xl sm:col-span-6">
        </div>            <div class="flex flex-col gap-2xl sm:col-span-full">
                
        <div class="flex items-center justify-between" data-slider-target="navigation" role="navigation"
         aria-label="Slider Navigation">
                <div class="flex gap-s md:hidden" data-slider-target="pagination">
                                                <div class="bg-night-blue-medium-light data-active:bg-white light:bg-night-blue-light light:data-active:bg-black w-s h-s"
                         data-active data-slider-target="paginationItem"></div>
                                    </div>
                <div class="gap-s hidden md:flex" data-slider-target="paginationDesktop">
                                                                        <div class="bg-night-blue-medium-light data-active:bg-white light:bg-night-blue-light light:data-active:bg-black w-s h-s"
                             data-active
                             data-slider-target="paginationDesktopItem"></div>
                                                        </div>
                <div class="flex gap-l">
            <button
                    role="button"
                    aria-controls="quote-carousel-433321066"
                aria-label="Previous quote"
                class="w-5xl h-5xl sm:w-3xl sm:h-3xl p-s text-black dark:text-white disabled:dark:text-night-blue-medium-light disabled:text-night-blue-light enabled:cursor-pointer" data-action="slider#prev" data-slider-target="prevBtn" disabled>
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-left" /></svg>
            </button>
            <button
                    role="button"
                    aria-controls="quote-carousel-433321066"
                aria-label="Next quote"
                class="w-5xl h-5xl sm:w-3xl sm:h-3xl p-s enabled:cursor-pointer text-black dark:text-white dark:disabled:text-night-blue-medium-light disabled:text-night-blue-light" data-action="slider#next" data-slider-target="nextBtn">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-right" /></svg>
            </button>
        </div>
    </div>
                <div>
                    <div id="quote-carousel-433321066" class="overflow-hidden focus-within:outline focus-within:outline-offset-4 focus-within:outline-white" data-slider-target="container">
                        <div class="grid grid-cols-[repeat(var(--cols),minmax(0,1fr))] w-[calc(calc(var(--cols)/var(--show-cols)*100%)+var(--add-w))]
                            transition-transform duration-600 ease-initial mx-[calc(var(--ggap)*-1)] [--show-cols:var(--show-cols-m)] md:[--show-cols:var(--show-cols-md)]"
                            data-slider-target="slide"
                            style="--cols:1;--show-cols-m:1;--show-cols-md:1;--ggap:12px;--add-w:calc(calc(var(--cols) * calc(var(--ggap) * 2)) / var(--show-cols))">
                                                                                                <div data-slider-target="item" class="mx-[12px]">
                                        





    <div class="@container flex flex-col min-h-full">
        <div class="grow-1 flex flex-col gap-3xl bg-night-blue dark:bg-white md:flex-row md:gap-3xl @4xl:gap-7xl md:items-center">
            <div class="flex-none flex flex-col justify-center items-center gap-l text-white min-h-[21rem] dark:text-night-blue px-4xl py-6xl bg-cloud-10 dark:bg-cloud-1 @4xl:basis-[52.0rem] @4xl:min-h-[48.2rem] md:basis-[192px] md:self-stretch md:px-xl">
                <div class="font-sora text-center w-full">
                                                                        <div class="flex justify-center">
                                                        

    <picture>
        
        <img
                class=" w-[42.6rem] aspect-2/1 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/11/Zubaka_white.svg"
                loading="lazy"
                decoding="async"
                                alt="Zubaka logo white"
                                        >
    </picture>

                
                            </div>
                                                            </div>
                            </div>
            <div class="pb-3xl px-l text-black md:py-3xl md:pr-2xl @2xl:py-6xl @2xl:pr-7xl md:pl-0">
                <div class="flex flex-col gap-xl text-white dark:text-black md:gap-5xl">
                    <div class="flex flex-col gap-l">
                        <div class="">
                            <div class="w-[3.6rem] h-[3.2rem]">
                                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#quote-manrope" /></svg>
                            </div>
                        </div>
                        <blockquote class="font-sora text-quote md:font-normal">
                            <p>None of us are IT specialists, but managing Chromebooks is incredibly easy and intuitive.</p>

                        </blockquote>
                    </div>
                    <div class="flex flex-col gap-[2.0rem] md:flex-row md:items-center">
                                                <div>
                            <div class="text-small font-bold">
                                Jospehine Würl
                            </div>
                            <div class="text-small">
                                Office Management &amp; Wellbeing, ZuBaKa
                            </div>
                        </div>
                                                    <div class="hidden @2xl:block w-2xs bg-night-blue-light self-stretch my-l"></div>
                            <div class="hidden @2xl:block">
                                            

    <picture>
        
        <img
                class="w-[11.3rem] h-[5.6rem] object-contain"
                src="https://pcg.io/wp-content/uploads/2025/12/Josephinewurl_zubaka-lbox-238x118-trans.webp"
                loading="lazy"
                decoding="async"
                                alt=""
                                        >
    </picture>

        
                            </div>
                                            </div>
                </div>
            </div>
        </div>
        <div class="grow-0 h-m bg-cloud-10 dark:bg-cloud-2"></div>
    </div>

                                    </div>
                                                                                    </div>
                    </div>
                </div>
            </div>
        </div>
            </div>
</div>                                                
            
                        
            
    <section  class="pt-0 pb-0">
                                    

        
<div class="px-xl  pt-7xl pb-7xl text-black bg-white dark:bg-night-blue dark:text-white light:bg-cloud-2" data-variant="white">
    <div class="container mx-auto flex flex-col gap-xl md:grid md:grid-cols-12 md:gap-xl">
        <div class="md:col-span-full">
            

<div class="flex flex-col gap-xl">
                        


    
<h2
    class="h2 after:content-[attr(data-after)] "
     data-after="."
    
>About PCG</h2>    </div>        </div>
                    <div class="col-span-9 flex flex-col gap-xl">
                <p>Public Cloud Group (PCG) supports companies in their digital transformation through the use of public cloud solutions.</p>
<p>With a product portfolio designed to accompany organizations of all sizes in their cloud journey and competence that is a synonym for highly qualified staff that clients and partners like to work with, PCG is positioned as a reliable and trustworthy partner for the hyperscalers, relevant and with repeatedly validated competence and credibility.</p>
<p>We have the highest partnership status with the three relevant hyperscalers: Amazon Web Services (AWS), Google, and Microsoft. As experienced providers, we advise our customers independently with cloud implementation, application development, and managed services.</p>

            </div>
                    </div>
</div>                        </section>
                                                            
                                
    
    
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
    


<div class="py-7xl px-xl flex flex-col gap-5xl bg-night-blue text-white light:text-black light:bg-cloud-2 exdark:bg-black-night" data-variant="dark">
    <div class="flex flex-col gap-2xl" data-controller="slider">
        <div class="container mx-auto flex flex-col gap-y-5xl gap-x-xl sm:grid sm:grid-cols-12">
            <div class="flex flex-col gap-xl sm:col-span-6">
                                    


    
<h2
    class="h2 after:content-[attr(data-after)] after:text-yellow-sun "
     data-after="."
    
>Continue Reading</h2>                                            </div>
            <div class="sm:col-span-full">
                
        <div class="flex items-center justify-between" data-slider-target="navigation" role="navigation"
         aria-label="Slider Navigation">
                <div class="flex gap-s md:hidden" data-slider-target="pagination">
                    </div>
                <div class="gap-s hidden md:flex" data-slider-target="paginationDesktop">
                                                                        <div class="bg-night-blue-medium-light data-active:bg-white light:bg-night-blue-light light:data-active:bg-black w-s h-s"
                             data-active
                             data-slider-target="paginationDesktopItem"></div>
                                                                                                                                                        <div class="bg-night-blue-medium-light data-active:bg-white light:bg-night-blue-light light:data-active:bg-black w-s h-s"
                             data-slider-target="paginationDesktopItem"></div>
                                                                                                                                                        <div class="bg-night-blue-medium-light data-active:bg-white light:bg-night-blue-light light:data-active:bg-black w-s h-s"
                             data-slider-target="paginationDesktopItem"></div>
                                                                                                                                                        <div class="bg-night-blue-medium-light data-active:bg-white light:bg-night-blue-light light:data-active:bg-black w-s h-s"
                             data-slider-target="paginationDesktopItem"></div>
                                                                                                                                                        <div class="bg-night-blue-medium-light data-active:bg-white light:bg-night-blue-light light:data-active:bg-black w-s h-s"
                             data-slider-target="paginationDesktopItem"></div>
                                                                                                                                                        <div class="bg-night-blue-medium-light data-active:bg-white light:bg-night-blue-light light:data-active:bg-black w-s h-s"
                             data-slider-target="paginationDesktopItem"></div>
                                                                                            </div>
                <div class="flex gap-l">
            <button
                    role="button"
                    aria-controls="card-carousel-984394708"
                aria-label="Previous card"
                class="w-5xl h-5xl sm:w-3xl sm:h-3xl p-s text-black dark:text-white disabled:dark:text-night-blue-medium-light disabled:text-night-blue-light enabled:cursor-pointer" data-action="slider#prev" data-slider-target="prevBtn" disabled>
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-left" /></svg>
            </button>
            <button
                    role="button"
                    aria-controls="card-carousel-984394708"
                aria-label="Next card"
                class="w-5xl h-5xl sm:w-3xl sm:h-3xl p-s enabled:cursor-pointer text-black dark:text-white dark:disabled:text-night-blue-medium-light disabled:text-night-blue-light" data-action="slider#next" data-slider-target="nextBtn">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#arrow-right" /></svg>
            </button>
        </div>
    </div>
            </div>
        </div>


        <div id="card-carousel-984394708" class="-mx-xl overflow-hidden" data-slider-target="container">
            <div class="px-xl">
                <div class="container mx-auto">
                    <div class="grid grid-cols-[repeat(var(--cols),minmax(0,1fr))] w-[calc(calc(var(--cols)/var(--show-cols)*80%)+var(--add-w))] md:w-[calc(calc(var(--cols)/var(--show-cols)*100%)+var(--add-w))]
                    transition-transform duration-600 ease-initial mx-[calc(var(--ggap)*-1)] [--show-cols:var(--show-cols-m)] md:[--show-cols:var(--show-cols-md)]"
                         data-slider-target="slide"
                         style="--cols:17;--show-cols-m:1;--show-cols-md:3;--ggap:12px;--add-w:calc(calc(var(--cols) * calc(var(--ggap) * 2)) / var(--show-cols))">
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/mastering-the-microsoft-365-tenant/" target="_self">
                            

    <picture>
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/10/PCG-CFO--474x265-c-center.png"
                    media="(max-width: 640px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/10/PCG-CFO--512x286-c-center.png"
                    media="(min-width: 640px) and (max-width: 768px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/10/PCG-CFO--412x230-c-center.png"
                    media="(min-width: 768px)"
                                >
        
        <img
                class=" w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/10/PCG-CFO-.png"
                loading="lazy"
                decoding="async"
                                alt="PCG logo on a dark background with the world from space"
                                        >
    </picture>

                    <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Mastering the Microsoft 365 Tenant</h3>        <div class="line-clamp-4 md:line-clamp-3">
            Learn how Microsoft 365 tenants work and how to strengthen cloud security, compliance, user access, and digital workplace management.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/citytrans-revolutionizes-logistics-processes-with-appsheet/" target="_self">
                            <div class="flex justify-center aspect-206/115">
                

    <picture>
        
        <img
                class=" bg-white w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2026/01/Citytrans-Logo-Preview-Image.svg"
                loading="lazy"
                decoding="async"
                                alt="Citytrans Logo"
                                        >
    </picture>

                </div>
                <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Citytrans Revolutionizes Logistics Processes with AppSheet</h3>        <div class="line-clamp-4 md:line-clamp-3">
            Through the rapid development of low-code apps with AppSheet and the process expertise of PCG, Citytrans digitizes its operations and creates a central data basis.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/hotelone-aws-document-automation/" target="_self">
                            

    <picture>
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/08/Hotelone.casestudy-474x265-c-center.png"
                    media="(max-width: 640px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/08/Hotelone.casestudy-512x286-c-center.png"
                    media="(min-width: 640px) and (max-width: 768px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/08/Hotelone.casestudy-412x230-c-center.png"
                    media="(min-width: 768px)"
                                >
        
        <img
                class=" w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/08/Hotelone.casestudy.png"
                loading="lazy"
                decoding="async"
                                alt="Logo Hotel.one"
                                        >
    </picture>

                    <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Automating Hotel Document Processing with AWS</h3>        <div class="line-clamp-4 md:line-clamp-3">
            Discover how Hotel.one used AWS to automate document workflows, reduce errors, and boost efficiency in hospitality operations.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/sushi-bikes-google-workspace/" target="_self">
                            <div class="flex justify-center aspect-206/115">
                

    <picture>
        
        <img
                class=" bg-white w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/11/sushibikes.logo_.svg"
                loading="lazy"
                decoding="async"
                                alt="sushibikes.logo"
                                        >
    </picture>

                </div>
                <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Back to the future &#8211; Why SUSHI BIKES is relying on Google Workspace (again)</h3>        <div class="line-clamp-4 md:line-clamp-3">
            The e-bike pioneer successfully migrated back to Google Workspace with the help of PCG. This led to a significant increase in productivity, also thanks to Gemini's integrated AI functions.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/avd-vs-windows-365/" target="_self">
                            

    <picture>
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/12/PCG-474x265-c-center.png"
                    media="(max-width: 640px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/12/PCG-512x286-c-center.png"
                    media="(min-width: 640px) and (max-width: 768px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/12/PCG-412x230-c-center.png"
                    media="(min-width: 768px)"
                                >
        
        <img
                class=" w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/12/PCG.png"
                loading="lazy"
                decoding="async"
                                alt="World from Space in a dark ambient with a lot of lights across the globe. The PCG logo is on top of it"
                                        >
    </picture>

                    <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>AVD vs. Windows 365: Which Cloud PC Solution Best Fits Your Business?</h3>        <div class="line-clamp-4 md:line-clamp-3">
            AVD vs. Windows 365: Choosing the Right Cloud PC
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/ai-call-center-performance-poc/" target="_self">
                            <div class="flex justify-center aspect-206/115">
                

    <picture>
        
        <img
                class=" bg-white w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/11/callbox.logo_.svg"
                loading="lazy"
                decoding="async"
                                alt="callbox.logo"
                                        >
    </picture>

                </div>
                <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Enhancing Call Center Performance with AI Voice Analysis</h3>        <div class="line-clamp-4 md:line-clamp-3">
            An informative case study presenting how a BPO tested AWS-based transcription and analysis to gain deeper insights into daily call performance.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/ai-transforming-small-producer-marketing-2/" target="_self">
                            

    <picture>
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/12/agrovia-ai-case-study-logo-474x265-c-center.png"
                    media="(max-width: 640px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/12/agrovia-ai-case-study-logo-512x286-c-center.png"
                    media="(min-width: 640px) and (max-width: 768px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/12/agrovia-ai-case-study-logo-412x230-c-center.png"
                    media="(min-width: 768px)"
                                >
        
        <img
                class=" w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/12/agrovia-ai-case-study-logo.png"
                loading="lazy"
                decoding="async"
                                alt="agrovia ai - case study logo"
                                        >
    </picture>

                    <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Using AI to Transform Marketing for Small Producers</h3>        <div class="line-clamp-4 md:line-clamp-3">
            Discover how Agrovia helps Swedish small producers market their products with AI-generated content. This case study covers challenges, solutions, and positive impacts.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/smart-railways-goldschmidt/" target="_self">
                            <div class="flex justify-center aspect-206/115">
                

    <picture>
        
        <img
                class=" bg-white w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/10/goldschmidt_logo.svg"
                loading="lazy"
                decoding="async"
                                alt="Goldschmidt logo"
                                        >
    </picture>

                </div>
                <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Arrival on Time: Smart Devices for efficient Railways at Goldschmidt</h3>        <div class="line-clamp-4 md:line-clamp-3">
            From Serverless to Monolith. Smart Devices for efficient Railways at Goldschmidt.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/swisslab-automatization/" target="_self">
                            <div class="flex justify-center aspect-206/115">
                

    <picture>
        
        <img
                class=" bg-white w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/10/swisslab.logo_.svg"
                loading="lazy"
                decoding="async"
                                alt="swisslab.logo"
                                        >
    </picture>

                </div>
                <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>How to turn Word into a Swiss watch</h3>        <div class="line-clamp-4 md:line-clamp-3">
            In order to ensure the highest quality standards in software development, we helped Swisslab optimize processes and automate company-wide documentation.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/audible-headless-cms-aws/" target="_self">
                            

    <picture>
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/11/audible-case-study-logo-474x265-c-center.png"
                    media="(max-width: 640px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/11/audible-case-study-logo-512x286-c-center.png"
                    media="(min-width: 640px) and (max-width: 768px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/11/audible-case-study-logo-412x230-c-center.png"
                    media="(min-width: 768px)"
                                >
        
        <img
                class=" w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/11/audible-case-study-logo.png"
                loading="lazy"
                decoding="async"
                                alt="audible - case study logo"
                                        >
    </picture>

                    <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>375.000 worlds find a new home</h3>        <div class="line-clamp-4 md:line-clamp-3">
            The daily challenges of operating and maintaining the Wordpress-based blog convinced Audible, that a better solution is needed.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/burger-king-germany-relies-on-chromeos-in-the-back-office/" target="_self">
                            <div class="flex justify-center aspect-206/115">
                

    <picture>
        
        <img
                class=" bg-white w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/12/burger-king.logo_.svg"
                loading="lazy"
                decoding="async"
                                alt="burger-king.logo"
                                        >
    </picture>

                </div>
                <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Burger King Germany relies on ChromeOS in the Back Office</h3>        <div class="line-clamp-4 md:line-clamp-3">
            With the support of PCG X Google, Burger King Germany modernized its IT through Google Workspace Client Management.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/how-the-hbs-schwieberdingen-lives-the-digital-elementary-school-with-chromebooks-and-google-workspace-for-education/" target="_self">
                            <div class="flex justify-center aspect-206/115">
                

    <picture>
        
        <img
                class=" bg-white w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/11/HBS.logo_.svg"
                loading="lazy"
                decoding="async"
                                alt="HBS.logo"
                                        >
    </picture>

                </div>
                <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>How the HBS Schwieberdingen lives the digital Elementary School with Chromebooks and Google Workspace for Education</h3>        <div class="line-clamp-4 md:line-clamp-3">
            Chromebooks Transforming Primary Education at HBS Schwieberdingen.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/modernizing-ordering-systems/" target="_self">
                            <div class="flex justify-center aspect-206/115">
                

    <picture>
        
        <img
                class=" bg-white w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/12/fogia.logo_.svg"
                loading="lazy"
                decoding="async"
                                alt="fogia.logo"
                                        >
    </picture>

                </div>
                <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Modernizing ordering systems with the cloud and serverless development</h3>        <div class="line-clamp-4 md:line-clamp-3">
            Paper-based ordering systems can be inefficient and error-prone. See how manufacturers can modernize with the cloud and serverless development.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/how-breuninger-makes-data-based-decisions-with-google-cloud/" target="_self">
                            

    <picture>
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2022/06/breuninger-case-study-logo-474x265-c-center.png"
                    media="(max-width: 640px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2022/06/breuninger-case-study-logo-512x286-c-center.png"
                    media="(min-width: 640px) and (max-width: 768px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2022/06/breuninger-case-study-logo-412x230-c-center.png"
                    media="(min-width: 768px)"
                                >
        
        <img
                class=" w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2022/06/breuninger-case-study-logo.png"
                loading="lazy"
                decoding="async"
                                alt="breuninger - case study logo"
                                        >
    </picture>

                    <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>How Breuninger Makes Data-Based Decisions With Google Cloud</h3>        <div class="line-clamp-4 md:line-clamp-3">
            Breuninger enhances decision-making through Google Cloud's unified IT and data integration.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/better-customer-engagement-amazon-pinpoint/" target="_self">
                            

    <picture>
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/10/PCG-und-AWS-Logo-1-474x265-c-center.png"
                    media="(max-width: 640px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/10/PCG-und-AWS-Logo-1-512x286-c-center.png"
                    media="(min-width: 640px) and (max-width: 768px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/10/PCG-und-AWS-Logo-1-412x230-c-center.png"
                    media="(min-width: 768px)"
                                >
        
        <img
                class=" w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/10/PCG-und-AWS-Logo-1.png"
                loading="lazy"
                decoding="async"
                                alt="PCG and AWS Logo"
                                        >
    </picture>

                    <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Paving the way to better customer engagement with Amazon Pinpoint</h3>        <div class="line-clamp-4 md:line-clamp-3">
            Working in an industry where customer engagement is key, finding the right services and tools for the internal processes at Spike Diamond is key. Increasing the click-through rates of e-mail and push notification campaigns, and increasing the average visits per customer was critical to the success of Holler
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/teevolution/" target="_self">
                            

    <picture>
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/10/PCG-und-AWS-Logo-1-474x265-c-center.png"
                    media="(max-width: 640px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/10/PCG-und-AWS-Logo-1-512x286-c-center.png"
                    media="(min-width: 640px) and (max-width: 768px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/10/PCG-und-AWS-Logo-1-412x230-c-center.png"
                    media="(min-width: 768px)"
                                >
        
        <img
                class=" w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/10/PCG-und-AWS-Logo-1.png"
                loading="lazy"
                decoding="async"
                                alt="PCG and AWS Logo"
                                        >
    </picture>

                    <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Migrating to the cloud to design for great customer relations</h3>        <div class="line-clamp-4 md:line-clamp-3">
            SmartGolfa is a web and mobile platform that allows users to play golf at their own pace. Users can buy golf packages that can be used throughout a network of courses in Sweden, according to their schedule. Teevolution started SmartGolfa in 2009. Since its launch, the platform has experienced continuous growth. The idea for SmartGolfa was born from the simple concept of making golf more digitally accessible and opening the market to a new audience, by keeping costs down. The application allows users to book start times on 60+ golf courses and buy greens fees. Users also have the option to be rewarded with free greens fees by recruiting friends. Users log in with their phones to purchase packages that can be used throughout the golfing season. SmartGolfa is a web and mobile platform that allows users to play golf at their own pace. Users can buy golf packages that can be used throughout a network of courses in Sweden, according to their schedule. Teevolution started SmartGolfa in 2009. Since its launch, the platform has experienced continuous growth. The idea for SmartGolfa was born from the simple concept of making golf more digitally accessible and opening the market to a new audience, by keeping costs down. The application allows users to book start times on 60+ golf courses and buy greens fees. Users also have the option to be rewarded with free greens fees by recruiting friends. Users log in with their phones to purchase packages that can be used throughout the golfing season.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                                    <div class="px-(--ggap)" data-slider-target="item">
                                

    

    
    
<a class="flex flex-col bg-white text-black light:bg-night-blue light:text-white h-full" href="https://pcg.io/insights/hanau-prepares-youth-for-professional-life-google-workspace-for-education/" target="_self">
                            

    <picture>
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/12/Jugendwerkstatt-hanau-case-study-logo-474x265-c-center.png"
                    media="(max-width: 640px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/12/Jugendwerkstatt-hanau-case-study-logo-512x286-c-center.png"
                    media="(min-width: 640px) and (max-width: 768px)"
                                >
                    <source
                    srcset="https://pcg.io/wp-content/uploads/2025/12/Jugendwerkstatt-hanau-case-study-logo-412x230-c-center.png"
                    media="(min-width: 768px)"
                                >
        
        <img
                class=" w-full aspect-206/115 object-contain"
                src="https://pcg.io/wp-content/uploads/2025/12/Jugendwerkstatt-hanau-case-study-logo.png"
                loading="lazy"
                decoding="async"
                                alt="Jugendwerkstatt hanau - case study logo"
                                        >
    </picture>

                    <div class="flex flex-col gap-s pt-2xl px-2xl pb-7xl">
        


    
<h3
    class="h4 line-clamp-2"
    
    
>Youth Empowerment: Hanau&#8217;s Journey with Google Workspace</h3>        <div class="line-clamp-4 md:line-clamp-3">
            How Hanau Youth Workshop prepares young people for working life with Google Workspace for Education.
        </div>
    </div>
    <div class="h-m bg-cloud-2 mt-auto light:bg-cloud-10"></div>

</a>
                            </div>
                                            </div>
                </div>
            </div>
        </div>

    </div>
    </div>                                                

    


<div class="py-7xl px-xl text-black bg-cloud-2">
    <div class="container mx-auto flex flex-col gap-4xl">
        <div class="flex flex-col gap-4xl sm:grid sm:grid-cols-12 sm:gap-xl">
                        <div class="sm:col-start-6 sm:col-end-13">
                <div class="py-5xl px-3xl bg-white flex flex-col gap-6xl shadow-[0_13px_9px_0_rgba(9,11,25,0.15)] scroll-mt-9xl">
                    


    
<h2
    class="h2 after:content-[attr(data-after)] "
     data-after="."
    
>Contact</h2>                    <form method="POST"
                          action="https://api.hsforms.com/submissions/v3/integration/submit/8339245/add42a9e-30ef-4cd3-91a1-b897d76af32c"
                          name="contact"
                          class="grid gap-m grid-cols-1 sm:grid-cols-2 sm:gap-xl"
                          data-controller="contact-form"
                          data-action="contact-form#sendForm"
                          data-contact-form-target="form"
                          data-contact-form-translation-value="{&quot;validation&quot;:{&quot;email&quot;:&quot;Please enter a valid email address&quot;,&quot;phone&quot;:&quot;Invalid phone number. Please enter a valid phone number in international format (e.g., +491234567890).&quot;,&quot;submitSuccess&quot;:&quot;Thank you for your message!&quot;,&quot;submitSuccessText&quot;:&quot;We will get back to you soon.&quot;,&quot;submitError&quot;:&quot;There was an error submitting the form. Please try again.&quot;}}"
                    >
                                                    
    <div class="sm:col-span-2 ">
                        <label
                for="input-130482803" data-info="(Required field)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Email
            </label>
                <div class="relative">
            

        <input
        name="email"
        type="text"
        id="input-130482803"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        required
        
        data-error-message="This field is required."
        aria-errormessage="input-error-message-130482803"
        autocomplete="email"
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="text">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-130482803"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-1 ">
                        <label
                for="input-936038761" data-info="(Required field)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                First name
            </label>
                <div class="relative">
            

        <input
        name="firstname"
        type="text"
        id="input-936038761"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        required
        
        data-error-message="This field is required."
        aria-errormessage="input-error-message-936038761"
        autocomplete="given-name"
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="text">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-936038761"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-1 ">
                        <label
                for="input-379104421" data-info="(Required field)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Last name
            </label>
                <div class="relative">
            

        <input
        name="lastname"
        type="text"
        id="input-379104421"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        required
        
        data-error-message="This field is required."
        aria-errormessage="input-error-message-379104421"
        autocomplete="family-name"
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="text">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-379104421"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-1 ">
                        <label
                for="input-1094993305" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Company name
            </label>
                <div class="relative">
            

    <input
        name="company"
        type="text"
        id="input-1094993305"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-1094993305"
        autocomplete="organization"
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="text">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-1094993305"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-1 ">
                        <label
                for="input-586062275" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Mobile phone number
            </label>
                <div class="relative">
            

    <input
        name="mobilephone"
        type="phonenumber"
        id="input-586062275"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-586062275"
        autocomplete="tel"
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="phonenumber">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-586062275"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-1730069748" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Offer Selected (Web Form)
            </label>
                <div class="relative">
            

    <input
        name="offer_selected"
        type="text"
        id="input-1730069748"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-1730069748"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="text">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-1730069748"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-542789734" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Page converted on
            </label>
                <div class="relative">
            

    <input
        name="page_converted_on"
        type="text"
        id="input-542789734"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value="2026-06-10"
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-542789734"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="text">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-542789734"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-290639985" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                cid
            </label>
                <div class="relative">
            

    <input
        name="cid"
        type="text"
        id="input-290639985"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-290639985"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="text">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-290639985"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-1509124560" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Preferred language
            </label>
                <div class="relative">
            

    <select
            name="hs_language"
            id="input-1509124560"
            class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
            data-contact-form-target="field"
            data-action="focusout->contact-form#fieldFocusout"
            
            
            
            aria-errormessage="input-error-message-1509124560"
            
    >
                                            <option value="af" >Afrikaans</option>
                                                <option value="sq" >Albanian</option>
                                                <option value="sq-al" >Albanian - Albania</option>
                                                <option value="ar" >Arabic</option>
                                                <option value="ar-dz" >Arabic - Algeria</option>
                                                <option value="ar-bh" >Arabic - Bahrain</option>
                                                <option value="ar-eg" >Arabic - Egypt</option>
                                                <option value="ar-iq" >Arabic - Iraq</option>
                                                <option value="ar-jo" >Arabic - Jordan</option>
                                                <option value="ar-kw" >Arabic - Kuwait</option>
                                                <option value="ar-lb" >Arabic - Lebanon</option>
                                                <option value="ar-ly" >Arabic - Libya</option>
                                                <option value="ar-ma" >Arabic - Morocco</option>
                                                <option value="ar-om" >Arabic - Oman</option>
                                                <option value="ar-qa" >Arabic - Qatar</option>
                                                <option value="ar-sa" >Arabic - Saudi Arabia</option>
                                                <option value="ar-sd" >Arabic - Sudan</option>
                                                <option value="ar-sy" >Arabic - Syria</option>
                                                <option value="ar-tn" >Arabic - Tunisia</option>
                                                <option value="ar-ae" >Arabic - United Arab Emirates</option>
                                                <option value="ar-ye" >Arabic - Yemen</option>
                                                <option value="hy" >Armenian</option>
                                                <option value="eu" >Basque</option>
                                                <option value="be" >Belarusian</option>
                                                <option value="be-by" >Belarusian - Belarus</option>
                                                <option value="bg" >Bulgarian</option>
                                                <option value="bg-bg" >Bulgarian - Bulgaria</option>
                                                <option value="ca" >Catalan</option>
                                                <option value="ca-es" >Catalan - Catalan</option>
                                                <option value="zh" >Chinese</option>
                                                <option value="zh-cn" >Chinese - China</option>
                                                <option value="zh-hk" >Chinese - Hong Kong SAR</option>
                                                <option value="zh-mo" >Chinese - Macau SAR</option>
                                                <option value="zh-sg" >Chinese - Singapore</option>
                                                <option value="zh-tw" >Chinese - Taiwan</option>
                                                <option value="zh-chs" >Chinese (Simplified)</option>
                                                <option value="zh-cht" >Chinese (Traditional)</option>
                                                <option value="hr" >Croatian</option>
                                                <option value="hr-hr" >Croatian - Croatia</option>
                                                <option value="cs" >Czech</option>
                                                <option value="cs-cz" >Czech - Czech Republic</option>
                                                <option value="da" >Danish</option>
                                                <option value="da-dk" >Danish - Denmark</option>
                                                <option value="nl" >Dutch</option>
                                                <option value="nl-be" >Dutch - Belgium</option>
                                                <option value="nl-nl" >Dutch - The Netherlands</option>
                                                <option value="en" selected>English</option>
                                                <option value="en-au" >English - Australia</option>
                                                <option value="en-ca" >English - Canada</option>
                                                <option value="en-hk" >English - Hong Kong</option>
                                                <option value="en-in" >English - India</option>
                                                <option value="en-ie" >English - Ireland</option>
                                                <option value="en-my" >English - Malaysia</option>
                                                <option value="en-mt" >English - Malta</option>
                                                <option value="en-nz" >English - New Zealand</option>
                                                <option value="en-ph" >English - Philippines</option>
                                                <option value="en-sg" >English - Singapore</option>
                                                <option value="en-za" >English - South Africa</option>
                                                <option value="en-gb" >English - United Kingdom</option>
                                                <option value="en-us" >English - United States</option>
                                                <option value="en-zw" >English - Zimbabwe</option>
                                                <option value="et" >Estonian</option>
                                                <option value="et-ee" >Estonian - Estonia</option>
                                                <option value="fo" >Faroese</option>
                                                <option value="fa" >Farsi</option>
                                                <option value="fi" >Finnish</option>
                                                <option value="fi-fi" >Finnish - Finland</option>
                                                <option value="fr" >French</option>
                                                <option value="fr-be" >French - Belgium</option>
                                                <option value="fr-ca" >French - Canada</option>
                                                <option value="fr-fr" >French - France</option>
                                                <option value="fr-lu" >French - Luxembourg</option>
                                                <option value="fr-mc" >French - Monaco</option>
                                                <option value="fr-ch" >French - Switzerland</option>
                                                <option value="gl" >Galician</option>
                                                <option value="ka" >Georgian</option>
                                                <option value="de" >German</option>
                                                <option value="de-at" >German - Austria</option>
                                                <option value="de-de" >German - Germany</option>
                                                <option value="de-gr" >German - Greece</option>
                                                <option value="de-li" >German - Liechtenstein</option>
                                                <option value="de-lu" >German - Luxembourg</option>
                                                <option value="de-ch" >German - Switzerland</option>
                                                <option value="el" >Greek</option>
                                                <option value="el-cy" >Greek - Cyprus</option>
                                                <option value="el-gr" >Greek - Greece</option>
                                                <option value="gu" >Gujarati</option>
                                                <option value="he" >Hebrew</option>
                                                <option value="iw-il" >Hebrew - Israel</option>
                                                <option value="hi" >Hindi</option>
                                                <option value="hi-in" >Hindi - India</option>
                                                <option value="hu" >Hungarian</option>
                                                <option value="hu-hu" >Hungarian - Hungary</option>
                                                <option value="is" >Icelandic</option>
                                                <option value="is-is" >Icelandic - Iceland</option>
                                                <option value="id" >Indonesian</option>
                                                <option value="in-id" >Indonesian - Indonesia</option>
                                                <option value="ga" >Irish</option>
                                                <option value="ga-ie" >Irish - Ireland</option>
                                                <option value="it" >Italian</option>
                                                <option value="it-it" >Italian - Italy</option>
                                                <option value="it-ch" >Italian - Switzerland</option>
                                                <option value="ja" >Japanese</option>
                                                <option value="ja-jp" >Japanese - Japan</option>
                                                <option value="kn" >Kannada</option>
                                                <option value="kk" >Kazakh</option>
                                                <option value="kok" >Konkani</option>
                                                <option value="ko" >Korean</option>
                                                <option value="ko-kr" >Korean - South Korea</option>
                                                <option value="ky" >Kyrgyz</option>
                                                <option value="lv" >Latvian</option>
                                                <option value="lv-lv" >Latvian - Latvia</option>
                                                <option value="lt" >Lithuanian</option>
                                                <option value="lt-lt" >Lithuanian - Lithuania</option>
                                                <option value="mk" >Macedonian</option>
                                                <option value="mk-mk" >Macedonian - Macedonia</option>
                                                <option value="ms" >Malay</option>
                                                <option value="ms-bn" >Malay - Brunei</option>
                                                <option value="ms-my" >Malay - Malaysia</option>
                                                <option value="mt" >Maltese</option>
                                                <option value="mt-mt" >Maltese - Malta</option>
                                                <option value="mr" >Marathi</option>
                                                <option value="mn" >Mongolian</option>
                                                <option value="my" >Burmese</option>
                                                <option value="my-mm" >Burmese - Myanmar (Burma)</option>
                                                <option value="no" >Norwegian</option>
                                                <option value="nb" >Norwegian Bokmal</option>
                                                <option value="no-no" >Norwegian - Norway</option>
                                                <option value="pl" >Polish</option>
                                                <option value="pl-pl" >Polish - Poland</option>
                                                <option value="pt" >Portuguese</option>
                                                <option value="pt-br" >Portuguese - Brazil</option>
                                                <option value="pt-pt" >Portuguese - Portugal</option>
                                                <option value="pa" >Punjabi</option>
                                                <option value="ro" >Romanian</option>
                                                <option value="ro-ro" >Romanian - Romania</option>
                                                <option value="ru" >Russian</option>
                                                <option value="ru-ru" >Russian - Russia</option>
                                                <option value="sa" >Sanskrit</option>
                                                <option value="sr" >Serbian</option>
                                                <option value="sr-ba" >Serbian - Bosnia and Herzegovina</option>
                                                <option value="sr-me" >Serbian - Montenegro</option>
                                                <option value="sr-rs" >Serbian - Serbia</option>
                                                <option value="sr-cs" >Serbian - Serbia and Montenegro (Former)</option>
                                                <option value="sk" >Slovak</option>
                                                <option value="sk-sk" >Slovak - Slovakia</option>
                                                <option value="sl" >Slovenian</option>
                                                <option value="sl-si" >Slovenian - Slovenia</option>
                                                <option value="es" >Spanish</option>
                                                <option value="es-ar" >Spanish - Argentina</option>
                                                <option value="es-bo" >Spanish - Bolivia</option>
                                                <option value="es-cl" >Spanish - Chile</option>
                                                <option value="es-co" >Spanish - Colombia</option>
                                                <option value="es-cr" >Spanish - Costa Rica</option>
                                                <option value="es-cu" >Spanish - Cuba</option>
                                                <option value="es-do" >Spanish - Dominican Republic</option>
                                                <option value="es-ec" >Spanish - Ecuador</option>
                                                <option value="es-sv" >Spanish - El Salvador</option>
                                                <option value="es-gt" >Spanish - Guatemala</option>
                                                <option value="es-hn" >Spanish - Honduras</option>
                                                <option value="es-mx" >Spanish - Mexico</option>
                                                <option value="es-ni" >Spanish - Nicaragua</option>
                                                <option value="es-pa" >Spanish - Panama</option>
                                                <option value="es-py" >Spanish - Paraguay</option>
                                                <option value="es-pe" >Spanish - Peru</option>
                                                <option value="es-pr" >Spanish - Puerto Rico</option>
                                                <option value="es-es" >Spanish - Spain</option>
                                                <option value="es-us" >Spanish - United States</option>
                                                <option value="es-uy" >Spanish - Uruguay</option>
                                                <option value="es-ve" >Spanish - Venezuela</option>
                                                <option value="sw" >Swahili</option>
                                                <option value="sv" >Swedish</option>
                                                <option value="sv-fi" >Swedish - Finland</option>
                                                <option value="sv-se" >Swedish - Sweden</option>
                                                <option value="sy" >Syriac</option>
                                                <option value="ta" >Tamil</option>
                                                <option value="tt" >Tatar</option>
                                                <option value="te" >Telugu</option>
                                                <option value="th" >Thai</option>
                                                <option value="th-th" >Thai - Thailand</option>
                                                <option value="tr" >Turkish</option>
                                                <option value="tr-tr" >Turkish - Turkey</option>
                                                <option value="uk" >Ukrainian</option>
                                                <option value="uk-ua" >Ukrainian - Ukraine</option>
                                                <option value="ur" >Urdu</option>
                                                <option value="vi" >Vietnamese</option>
                                                <option value="vi-vn" >Vietnamese - Vietnam</option>
                                                <option value="bn" >Bengali</option>
                                                <option value="t1" >Tagalog</option>
                                                <option value="m1" >Malayalam</option>
                                                <option value="as" >Assamese</option>
                                                <option value="cb-pl" >Cebuano - Philippines</option>
                                                <option value="ha" >Hausa</option>
                                                <option value="ki" >Kiswahili</option>
                                                <option value="rw" >Kinyarwanda</option>
                                                <option value="ny" >Nyanja</option>
                                                <option value="mg" >Malagasy</option>
                                                <option value="yo" >Yoruba</option>
                                                <option value="ht" >Haitian Creole</option>
                        </select>
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="select">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-1509124560"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-1055735581" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Lead status
            </label>
                <div class="relative">
            

    <input
        name="hs_lead_status"
        type="radio"
        id="input-1055735581"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value="New"
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-1055735581"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="radio">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-1055735581"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-1285164322" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Subscription Trigger Microsoft 
            </label>
                <div class="relative">
            

    <input
        name="pcg_subscription_trigger_microsoft"
        type="booleancheckbox"
        id="input-1285164322"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-1285164322"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="booleancheckbox">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-1285164322"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-1842369467" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Subscription Trigger PCG General 
            </label>
                <div class="relative">
            

    <input
        name="pcg_subscription_trigger_pcggeneral"
        type="booleancheckbox"
        id="input-1842369467"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-1842369467"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="booleancheckbox">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-1842369467"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-1605297921" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Subscription Trigger Security
            </label>
                <div class="relative">
            

    <input
        name="subscription_trigger_security"
        type="booleancheckbox"
        id="input-1605297921"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-1605297921"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="booleancheckbox">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-1605297921"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-585028729" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Subscription Trigger SAP
            </label>
                <div class="relative">
            

    <input
        name="pcg_subscription_trigger_sap"
        type="booleancheckbox"
        id="input-585028729"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-585028729"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="booleancheckbox">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-585028729"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-70879631" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Subscription Trigger AWS
            </label>
                <div class="relative">
            

    <input
        name="pcg_subscription_trigger_aws"
        type="booleancheckbox"
        id="input-70879631"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-70879631"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="booleancheckbox">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-70879631"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-1229782270" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Subscription Trigger Cloud Development
            </label>
                <div class="relative">
            

    <input
        name="pcg_subscription_trigger_cloud_development"
        type="booleancheckbox"
        id="input-1229782270"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-1229782270"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="booleancheckbox">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-1229782270"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-897597109" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Subscription Trigger Google for Education
            </label>
                <div class="relative">
            

    <input
        name="pcg_subscription_trigger_google_for_education"
        type="booleancheckbox"
        id="input-897597109"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-897597109"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="booleancheckbox">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-897597109"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-2017027708" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Subscription Trigger Google Cloud 
            </label>
                <div class="relative">
            

    <input
        name="pcg_subscription_trigger_google_cloud"
        type="booleancheckbox"
        id="input-2017027708"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-2017027708"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="booleancheckbox">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-2017027708"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-713178023" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Subscription Trigger Asana
            </label>
                <div class="relative">
            

    <input
        name="pcg_subscription_trigger_asana"
        type="booleancheckbox"
        id="input-713178023"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-713178023"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="booleancheckbox">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-713178023"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-402009432" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                EN_DOI Trigger
            </label>
                <div class="relative">
            

    <input
        name="pcg_en_doi_trigger"
        type="booleancheckbox"
        id="input-402009432"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-402009432"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="booleancheckbox">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-402009432"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-1890280442" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                DE_DOI Trigger
            </label>
                <div class="relative">
            

    <input
        name="pcg_de_doi_trigger"
        type="booleancheckbox"
        id="input-1890280442"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value=""
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-1890280442"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="booleancheckbox">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-1890280442"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 ">
                        <label
                for="input-2067085448" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Country
            </label>
                <div class="relative">
            

    <select
            name="country"
            id="input-2067085448"
            class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
            data-contact-form-target="field"
            data-action="focusout->contact-form#fieldFocusout"
            
            
            
            aria-errormessage="input-error-message-2067085448"
            autocomplete="country-name"
    >
                    <option value="" selected>Select an option</option>
                                            <option value="Germany" >Germany</option>
                                                <option value="Austria" >Austria</option>
                                                <option value="Switzerland" >Switzerland</option>
                                                <option value="North Macedonia" >North Macedonia</option>
                                                <option value="Sweden" >Sweden</option>
                                                <option value="Bulgaria" >Bulgaria</option>
                                                <option value="Greece" >Greece</option>
                                                <option value="Afghanistan" >Afghanistan</option>
                                                <option value="Albania" >Albania</option>
                                                <option value="Algeria" >Algeria</option>
                                                <option value="American Samoa" >American Samoa</option>
                                                <option value="Andorra" >Andorra</option>
                                                <option value="Angola" >Angola</option>
                                                <option value="Anguilla" >Anguilla</option>
                                                <option value="Antarctica" >Antarctica</option>
                                                <option value="Antigua and Barbuda" >Antigua and Barbuda</option>
                                                <option value="Argentina" >Argentina</option>
                                                <option value="Armenia" >Armenia</option>
                                                <option value="Aruba" >Aruba</option>
                                                <option value="Australia" >Australia</option>
                                                <option value="Azerbaijan" >Azerbaijan</option>
                                                <option value="Bahamas" >Bahamas</option>
                                                <option value="Bahrain" >Bahrain</option>
                                                <option value="Bangladesh" >Bangladesh</option>
                                                <option value="Barbados" >Barbados</option>
                                                <option value="Belarus" >Belarus</option>
                                                <option value="Belgium" >Belgium</option>
                                                <option value="Belize" >Belize</option>
                                                <option value="Benin" >Benin</option>
                                                <option value="Bermuda" >Bermuda</option>
                                                <option value="Bhutan" >Bhutan</option>
                                                <option value="Bolivia" >Bolivia</option>
                                                <option value="Bosnia and Herzegovina" >Bosnia and Herzegovina</option>
                                                <option value="Botswana" >Botswana</option>
                                                <option value="Bouvet Island" >Bouvet Island</option>
                                                <option value="Brazil" >Brazil</option>
                                                <option value="British Indian Ocean Territory" >British Indian Ocean Territory</option>
                                                <option value="British Virgin Islands" >British Virgin Islands</option>
                                                <option value="Brunei" >Brunei</option>
                                                <option value="Burkina Faso" >Burkina Faso</option>
                                                <option value="Burundi" >Burundi</option>
                                                <option value="Cambodia" >Cambodia</option>
                                                <option value="Cameroon" >Cameroon</option>
                                                <option value="Canada" >Canada</option>
                                                <option value="Cape Verde" >Cape Verde</option>
                                                <option value="Caribbean Netherlands" >Caribbean Netherlands</option>
                                                <option value="Cayman Islands" >Cayman Islands</option>
                                                <option value="Central African Republic" >Central African Republic</option>
                                                <option value="Chad" >Chad</option>
                                                <option value="Chile" >Chile</option>
                                                <option value="China" >China</option>
                                                <option value="Christmas Island" >Christmas Island</option>
                                                <option value="Cocos (Keeling) Islands" >Cocos (Keeling) Islands</option>
                                                <option value="Colombia" >Colombia</option>
                                                <option value="Comoros" >Comoros</option>
                                                <option value="Congo" >Congo</option>
                                                <option value="Cook Islands" >Cook Islands</option>
                                                <option value="Costa Rica" >Costa Rica</option>
                                                <option value="Cote d'Ivoire" >Cote d'Ivoire</option>
                                                <option value="Croatia" >Croatia</option>
                                                <option value="Cuba" >Cuba</option>
                                                <option value="Curaçao" >Curaçao</option>
                                                <option value="Cyprus" >Cyprus</option>
                                                <option value="Czech Republic" >Czech Republic</option>
                                                <option value="Democratic Republic of the Congo" >Democratic Republic of the Congo</option>
                                                <option value="Denmark" >Denmark</option>
                                                <option value="Djibouti" >Djibouti</option>
                                                <option value="Dominica" >Dominica</option>
                                                <option value="Dominican Republic" >Dominican Republic</option>
                                                <option value="East Timor" >East Timor</option>
                                                <option value="Ecuador" >Ecuador</option>
                                                <option value="Egypt" >Egypt</option>
                                                <option value="El Salvador" >El Salvador</option>
                                                <option value="Equatorial Guinea" >Equatorial Guinea</option>
                                                <option value="Eritrea" >Eritrea</option>
                                                <option value="Estonia" >Estonia</option>
                                                <option value="Ethiopia" >Ethiopia</option>
                                                <option value="Falkland Islands" >Falkland Islands</option>
                                                <option value="Faroe Islands" >Faroe Islands</option>
                                                <option value="Fiji" >Fiji</option>
                                                <option value="Finland" >Finland</option>
                                                <option value="France" >France</option>
                                                <option value="French Guiana" >French Guiana</option>
                                                <option value="French Polynesia" >French Polynesia</option>
                                                <option value="French Southern and Antarctic Lands" >French Southern and Antarctic Lands</option>
                                                <option value="Gabon" >Gabon</option>
                                                <option value="Gambia" >Gambia</option>
                                                <option value="Georgia" >Georgia</option>
                                                <option value="Ghana" >Ghana</option>
                                                <option value="Gibraltar" >Gibraltar</option>
                                                <option value="Greenland" >Greenland</option>
                                                <option value="Grenada" >Grenada</option>
                                                <option value="Guadeloupe" >Guadeloupe</option>
                                                <option value="Guam" >Guam</option>
                                                <option value="Guatemala" >Guatemala</option>
                                                <option value="Guernsey" >Guernsey</option>
                                                <option value="Guinea" >Guinea</option>
                                                <option value="Guinea-Bissau" >Guinea-Bissau</option>
                                                <option value="Guyana" >Guyana</option>
                                                <option value="Haiti" >Haiti</option>
                                                <option value="Heard Island and McDonald Islands" >Heard Island and McDonald Islands</option>
                                                <option value="Honduras" >Honduras</option>
                                                <option value="Hong Kong" >Hong Kong</option>
                                                <option value="Hungary" >Hungary</option>
                                                <option value="Iceland" >Iceland</option>
                                                <option value="India" >India</option>
                                                <option value="Indonesia" >Indonesia</option>
                                                <option value="Iran" >Iran</option>
                                                <option value="Iraq" >Iraq</option>
                                                <option value="Ireland" >Ireland</option>
                                                <option value="Isle of Man" >Isle of Man</option>
                                                <option value="Israel" >Israel</option>
                                                <option value="Italy" >Italy</option>
                                                <option value="Jamaica" >Jamaica</option>
                                                <option value="Japan" >Japan</option>
                                                <option value="Jersey" >Jersey</option>
                                                <option value="Jordan" >Jordan</option>
                                                <option value="Kazakhstan" >Kazakhstan</option>
                                                <option value="Kenya" >Kenya</option>
                                                <option value="Kiribati" >Kiribati</option>
                                                <option value="Kuwait" >Kuwait</option>
                                                <option value="Kyrgyzstan" >Kyrgyzstan</option>
                                                <option value="Laos" >Laos</option>
                                                <option value="Latvia" >Latvia</option>
                                                <option value="Lebanon" >Lebanon</option>
                                                <option value="Lesotho" >Lesotho</option>
                                                <option value="Liberia" >Liberia</option>
                                                <option value="Libya" >Libya</option>
                                                <option value="Liechtenstein" >Liechtenstein</option>
                                                <option value="Lithuania" >Lithuania</option>
                                                <option value="Luxembourg" >Luxembourg</option>
                                                <option value="Macau" >Macau</option>
                                                <option value="Madagascar" >Madagascar</option>
                                                <option value="Malawi" >Malawi</option>
                                                <option value="Malaysia" >Malaysia</option>
                                                <option value="Maldives" >Maldives</option>
                                                <option value="Mali" >Mali</option>
                                                <option value="Malta" >Malta</option>
                                                <option value="Marshall Islands" >Marshall Islands</option>
                                                <option value="Martinique" >Martinique</option>
                                                <option value="Mauritania" >Mauritania</option>
                                                <option value="Mauritius" >Mauritius</option>
                                                <option value="Mayotte" >Mayotte</option>
                                                <option value="Mexico" >Mexico</option>
                                                <option value="Micronesia" >Micronesia</option>
                                                <option value="Moldova" >Moldova</option>
                                                <option value="Monaco" >Monaco</option>
                                                <option value="Mongolia" >Mongolia</option>
                                                <option value="Montenegro" >Montenegro</option>
                                                <option value="Montserrat" >Montserrat</option>
                                                <option value="Morocco" >Morocco</option>
                                                <option value="Mozambique" >Mozambique</option>
                                                <option value="Myanmar (Burma)" >Myanmar (Burma)</option>
                                                <option value="Namibia" >Namibia</option>
                                                <option value="Nauru" >Nauru</option>
                                                <option value="Nepal" >Nepal</option>
                                                <option value="Netherlands" >Netherlands</option>
                                                <option value="Netherlands Antilles" >Netherlands Antilles</option>
                                                <option value="New Caledonia" >New Caledonia</option>
                                                <option value="New Zealand" >New Zealand</option>
                                                <option value="Nicaragua" >Nicaragua</option>
                                                <option value="Niger" >Niger</option>
                                                <option value="Nigeria" >Nigeria</option>
                                                <option value="Niue" >Niue</option>
                                                <option value="Norfolk Island" >Norfolk Island</option>
                                                <option value="North Korea" >North Korea</option>
                                                <option value="Northern Mariana Islands" >Northern Mariana Islands</option>
                                                <option value="Norway" >Norway</option>
                                                <option value="Oman" >Oman</option>
                                                <option value="Pakistan" >Pakistan</option>
                                                <option value="Palau" >Palau</option>
                                                <option value="Palestine" >Palestine</option>
                                                <option value="Panama" >Panama</option>
                                                <option value="Papua New Guinea" >Papua New Guinea</option>
                                                <option value="Paraguay" >Paraguay</option>
                                                <option value="Peru" >Peru</option>
                                                <option value="Philippines" >Philippines</option>
                                                <option value="Pitcairn Islands" >Pitcairn Islands</option>
                                                <option value="Poland" >Poland</option>
                                                <option value="Portugal" >Portugal</option>
                                                <option value="Puerto Rico" >Puerto Rico</option>
                                                <option value="Qatar" >Qatar</option>
                                                <option value="Romania" >Romania</option>
                                                <option value="Russia" >Russia</option>
                                                <option value="Rwanda" >Rwanda</option>
                                                <option value="Réunion" >Réunion</option>
                                                <option value="Saint Barthélemy" >Saint Barthélemy</option>
                                                <option value="Saint Helena" >Saint Helena</option>
                                                <option value="Saint Kitts and Nevis" >Saint Kitts and Nevis</option>
                                                <option value="Saint Lucia" >Saint Lucia</option>
                                                <option value="Saint Martin" >Saint Martin</option>
                                                <option value="Saint Pierre and Miquelon" >Saint Pierre and Miquelon</option>
                                                <option value="Saint Vincent and the Grenadines" >Saint Vincent and the Grenadines</option>
                                                <option value="Samoa" >Samoa</option>
                                                <option value="San Marino" >San Marino</option>
                                                <option value="Sao Tome and Principe" >Sao Tome and Principe</option>
                                                <option value="Saudi Arabia" >Saudi Arabia</option>
                                                <option value="Senegal" >Senegal</option>
                                                <option value="Serbia" >Serbia</option>
                                                <option value="Seychelles" >Seychelles</option>
                                                <option value="Sierra Leone" >Sierra Leone</option>
                                                <option value="Singapore" >Singapore</option>
                                                <option value="Sint Maarten" >Sint Maarten</option>
                                                <option value="Slovakia" >Slovakia</option>
                                                <option value="Slovenia" >Slovenia</option>
                                                <option value="Solomon Islands" >Solomon Islands</option>
                                                <option value="Somalia" >Somalia</option>
                                                <option value="South Africa" >South Africa</option>
                                                <option value="South Georgia and the South Sandwich Islands" >South Georgia and the South Sandwich Islands</option>
                                                <option value="South Korea" >South Korea</option>
                                                <option value="South Sudan" >South Sudan</option>
                                                <option value="Spain" >Spain</option>
                                                <option value="Sri Lanka" >Sri Lanka</option>
                                                <option value="Sudan" >Sudan</option>
                                                <option value="Suriname" >Suriname</option>
                                                <option value="Svalbard and Jan Mayen" >Svalbard and Jan Mayen</option>
                                                <option value="Swaziland" >Swaziland</option>
                                                <option value="Syria" >Syria</option>
                                                <option value="Taiwan" >Taiwan</option>
                                                <option value="Tajikistan" >Tajikistan</option>
                                                <option value="Tanzania" >Tanzania</option>
                                                <option value="Thailand" >Thailand</option>
                                                <option value="Togo" >Togo</option>
                                                <option value="Tokelau" >Tokelau</option>
                                                <option value="Tonga" >Tonga</option>
                                                <option value="Trinidad and Tobago" >Trinidad and Tobago</option>
                                                <option value="Tunisia" >Tunisia</option>
                                                <option value="Turkey" >Turkey</option>
                                                <option value="Turkmenistan" >Turkmenistan</option>
                                                <option value="Turks and Caicos Islands" >Turks and Caicos Islands</option>
                                                <option value="Tuvalu" >Tuvalu</option>
                                                <option value="U.S. Virgin Islands" >U.S. Virgin Islands</option>
                                                <option value="Uganda" >Uganda</option>
                                                <option value="Ukraine" >Ukraine</option>
                                                <option value="United Arab Emirates" >United Arab Emirates</option>
                                                <option value="United Kingdom" >United Kingdom</option>
                                                <option value="United States" >United States</option>
                                                <option value="United States Minor Outlying Islands" >United States Minor Outlying Islands</option>
                                                <option value="Uruguay" >Uruguay</option>
                                                <option value="Uzbekistan" >Uzbekistan</option>
                                                <option value="Vanuatu" >Vanuatu</option>
                                                <option value="Vatican City" >Vatican City</option>
                                                <option value="Venezuela" >Venezuela</option>
                                                <option value="Vietnam" >Vietnam</option>
                                                <option value="Wallis and Futuna" >Wallis and Futuna</option>
                                                <option value="Western Sahara" >Western Sahara</option>
                                                <option value="Yemen" >Yemen</option>
                                                <option value="Zambia" >Zambia</option>
                                                <option value="Zimbabwe" >Zimbabwe</option>
                                                <option value="Åland Islands" >Åland Islands</option>
                        </select>
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="select">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-2067085448"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 ">
                        <label
                for="input-351840731" data-info="(Required field)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Message
            </label>
                <div class="relative">
            

        <textarea
        name="message"
        id="input-351840731"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1 min-h-[200px]"
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        required
        
        data-error-message="This field is required."
        aria-errormessage="input-error-message-351840731"
        
    ></textarea>
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="textarea">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-351840731"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-2096837232" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Website URL
            </label>
                <div class="relative">
            

    <input
        name="website"
        type="text"
        id="input-2096837232"
        class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
        value="https://pcg.io/insights/enabling-secure-mobile-working-without-a-designated-it-specialist/"
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-2096837232"
        
    />
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="text">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-2096837232"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 hidden">
                        <label
                for="input-1569285569" data-info="(Optional)"
                class="flex flex-wrap gap-s p-xs text-form-title font-sora after:content-[attr(data-info)] after:text-form"
            >
                Contact Type
            </label>
                <div class="relative">
            

    <select
            name="contact_type"
            id="input-1569285569"
            class="peer block bg-cool-off-white border-1 w-full text-small p-m border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue active:border-night-blue aria-invalid:pr-3xl aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1"
            data-contact-form-target="field"
            data-action="focusout->contact-form#fieldFocusout"
            
            
            
            aria-errormessage="input-error-message-1569285569"
            
    >
                    <option value="" selected>Select an option</option>
                                            <option value="Prospect" >Prospect</option>
                                                <option value="Job Seeker" >Job Seeker</option>
                                                <option value="Representative" >Representative</option>
                                                <option value="Sellers" >Sellers</option>
                                                <option value="Partner" >Partner</option>
                                                <option value="Spam" >Spam</option>
                                                <option value="PCG Employee" >PCG Employee</option>
                        </select>
            <div class="hidden absolute w-l h-l right-l top-1/2 -translate-y-1/2 text-error peer-aria-invalid:block data-[type=textarea]:top-l data-[type=textarea]:translate-y-0" data-type="select">
                
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#error" /></svg>
            </div>
        </div>
        <div
        id="input-error-message-1569285569"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 ">
            <div class="flex gap-s">
            <div class="flex justify-center items-center w-[26px] h-[26px]">
                

        <input
        name="agree"
        type="checkbox"
        id="input-1996669855"
        class="appearance-none grid bg-cool-off-white border-1 w-[22px] text-small aspect-square p-xs border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1 checked:before:bg-night-blue"
        value="true"
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        required
        
        data-error-message="This field is required."
        aria-errormessage="input-error-message-1996669855"
        
    />
            </div>
                            <label
                    for="input-1996669855" data-info="(Required field)"
                    class="text-default pt-2xs font-sora after:content-[attr(data-info)] after:text-form"
                >
                    I agree to the <a href="https://pcg.io/privacy-policy/" target="_blank">Privacy Policy</a>
                </label>
                    </div>
        <div
        id="input-error-message-1996669855"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                    
    <div class="sm:col-span-2 ">
            <div class="flex gap-s">
            <div class="flex justify-center items-center w-[26px] h-[26px]">
                

    <input
        name="newsletter_subscription"
        type="checkbox"
        id="input-1026335238"
        class="appearance-none grid bg-cool-off-white border-1 w-[22px] text-small aspect-square p-xs border-night-blue-light outline-night-blue focus:outline-1 active:outline-1 focus:border-night-blue aria-invalid:border-error aria-invalid:outline-error aria-invalid:focus:outline-1 aria-invalid:active:outline-1 checked:before:bg-night-blue"
        value="true"
        data-contact-form-target="field"
        data-action="focusout->contact-form#fieldFocusout"
        
        
        
        aria-errormessage="input-error-message-1026335238"
        
    />
            </div>
                            <label
                    for="input-1026335238" data-info="(Optional)"
                    class="text-default pt-2xs font-sora after:content-[attr(data-info)] after:text-form"
                >
                    I'd love to hear more from you in a newsletter
                </label>
                    </div>
        <div
        id="input-error-message-1026335238"
        aria-hidden="true"
        aria-live="polite"
        class="peer hidden p-xs text-error text-[1.3rem] leading-[150%] aria-[hidden=false]:block"
    >
            </div>
    </div>                                                <div data-contact-form-target="form">
                            




    <button class="group/btn btn --primary --light inline-flex gap-x-s items-center justify-center
    
     "
            
        type="submit"
        value=""
            
    >

    
    Submit

    
        
    </button>
                        </div>
                    </form>
                </div>
                <div class="h-l bg-cloud-2"></div>
            </div>
        </div>
    </div>
</div>                        </section>
            </article>
</main>

    
                
                
            
                

<footer class="bg-night-blue text-white px-xl py-6xl ">
    <div class="container flex flex-col gap-7xl sm:grid sm:grid-cols-12 sm:gap-xl">
        <div class="flex flex-col sm:col-span-5">
            <div class="flex gap-4xl justify-between sm:justify-start">
                <div class="w-[58px] shrink-0 grow-0">
                    
    <svg class="w-full h-auto" aria-label="Footer Logo" role="img"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#footer-logo" /></svg>
                </div>
                <div class="flex flex-col gap-5xl wrap-anywhere grow-1">
                    <address class="flex flex-col gap-l not-italic">
                        <div class="h5 ">
                            Public Cloud Group Holding GmbH
                        </div>
                        <div>
                            <p>Lise-Meitner-Str. 3-1<br />
89081 Ulm<br />
Germany</p>

                        </div>
                    </address>
                    <div>
                        <p>hello@pcg.io<br />
<a href="tel:+49 731 7255 7400">+49 731 7255 7400</a></p>

                    </div>
                </div>
            </div>
        </div>
        <div class="flex flex-col gap-4xl sm:col-span-7 sm:grid sm:grid-cols-[auto_max-content_max-content] sm:gap-x-0 sm:gap-y-4xl">
            <div class="sm:col-start-2 sm:col-end-3 sm:pr-4xl lg:pr-9xl">
                


<nav aria-label="Services and company">
    <ul class="flex flex-col gap-l ">
                    <li>
                <a
                        href="https://pcg.io/services/infrastructure/"
                        
                                                class="text-footer-link hovfoc:outline hovfoc:outline-offset-4 "
                >
                                            Cloud Infrastructure
                                    </a>
            </li>
                    <li>
                <a
                        href="https://pcg.io/services/cloud-data-and-ai-solutions/"
                        
                                                class="text-footer-link hovfoc:outline hovfoc:outline-offset-4 "
                >
                                            AI-Powered Workplace
                                    </a>
            </li>
                    <li>
                <a
                        href="https://pcg.io/services/managed-services/"
                        
                                                class="text-footer-link hovfoc:outline hovfoc:outline-offset-4 "
                >
                                            Managed Services
                                    </a>
            </li>
                    <li>
                <a
                        href="https://pcg.io/about-us/"
                        
                                                class="text-footer-link hovfoc:outline hovfoc:outline-offset-4 "
                >
                                            About PCG
                                    </a>
            </li>
            </ul>
</nav>            </div>
            <div class="sm:col-start-3 sm:col-end-4">
                


<nav aria-label="Legal">
    <ul class="flex flex-col gap-l ">
                    <li>
                <a
                        href="https://pcg.io/privacy-policy/"
                        
                                                class="text-footer-link hovfoc:outline hovfoc:outline-offset-4 "
                >
                                            Data Privacy
                                    </a>
            </li>
                    <li>
                <a
                        href="https://pcg.io/legal-notice/"
                        
                                                class="text-footer-link hovfoc:outline hovfoc:outline-offset-4 "
                >
                                            Legal Notice
                                    </a>
            </li>
                    <li>
                <a
                        href="https://pcg.io/code-of-conduct/"
                        
                                                class="text-footer-link hovfoc:outline hovfoc:outline-offset-4 "
                >
                                            Code of Conduct
                                    </a>
            </li>
            </ul>
</nav>            </div>
                            <div class="sm:col-start-3 sm:col-end-4">
                    <div class="flex flex-col gap-l">
                                                    <div class="text-footer-headline">Follow us:</div>
                                                


<nav aria-label="Social Navigation">
    <ul class="flex flex-row gap-l ">
                    <li>
                <a
                        href="http://linkedin.com/company/publiccloudgroup"
                        
                        aria-label="Go to LinkedIn"                        class="text-footer-link hovfoc:outline hovfoc:outline-offset-4 block 11h-[20px]"
                >
                                            <span class="block w-[20px] h-[20px]">
                            
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#footer-linkedin" /></svg>
                        </span>
                                    </a>
            </li>
                    <li>
                <a
                        href="https://www.facebook.com/PublicCloudGroup"
                        target="_blank"
                        aria-label="Go to Facebook"                        class="text-footer-link hovfoc:outline hovfoc:outline-offset-4 block 11h-[20px]"
                >
                                            <span class="block w-[20px] h-[20px]">
                            
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#footer-facebook" /></svg>
                        </span>
                                    </a>
            </li>
                    <li>
                <a
                        href="https://www.instagram.com/publiccloudgroup"
                        target="_blank"
                        aria-label="Go to Instagram"                        class="text-footer-link hovfoc:outline hovfoc:outline-offset-4 block 11h-[20px]"
                >
                                            <span class="block w-[20px] h-[20px]">
                            
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#footer-instagram" /></svg>
                        </span>
                                    </a>
            </li>
                    <li>
                <a
                        href="https://hs.pcg.io/de/pcg-newsletter-registration"
                        target="_blank"
                        aria-label="Newsletter"                        class="text-footer-link hovfoc:outline hovfoc:outline-offset-4 block 11h-[20px]"
                >
                                            <span class="block w-[20px] h-[20px]">
                            
    <svg class="w-full h-full" role="presentation"><use href="https://pcg.io/wp-content/themes/pcg/assets/icons/sprite.svg#footer-newsletter" /></svg>
                        </span>
                                    </a>
            </li>
            </ul>
</nav>                    </div>
                </div>
                    </div>
    </div>
</footer>    <script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/pcg/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="module" src="https://pcg.io/wp-content/themes/pcg/dist/assets/app-BcvNmhgN.js" id="pcg_theme_handle-js" defer="defer" data-wp-strategy="defer"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"wpemoji":"https://pcg.io/wp-includes/js/wp-emoji.js?ver=6.9.4","twemoji":"https://pcg.io/wp-includes/js/twemoji.js?ver=6.9.4"}}
</script>
<script type="module">
/* <![CDATA[ */
/**
 * @output wp-includes/js/wp-emoji-loader.js
 */

/* eslint-env es6 */

// Note: This is loaded as a script module, so there is no need for an IIFE to prevent pollution of the global scope.

/**
 * Emoji Settings as exported in PHP via _print_emoji_detection_script().
 * @typedef WPEmojiSettings
 * @type {object}
 * @property {?object} source
 * @property {?string} source.concatemoji
 * @property {?string} source.twemoji
 * @property {?string} source.wpemoji
 */

const settings = /** @type {WPEmojiSettings} */ (
	JSON.parse( document.getElementById( 'wp-emoji-settings' ).textContent )
);

// For compatibility with other scripts that read from this global, in particular wp-includes/js/wp-emoji.js (source file: js/_enqueues/wp/emoji.js).
window._wpemojiSettings = settings;

/**
 * Support tests.
 * @typedef SupportTests
 * @type {object}
 * @property {?boolean} flag
 * @property {?boolean} emoji
 */

const sessionStorageKey = 'wpEmojiSettingsSupports';
const tests = [ 'flag', 'emoji' ];

/**
 * Checks whether the browser supports offloading to a Worker.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @returns {boolean}
 */
function supportsWorkerOffloading() {
	return (
		typeof Worker !== 'undefined' &&
		typeof OffscreenCanvas !== 'undefined' &&
		typeof URL !== 'undefined' &&
		URL.createObjectURL &&
		typeof Blob !== 'undefined'
	);
}

/**
 * @typedef SessionSupportTests
 * @type {object}
 * @property {number} timestamp
 * @property {SupportTests} supportTests
 */

/**
 * Get support tests from session.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @returns {?SupportTests} Support tests, or null if not set or older than 1 week.
 */
function getSessionSupportTests() {
	try {
		/** @type {SessionSupportTests} */
		const item = JSON.parse(
			sessionStorage.getItem( sessionStorageKey )
		);
		if (
			typeof item === 'object' &&
			typeof item.timestamp === 'number' &&
			new Date().valueOf() < item.timestamp + 604800 && // Note: Number is a week in seconds.
			typeof item.supportTests === 'object'
		) {
			return item.supportTests;
		}
	} catch ( e ) {}
	return null;
}

/**
 * Persist the supports in session storage.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @param {SupportTests} supportTests Support tests.
 */
function setSessionSupportTests( supportTests ) {
	try {
		/** @type {SessionSupportTests} */
		const item = {
			supportTests: supportTests,
			timestamp: new Date().valueOf()
		};

		sessionStorage.setItem(
			sessionStorageKey,
			JSON.stringify( item )
		);
	} catch ( e ) {}
}

/**
 * Checks if two sets of Emoji characters render the same visually.
 *
 * This is used to determine if the browser is rendering an emoji with multiple data points
 * correctly. set1 is the emoji in the correct form, using a zero-width joiner. set2 is the emoji
 * in the incorrect form, using a zero-width space. If the two sets render the same, then the browser
 * does not support the emoji correctly.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 4.9.0
 *
 * @private
 *
 * @param {CanvasRenderingContext2D} context 2D Context.
 * @param {string} set1 Set of Emoji to test.
 * @param {string} set2 Set of Emoji to test.
 *
 * @return {boolean} True if the two sets render the same.
 */
function emojiSetsRenderIdentically( context, set1, set2 ) {
	// Cleanup from previous test.
	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
	context.fillText( set1, 0, 0 );
	const rendered1 = new Uint32Array(
		context.getImageData(
			0,
			0,
			context.canvas.width,
			context.canvas.height
		).data
	);

	// Cleanup from previous test.
	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
	context.fillText( set2, 0, 0 );
	const rendered2 = new Uint32Array(
		context.getImageData(
			0,
			0,
			context.canvas.width,
			context.canvas.height
		).data
	);

	return rendered1.every( ( rendered2Data, index ) => {
		return rendered2Data === rendered2[ index ];
	} );
}

/**
 * Checks if the center point of a single emoji is empty.
 *
 * This is used to determine if the browser is rendering an emoji with a single data point
 * correctly. The center point of an incorrectly rendered emoji will be empty. A correctly
 * rendered emoji will have a non-zero value at the center point.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 6.8.2
 *
 * @private
 *
 * @param {CanvasRenderingContext2D} context 2D Context.
 * @param {string} emoji Emoji to test.
 *
 * @return {boolean} True if the center point is empty.
 */
function emojiRendersEmptyCenterPoint( context, emoji ) {
	// Cleanup from previous test.
	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
	context.fillText( emoji, 0, 0 );

	// Test if the center point (16, 16) is empty (0,0,0,0).
	const centerPoint = context.getImageData(16, 16, 1, 1);
	for ( let i = 0; i < centerPoint.data.length; i++ ) {
		if ( centerPoint.data[ i ] !== 0 ) {
			// Stop checking the moment it's known not to be empty.
			return false;
		}
	}

	return true;
}

/**
 * Determines if the browser properly renders Emoji that Twemoji can supplement.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 4.2.0
 *
 * @private
 *
 * @param {CanvasRenderingContext2D} context 2D Context.
 * @param {string} type Whether to test for support of "flag" or "emoji".
 * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.
 * @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification.
 *
 * @return {boolean} True if the browser can render emoji, false if it cannot.
 */
function browserSupportsEmoji( context, type, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) {
	let isIdentical;

	switch ( type ) {
		case 'flag':
			/*
			 * Test for Transgender flag compatibility. Added in Unicode 13.
			 *
			 * To test for support, we try to render it, and compare the rendering to how it would look if
			 * the browser doesn't render it correctly (white flag emoji + transgender symbol).
			 */
			isIdentical = emojiSetsRenderIdentically(
				context,
				'\uD83C\uDFF3\uFE0F\u200D\u26A7\uFE0F', // as a zero-width joiner sequence
				'\uD83C\uDFF3\uFE0F\u200B\u26A7\uFE0F' // separated by a zero-width space
			);

			if ( isIdentical ) {
				return false;
			}

			/*
			 * Test for Sark flag compatibility. This is the least supported of the letter locale flags,
			 * so gives us an easy test for full support.
			 *
			 * To test for support, we try to render it, and compare the rendering to how it would look if
			 * the browser doesn't render it correctly ([C] + [Q]).
			 */
			isIdentical = emojiSetsRenderIdentically(
				context,
				'\uD83C\uDDE8\uD83C\uDDF6', // as the sequence of two code points
				'\uD83C\uDDE8\u200B\uD83C\uDDF6' // as the two code points separated by a zero-width space
			);

			if ( isIdentical ) {
				return false;
			}

			/*
			 * Test for English flag compatibility. England is a country in the United Kingdom, it
			 * does not have a two letter locale code but rather a five letter sub-division code.
			 *
			 * To test for support, we try to render it, and compare the rendering to how it would look if
			 * the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]).
			 */
			isIdentical = emojiSetsRenderIdentically(
				context,
				// as the flag sequence
				'\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67\uDB40\uDC7F',
				// with each code point separated by a zero-width space
				'\uD83C\uDFF4\u200B\uDB40\uDC67\u200B\uDB40\uDC62\u200B\uDB40\uDC65\u200B\uDB40\uDC6E\u200B\uDB40\uDC67\u200B\uDB40\uDC7F'
			);

			return ! isIdentical;
		case 'emoji':
			/*
			 * Is there a large, hairy, humanoid mythical creature living in the browser?
			 *
			 * To test for Emoji 17.0 support, try to render a new emoji: Hairy Creature.
			 *
			 * The hairy creature emoji is a single code point emoji. Testing for browser
			 * support required testing the center point of the emoji to see if it is empty.
			 *
			 * 0xD83E 0x1FAC8 (\uD83E\u1FAC8) == 🫈 Hairy creature.
			 *
			 * When updating this test, please ensure that the emoji is either a single code point
			 * or switch to using the emojiSetsRenderIdentically function and testing with a zero-width
			 * joiner vs a zero-width space.
			 */
			const notSupported = emojiRendersEmptyCenterPoint( context, '\uD83E\u1FAC8' );
			return ! notSupported;
	}

	return false;
}

/**
 * Checks emoji support tests.
 *
 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
 * scope. Everything must be passed by parameters.
 *
 * @since 6.3.0
 *
 * @private
 *
 * @param {string[]} tests Tests.
 * @param {Function} browserSupportsEmoji Reference to browserSupportsEmoji function, needed due to minification.
 * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.
 * @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification.
 *
 * @return {SupportTests} Support tests.
 */
function testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) {
	let canvas;
	if (
		typeof WorkerGlobalScope !== 'undefined' &&
		self instanceof WorkerGlobalScope
	) {
		canvas = new OffscreenCanvas( 300, 150 ); // Dimensions are default for HTMLCanvasElement.
	} else {
		canvas = document.createElement( 'canvas' );
	}

	const context = canvas.getContext( '2d', { willReadFrequently: true } );

	/*
	 * Chrome on OS X added native emoji rendering in M41. Unfortunately,
	 * it doesn't work when the font is bolder than 500 weight. So, we
	 * check for bold rendering support to avoid invisible emoji in Chrome.
	 */
	context.textBaseline = 'top';
	context.font = '600 32px Arial';

	const supports = {};
	tests.forEach( ( test ) => {
		supports[ test ] = browserSupportsEmoji( context, test, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint );
	} );
	return supports;
}

/**
 * Adds a script to the head of the document.
 *
 * @ignore
 *
 * @since 4.2.0
 *
 * @param {string} src The url where the script is located.
 *
 * @return {void}
 */
function addScript( src ) {
	const script = document.createElement( 'script' );
	script.src = src;
	script.defer = true;
	document.head.appendChild( script );
}

settings.supports = {
	everything: true,
	everythingExceptFlag: true
};

// Obtain the emoji support from the browser, asynchronously when possible.
new Promise( ( resolve ) => {
	let supportTests = getSessionSupportTests();
	if ( supportTests ) {
		resolve( supportTests );
		return;
	}

	if ( supportsWorkerOffloading() ) {
		try {
			// Note that the functions are being passed as arguments due to minification.
			const workerScript =
				'postMessage(' +
				testEmojiSupports.toString() +
				'(' +
				[
					JSON.stringify( tests ),
					browserSupportsEmoji.toString(),
					emojiSetsRenderIdentically.toString(),
					emojiRendersEmptyCenterPoint.toString()
				].join( ',' ) +
				'));';
			const blob = new Blob( [ workerScript ], {
				type: 'text/javascript'
			} );
			const worker = new Worker( URL.createObjectURL( blob ), { name: 'wpTestEmojiSupports' } );
			worker.onmessage = ( event ) => {
				supportTests = event.data;
				setSessionSupportTests( supportTests );
				worker.terminate();
				resolve( supportTests );
			};
			return;
		} catch ( e ) {}
	}

	supportTests = testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint );
	setSessionSupportTests( supportTests );
	resolve( supportTests );
} )
	// Once the browser emoji support has been obtained from the session, finalize the settings.
	.then( ( supportTests ) => {
		/*
		 * Tests the browser support for flag emojis and other emojis, and adjusts the
		 * support settings accordingly.
		 */
		for ( const test in supportTests ) {
			settings.supports[ test ] = supportTests[ test ];

			settings.supports.everything =
				settings.supports.everything && settings.supports[ test ];

			if ( 'flag' !== test ) {
				settings.supports.everythingExceptFlag =
					settings.supports.everythingExceptFlag &&
					settings.supports[ test ];
			}
		}

		settings.supports.everythingExceptFlag =
			settings.supports.everythingExceptFlag &&
			! settings.supports.flag;

		// When the browser can not render everything we need to load a polyfill.
		if ( ! settings.supports.everything ) {
			const src = settings.source || {};

			if ( src.concatemoji ) {
				addScript( src.concatemoji );
			} else if ( src.wpemoji && src.twemoji ) {
				addScript( src.twemoji );
				addScript( src.wpemoji );
			}
		}
	} );
//# sourceURL=https://pcg.io/wp-includes/js/wp-emoji-loader.js
/* ]]> */
</script>

</body>
</html>
