Showing source for: https://websupport.se/en/?utm_source=redirect&utm_medium=website&utm_campaign=servage
Duration: 0.266515s
Server: nginx


<!doctype html>
<html lang="en-GB">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Websupport &#x2d; Create your own website</title>
<link rel="alternate" href="https://websupport.se/" hreflang="sv" />
<link rel="alternate" href="https://websupport.se/en/" hreflang="en" />
    <link rel="preload" as="font" href="https://www.websupport.cz/app/themes/websupport/dist/fonts/WebsupportSans-Black.woff2?id=5b22bf023513499f21098c40bffdfe5b" crossorigin media="(max-width: 767px)">

            <link rel="preload" as="image" href="https://www.websupport.cz/app/uploads/sites/6/bis-images/24650/Ahoj-4-0x470.png" media="(min-width: 768px) and (max-width: 1023px)">
        <link rel="preload" as="image" href="https://www.websupport.cz/app/uploads/sites/6/bis-images/24650/Ahoj-4-0x635.png" media="(min-width: 1024px) and (max-width: 1287px)">
        <link rel="preload" as="image" href="https://www.websupport.cz/app/uploads/sites/6/bis-images/24650/Ahoj-4-0x1020.png" media="(min-width: 1288px)">
    
<!-- The SEO Framework by Sybre Waaijer -->
<meta name="robots" content="max-snippet:-1,max-image-preview:standard,max-video-preview:-1" />
<link rel="canonical" href="https://websupport.se/en/" />
<meta name="description" content="Create your own website without prior knowledge. Order a domain and a web hosting package – we take care of the technical parts." />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_GB" />
<meta property="og:site_name" content="Websupport" />
<meta property="og:title" content="Websupport &#x2d; Create your own website" />
<meta property="og:description" content="Create your own website without prior knowledge. Order a domain and a web hosting package – we take care of the technical parts." />
<meta property="og:url" content="https://websupport.se/en/" />
<meta property="og:image" content="https://websupport.se/app/uploads/2021/03/websupport-default-share.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="WebSupport default share image" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Websupport &#x2d; Create your own website" />
<meta name="twitter:description" content="Create your own website without prior knowledge. Order a domain and a web hosting package – we take care of the technical parts." />
<meta name="twitter:image" content="https://websupport.se/app/uploads/2021/03/websupport-default-share.jpg" />
<meta name="twitter:image:alt" content="WebSupport default share image" />
<meta name="google-site-verification" content="Ta6O5AsVWLMsyS3MWYe58VM7HRdTCIkfj8bOL63YLbc" />
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://websupport.se/en/#/schema/WebSite","url":"https://websupport.se/en/","name":"Websupport","inLanguage":"en-GB","publisher":{"@id":"https://websupport.se/en/#/schema/Organization"}},{"@type":"WebPage","@id":"https://websupport.se/en/","url":"https://websupport.se/en/","name":"Websupport &#x2d; Create your own website","description":"Create your own website without prior knowledge. Order a domain and a web hosting package – we take care of the technical parts.","inLanguage":"en-GB","isPartOf":{"@id":"https://websupport.se/en/#/schema/WebSite"},"breadcrumb":{"@type":"BreadcrumbList","@id":"https://websupport.se/en/#/schema/BreadcrumbList","itemListElement":{"@type":"ListItem","position":1,"name":"Websupport"}},"potentialAction":{"@type":"ReadAction","target":"https://websupport.se/en/"},"about":{"@id":"https://websupport.se/en/#/schema/Organization"}},{"@type":"Organization","@id":"https://websupport.se/en/#/schema/Organization","name":"Websupport","url":"https://websupport.se/en/","logo":{"@type":"ImageObject","url":"https://www.websupport.cz/app/uploads/sites/6/2021/03/cropped-Favicon-FULL.png","contentUrl":"https://www.websupport.cz/app/uploads/sites/6/2021/03/cropped-Favicon-FULL.png","width":512,"height":512}}]}</script>
<!-- / The SEO Framework by Sybre Waaijer | 10.71ms meta | 7.95ms boot -->

<link rel='dns-prefetch' href='//www.websupport.cz' />

<link rel="stylesheet" href="/app/plugins/loopia-platform-integration/assets/css/lgpi-styles.css?ver=0.6.0"><link rel="stylesheet" href="https://websupport.se/wp/wp-includes/css/dist/block-library/style.min.css?ver=6.5.3"><style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css'>
body{--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,rgba(6,147,227,1) 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,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 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 rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{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;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="stylesheet" href="/app/themes/websupport/dist/styles/tw-utils.css?id=d68955d2025d4ad5ebc0821f36a41079"><link rel="stylesheet" href="/app/themes/websupport/dist/styles/app.css?id=c5532db4d7dc6ea82b31397bfcb86c44"><link rel="alternate" hreflang="cs" href="https://www.websupport.cz/" title="cs_CZ" />
<link rel="alternate" hreflang="hu" href="https://www.websupport.hu/" title="hu_HU" />
<link rel="alternate" hreflang="sk" href="https://www.websupport.sk/" title="sk_SK" />
<link rel="alternate" hreflang="sv" href="https://websupport.se/" title="sv_SE" />
    <link rel="icon" href="/favicon.ico" sizes="any">
    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#2c3843">
    <meta name="msapplication-TileColor" content="#2c3843">
    <meta name="theme-color" content="#2c3843">

    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() { window.dataLayer.push(arguments); }

        // Opt-in consent initial implementation (all consents are denied)
        gtag('consent', 'default', {
             ad_user_data: "denied",
            ad_personalization: "denied",
            ad_storage: 'denied',
            analytics_storage: 'denied',
            functionality_storage: 'denied',
            personalization_storage: 'denied',
            security_storage: 'granted',
            wait_for_update: 500
        });

        gtag('set', 'ads_data_redaction', true);
    </script>

            <!-- 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://datainsights.websupport.se/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','GTM-5C3T537');</script>
        <!-- End Google Tag Manager -->
    
    <script>
        if (window.dataLayer) {
            window.dataLayer.push({
                event: 'page_view',
                page_type : 'Homepage',
                login_status: 'false',
            });
        }

        document.addEventListener('DOMContentLoaded', function() {
            document.body.addEventListener('lgpi_after_added_to_cart', function(e) {
                var data = e.detail;

                if (!data) {
                    return;
                }

                let items = [];
                data.responseData.items_data.filter(function (obj) {
                    return obj.gaee && data.responseData.new_items.includes(obj.id);
                }).forEach(function (obj) {
                    let categories = obj.gaee.categories.reduce(function (k, v, i) {
                        i++;
                        k[((i === 1) ? 'item_category' : 'item_category' + i)] = v;
                        return k;
                    }, {});

                    items.push({
                        item_id: obj.gaee.id,
                        item_name: obj.gaee.name,
                        ...categories,
                        item_brand: obj.gaee.brand,
                        price: obj.gaee.price,
                        quantity: obj.gaee.quantity,
                    });
                });

                if (items.length && window.dataLayer) {
                    window.dataLayer = window.dataLayer || [];
                    window.dataLayer.push({
                        event: 'add_to_cart',
                        ecommerce: {
                            items: items
                        }
                    });
                }
            });
        });
    </script>

        <!-- Exponea -->
    <style>.xnpe_async_hide { opacity: 0 !important; }</style>
    <script>
        !function(e,n,t,i,o,r){var a=4e3,c="xnpe_async_hide";function s(e){return e.reduce((function(e,n){return e[n]=function(){e._.push([n.toString(),arguments])},e}),{_:[]})}function m(e,n,t){var i=t.createElement(n);i.src=e;
            var o=t.getElementsByTagName(n)[0];return o.parentNode.insertBefore(i,o),i}r.target=r.target||"https://api.infinario.com",r.file_path=r.file_path||r.target+"/js/infinario.min.js",
            e[t]=s(["anonymize","initialize","identify","update","track","trackLink","trackEnhancedEcommerce","getHtml","showHtml","showBanner","showWebLayer","ping","getAbTest","loadDependency","getRecommendation","reloadWebLayers"]),
            e[t].notifications=s(["isAvailable","isSubscribed","subscribe","unsubscribe"]),e[t].snippetVersion="v2.1.0",function(e,n,t){e[n]["_"+t]={},e[n]["_"+t].nowFn=e[t]&&e[t].now?e[t].now.bind(e[t]):Date.now,e[n]["_"+t].snippetStartTime=e[n]["_"+t].nowFn()}(e,t,"performance"),
            function(e,n,t,i,o,r){e[o]={sdk:e[i],sdkObjectName:i,skipExperiments:!!t.new_experiments,sign:t.token+"/"+(r.exec(n.cookie)||["","new"])[1],path:t.target}}(e,n,r,t,o,RegExp("__inf_etc__"+"=([\w-]+)")),function(e,n,t){m(e.file_path,n,t)}(r,i,n),
            function(e,n,t,i,o,r,s){if(e.new_experiments){!0===e.new_experiments&&(e.new_experiments={});
                var p=e.new_experiments.hide_class||c,u=e.new_experiments.timeout||a,_=encodeURIComponent(r.location.href.split("#")[0]),l=e.target+"/webxp/"+n+"/"+r[t].sign+"/modifications.min.js?http-referer="+_+"&timeout="+u+"ms";
                "sync"===e.new_experiments.mode&&r.localStorage.getItem("__inf__sync_modifications__")?function(e,n,t,i,o){t[o][n]="<"+n+' src="'+e+'"></'+n+">",
                    i.writeln(t[o][n]),i.writeln("<"+n+">!"+o+".init && document.writeln("+o+"."+n+'.replace("/'+n+'/", "/'+n+'-async/").replace("><", " async><"))</'+n+">")}(l,n,r,s,t):function(e,n,t,i,o,r,a,c){r.documentElement.classList.add(e);var s=m(t,i,r);
                    function p(){o[c].init||m(t.replace("/"+i+"/","/"+i+"-async/"),i,r)}function u(){r.documentElement.classList.remove(e)}s.onload=p,s.onerror=p,o.setTimeout(u,n),o[a]._revealPage=u}(p,u,l,n,r,s,o,t)}}(r,i,o,0,t,e,n),
            function(e,n,t){e[n].start=function(i){i&&Object.keys(i).forEach((function(e){return t[e]=i[e]})),e[n].initialize(t)}}(e,t,r)}(window,document,"infinario","script","webxpClient",{
            target: "https://api.infinario.com",
            token: "a9c59aa2-5a57-11eb-9dea-3a8adbe99c8e",  //default
            new_experiments: {
                mode: 'sync',
                hide_class: 'xnpe_async_hide',
                timeout: 1000
            },
            track: {
                visits: true,
            },
        });
    
        infinario.start();

        if (typeof infinario !== 'undefined') {

            const cookies = Object.fromEntries(
                document.cookie.split(/; /).map(c => {
                    const [key, v] = c.split('=', 2);
                    return [key, decodeURIComponent(v)];
                }),
            );

            if(cookies['user_id'] !== '17387') {
                infinario.identify( cookies['user_id']);
            }
        }

    </script>
    <!-- End Exponea -->
            <!-- LiveAgent -->
        <script type="text/javascript">
            var chatButton;
            (function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
                'https://loopia.ladesk.com/scripts/track.js',
                function(e){ chatButton = LiveAgent.createButton('901xezl6', e); });
        </script>
        <!-- End LiveAgent -->
    <noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>  </head>

  <body class="home page wp-embed-responsive">
            <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5C3T537"
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
        
    <div id="app" class="overflow-x-hidden">
      <div class="dark">
  <div class="js-header-anchor bg-navy"></div>

  <div class="sticky-header-wrap js-header-wrap new-order-spa-header">
          <div class="js-top-bar bg-navy border-navy-m4 hidden border-b transition-all dark:border-navy-m1 lg:flex">
  <div class="mx-auto w-full max-w-screen-3xl pl-6 xl:pl-12">
    <div class="flex justify-between">
      <nav>
  <ul class="flex">
          
      <li class="xl:ml-0 ml-0xl:mr-0 mr-0 mx-2 flex xl:mx-4">
        <a
          href="https://websupport.se/en/sustainability/"
                    class="top-bar-link text-secondary lg:pl-1  dark:text-white text-navy flex px-2 py-4 transition"
        >
          🌱 Green, Greener, Websupport - Read more about how we have become even more sustainable!
        </a>
      </li>
      </ul>
</nav>

      <nav class="top-nav-right ml-auto flex-initial">
  <ul class="flex">
                  <li class="ml-0 mx-2 flex xl:mx-2">
          <a
            href="https://websupport.se/en/support/"
                        class="top-bar-link text-secondary flex items-center justify-center px-2 py-4 text-navy-m2 transition hover:text-navy dark:text-navy-m3 dark:hover:text-white"
          >
            Support
          </a>
        </li>
              <li class=" mx-2 flex xl:mx-2">
          <a
            href="https://webmail.websupport.se/"
                        class="top-bar-link text-secondary flex items-center justify-center px-2 py-4 text-navy-m2 transition hover:text-navy dark:text-navy-m3 dark:hover:text-white"
          >
            Webmail
          </a>
        </li>
          
          <li class="top-nav-right__button group relative ml-6 flex pl-4 pr-5 hover:bg-navy-m5 dark:hover:bg-navy-m1 xl:pr-10">
        <div class="relative cursor-pointer pl-5">
          <svg class="svg-icon top-nav-right__button-icon z-100 text-navy hover:text-white dark:text-white fill-gem-neon dark:fill-white w-5 h-5 mr-2 fill-current absolute left-0 top-1/2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 16c-3.57 0-5.672.687-5.965 1.74A8.966 8.966 0 0 0 12 21a8.966 8.966 0 0 0 5.964-2.26C17.672 17.687 15.569 17 12 17zm0-14a9 9 0 0 0-7.4 14.125C5.728 15.638 8.372 15 12 15c3.629 0 6.273.638 7.4 2.124A9 9 0 0 0 12 3zm0 3c2.414 0 4 1.922 4 4.2 0 3.28-1.782 4.8-4 4.8-2.24 0-4-1.573-4-5 0-2.244 1.58-4 4-4zm0 2c-1.266 0-2 .816-2 2 0 2.27.818 3 2 3 1.178 0 2-.702 2-2.8 0-1.25-.784-2.2-2-2.2z" fill-rule="evenodd"/>
</svg>          <p class="lgpi_login_button_container">    	<span class="lgpi_user_details_container processing">
            <span style="display:none;" class="lgpi_login_username_container">
                                <span class="lgpi_login_username"></span>
            </span>
        	<a href="https://api-cart.websupport.se/login?redirectAfterLogin=https%3A%2F%2Fwebsupport.se%2Flogin" class="lgpi_login_link button link-button lgpi_login_button_link dark:text-white text-navy dark:hover:text-white hover:text-black top-bar-link text-secondary flex items-center justify-center pl-2 py-4 transition" title="Login">Login</a>
        	<a style="display:none;" href="https://api-cart.websupport.se/logout" class="lgpi_login_link button link-button lgpi_logout_button_link dark:text-white text-navy dark:hover:text-white hover:text-black top-bar-link text-secondary flex items-center justify-center pl-2 py-4 transition" title="Logout"><span class="lgpi_loader_container"><span class="lgpi_loader"><span></span><span></span><span></span><span></span></span></span></a>
        	<span class="lgpi_loader_container"><span class="lgpi_loader"><span></span><span></span><span></span><span></span></span></span>
   		</span>
    </p>
        </div>

        <div class="top-nav-right__sub-menu absolute right-0 top-full z-30 hidden w-65 pt-2 transition xl:right-2">
          <ul class="top-nav-right__sub-menu-list w-full rounded bg-white px-4 pb-4 pt-6">
            <li class="mb-2 block">
              <span class="top-nav-right__sub-menu-user-name text-secondary block px-4 text-navy"></span>
              <span class="top-nav-right__sub-menu-email top-bar-link text-secondary block px-4 text-navy-m3"></span>
            </li>

                                          
                                                      <li class="border-navy-m5 pb-2 mb-2 border-b border-solid block w-full">
                      <a
                        href="https://admin.websupport.se/sv/user/update/{user_id}"
                        class="top-bar-link text-secondary lgpi_user_acc_settings_link block rounded bg-transparent px-4 py-2 text-king-neon transition text-btn-small hover:bg-navy-m5 hover:bg-opacity-50"
                      >
                        Account settings
                      </a>
                    </li>
                                                                
                                                      <li class=" block w-full">
                      <a
                        href="https://admin.websupport.se/sv/dashboard"
                        class="top-bar-link text-secondary  block rounded bg-transparent px-4 py-2 text-king-neon transition text-btn-small hover:bg-navy-m5 hover:bg-opacity-50"
                      >
                        My services
                      </a>
                    </li>
                                      <li class=" block w-full">
                      <a
                        href="https://admin.websupport.se/sv/invoice"
                        class="top-bar-link text-secondary  block rounded bg-transparent px-4 py-2 text-king-neon transition text-btn-small hover:bg-navy-m5 hover:bg-opacity-50"
                      >
                        Invoices overview
                      </a>
                    </li>
                                      <li class=" block w-full">
                      <a
                        href="cart/logout"
                        class="top-bar-link text-secondary lgpi_logout_button_link block rounded bg-transparent px-4 py-2 text-king-neon transition text-btn-small hover:bg-navy-m5 hover:bg-opacity-50"
                      >
                        Log out
                      </a>
                    </li>
                                                                      </ul>
        </div>
      </li>
      </ul>
</nav>
    </div>
  </div>
</div>
    
    <header class="header__main js-header-main relative z-20 transition lg:z-auto">
              <div class="lg:hidden">
          <button
  class="nav-toggle-btn js-toggle-nav"
  title="Toggle Navigation"
>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--1"></span>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--2"></span>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--3"></span>
</button>
        </div>
      
      <div class="bg-navy">
        <div class="js-header-container mx-auto max-w-screen-3xl pl-4 pr-4 lg:pl-6 lg:pr-5 xl:pl-12 xl:pr-9">
          <div class="relative flex items-stretch overflow-hidden lg:overflow-visible">
            <div class="ml-16 xs:w-full xs:ml-0 relative items-center justify-center xs:flex lg:w-auto">
              <div class="logo relative py-4 lg:py-3 lg:pr-9 xl:pb-8 xl:pr-0 xl:pt-6">
  <a
    class="logo__wrap relative"
    href="https://websupport.se/"
    title="WebSupport SE"
  >
    <svg class="svg-icon logo__big fill-navy text-navy dark:text-white dark:fill-white fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 153 48" style="enable-background:new 0 0 153 48" xml:space="preserve">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M146.6 28.4c-.6.6-1.6 1.1-2.7 1.1-2.1 0-3.6-1.4-3.6-3.6v-5.3h-.8c-.5 0-1-.4-1-1 0-.5.4-1 1-1h.8v-3.8c0-.7.5-1.2 1.1-1.2.6 0 1.1.5 1.1 1.2v3.8h2.4c.5 0 1 .4 1 1 0 .5-.4 1-1 1h-2.4V26c0 1.1.7 1.7 1.4 1.7s1-.3 1.5-.7c.5-.4 1-.3 1.3 0 .4.2.5.9-.1 1.4zm-9.7-8.7c0 .5-.4 1-1 1-1.8 0-2.7 1.5-2.7 3.3v4.2c0 .7-.5 1.2-1.1 1.2-.6 0-1.1-.5-1.1-1.2v-8.3c0-.7.5-1.2 1.1-1.2.6 0 1.1.5 1.1 1.2v.2c.6-.9 1.5-1.4 2.6-1.4.7 0 1.1.5 1.1 1zm-10.7 4.4c0-2.1-1.3-3.6-3.2-3.6-2 0-3.2 1.5-3.2 3.6s1.2 3.6 3.2 3.6c1.9-.1 3.2-1.5 3.2-3.6zm2.1 0c0 3-2.2 5.5-5.4 5.5s-5.4-2.5-5.4-5.5 2.2-5.5 5.4-5.5 5.4 2.4 5.4 5.5zm-15.4 0c0-2.1-1.3-3.6-3.2-3.6-1.9 0-3.4 1.5-3.4 3.6s1.4 3.6 3.4 3.6c1.9-.1 3.2-1.5 3.2-3.6zm2.2 0c0 3-2.2 5.5-5.2 5.5-1.5 0-2.7-.6-3.5-1.5v5c0 .7-.5 1.2-1.1 1.2-.6 0-1.1-.5-1.1-1.2V19.9c0-.7.5-1.2 1.1-1.2.6 0 1.1.5 1.1 1.2v.1c.8-.9 2-1.5 3.5-1.5 3 .1 5.2 2.5 5.2 5.6zm-15.7 0c0-2.1-1.3-3.6-3.2-3.6-1.9 0-3.4 1.5-3.4 3.6s1.4 3.6 3.4 3.6c1.8-.1 3.2-1.5 3.2-3.6zm2.2 0c0 3-2.2 5.5-5.2 5.5-1.5 0-2.7-.6-3.5-1.5v5c0 .7-.5 1.2-1.1 1.2-.6 0-1.1-.5-1.1-1.2V19.9c0-.7.5-1.2 1.1-1.2.6 0 1.1.5 1.1 1.2v.1c.8-.9 2-1.5 3.5-1.5 3 .1 5.2 2.5 5.2 5.6zm-13.8-4.2v4.9c0 2.8-2.1 4.7-4.7 4.7s-4.7-1.9-4.7-4.7v-4.9c0-.7.5-1.2 1.1-1.2.6 0 1.1.5 1.1 1.2v4.9c0 1.9 1.2 2.8 2.6 2.8 1.4 0 2.6-.9 2.6-2.8v-4.9c0-.7.5-1.2 1.1-1.2.5 0 .9.6.9 1.2zm-12.1 6.5c0 1.9-1.8 3.2-3.9 3.2-1.6 0-2.9-.6-3.6-1.2-.5-.4-.5-1.1-.1-1.4.4-.4.9-.3 1.4 0 .6.4 1.5.7 2.3.7 1 0 1.7-.5 1.7-1.2 0-1.9-5.6-1.2-5.6-4.8 0-1.7 1.6-3.1 3.8-3.1 1.2 0 2.1.3 2.9.8.6.4.7 1.1.3 1.5-.4.4-.9.4-1.4.1-.5-.3-1.1-.5-1.8-.5-.9 0-1.6.4-1.6 1.2-.1 1.8 5.6 1 5.6 4.7zm-12.6-2.3c0-2.1-1.3-3.6-3.2-3.6-1.9 0-3.4 1.5-3.4 3.6s1.4 3.6 3.4 3.6c1.9-.1 3.2-1.5 3.2-3.6zm2.2 0c0 3-2.2 5.5-5.2 5.5-1.5 0-2.7-.6-3.5-1.5v.1c0 .7-.5 1.2-1.1 1.2-.6 0-1.1-.5-1.1-1.2V14.4c0-.7.5-1.2 1.1-1.2.6 0 1.1.5 1.1 1.2V20c.8-.9 2-1.5 3.5-1.5 3 .1 5.2 2.5 5.2 5.6zm-21.6-1h6c-.3-1.7-1.2-2.6-2.9-2.6s-2.8 1-3.1 2.6zm8 1.1c0 .4-.4.7-.8.7h-7.4c.2 1.7 1.3 2.7 3.2 2.7.9 0 1.9-.3 2.5-.8.5-.3 1-.4 1.4 0 .4.4.3 1.1-.2 1.5-1 .8-2.4 1.2-3.7 1.2-3.5 0-5.5-2.5-5.5-5.5s2.3-5.5 5.4-5.5c3.4.1 5.4 2.7 5.1 5.7zm-12.1-4.1-3.9 8.4c-.3.7-.9 1.1-1.7 1.1-.7 0-1.3-.4-1.7-1.1L29 21.1l-3.4 7.4c-.3.7-.9 1.1-1.7 1.1-.7 0-1.3-.4-1.7-1.1l-3.4-7.4-3.4 7.4c-.3.7-.9 1.1-1.7 1.1-.7 0-1.3-.4-1.7-1.1l-3.9-8.4c-.2-.5 0-1.2.5-1.4.6-.3 1.2 0 1.4.5l3.6 8.1 3.4-7.7c.3-.6.9-1 1.6-1s1.3.4 1.6 1l3.4 7.7 3.4-7.7c.3-.6.9-1 1.6-1 .7 0 1.3.4 1.6 1l3.4 7.7 3.6-8.1c.2-.5.9-.8 1.4-.5 1 .2 1.2.8 1 1.4zm6.5 13.1C42.7 41.8 34.1 48 24 48 10.7 48 0 37.2 0 24S10.7 0 24 0c10.1 0 18.7 6.2 22.2 14.8.3.7 0 1.2-.5 1.4-.4.2-1.1.1-1.4-.7C41 7.6 33.1 2 24 2 11.9 2 2 11.9 2 24s9.9 22 22 22c9.1 0 17-5.6 20.3-13.5.3-.8 1-.9 1.4-.7.4.2.7.7.4 1.4zM151 19.5c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3h-.4v.6h.4zm.2.2.4.6h-.3l-.3-.6h-.4v.6h-.2v-1.6h.7c.3 0 .5.2.5.5 0 .2-.2.4-.4.5zm1-.2c0-.7-.6-1.3-1.3-1.3-.7 0-1.3.6-1.3 1.3 0 .7.6 1.3 1.3 1.3.7 0 1.3-.6 1.3-1.3zm.2 0c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5.7-1.5 1.5-1.5 1.5.7 1.5 1.5z"/>
</svg>    <svg class="svg-icon logo__small fill-navy text-navy dark:text-white dark:fill-white fill-current" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m33.01 16.738-3.243 7.028a1.49 1.49 0 0 1-1.38.875 1.485 1.485 0 0 1-1.378-.875l-2.815-6.189-2.815 6.189c-.26.559-.782.875-1.379.875a1.489 1.489 0 0 1-1.38-.875l-2.814-6.189-2.814 6.189c-.262.559-.784.875-1.38.875a1.485 1.485 0 0 1-1.379-.875L6.99 16.738a.879.879 0 0 1 .43-1.174.88.88 0 0 1 1.192.428l3 6.767 2.872-6.43a1.452 1.452 0 0 1 1.323-.858c.577 0 1.1.335 1.323.857L20 22.76l2.87-6.43a1.453 1.453 0 0 1 1.324-.858c.578 0 1.1.335 1.324.857l2.87 6.431 3-6.767a.879.879 0 0 1 1.193-.428.878.878 0 0 1 .429 1.174zM38.322 20c0-10.14-8.22-18.322-18.322-18.322C9.897 1.678 1.677 9.898 1.677 20c0 10.103 8.22 18.322 18.323 18.322 10.102 0 18.322-8.22 18.322-18.322zM40 20c0 11.035-8.965 20-20 20C8.966 40 0 31.035 0 20 0 8.966 8.966 0 20 0c11.035 0 20 8.929 20 20z"/>
</svg>  </a>

  </div>
            </div>

                          <div class="hidden flex-auto pl-9 lg:flex">
                <nav class="primary-nav js-navigation flex w-full">
  <ul class="flex">
          
      <li class="primary-nav__item js-navigation-item  xl:ml-0 lg:ml-0 md:ml-0 ml-0 border-transparent primary-nav__item--has-sub-menu relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/wordpress/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Create website
          </a>
        
                  <div class="megamenu js-navigation-submenu  fixed z-30 -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      stroke="none"
      fill="transparent"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Create website</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">Get started with your own website using the world’s most popular website tool.</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/en/wordpress/"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Website with WordPress
                    </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/en/woocommerce/"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      E-commerce with WooCommerce
                    </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/domains/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Domain
          </a>
        
                  <div class="megamenu js-navigation-submenu  fixed z-30 -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      stroke="none"
      fill="transparent"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Domain names</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">A domain name is the foundation for your online presence and is used, among other things, to your website’s address (www.___.com) or at the end of your email address (eg info@___.com).</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/en/domains/"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Register domains
                    </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/en/domains/domain-services/"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      DNS & Domain services
                    </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/hosting/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Web hosting
          </a>
        
                  <div class="megamenu js-navigation-submenu  fixed z-30 -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      stroke="none"
      fill="transparent"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Web hosting</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">A perfect solution for you who want us to take care of the technical part for you so that you instead can focus on what is important to you, such as your website.</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/en/hosting/"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Web hosting packages
                    </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://kunskap.websupport.se/en/kb/migration-tool/"
                                              target="_blank"
                        rel="noopener noreferrer"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Move to Websupport
                    </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/website-builder/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Website Builder
          </a>
        
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/email/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Email
          </a>
        
              </li>
          
      <li class="primary-nav__item js-navigation-item  xl:mr-0 lg:mr-0 md:mr-0 mr-0 border-transparent relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/businessmail/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Business Mail
          </a>
        
              </li>
      </ul>
</nav>
              </div>

              <div class="absolute right-0 ml-auto flex h-full flex-initial lg:relative lg:h-auto">
                <nav class="primary-nav-right flex">
    <ul class="flex">
      <li class='flex'>        <button class="lgpi_cart_toggle_button hover:text-navy-m2 dark:hover:text-white primary-nav-right__link text-navy dark:text-white flex items-center transition" aria-expanded="false" title="Open shopping cart">
							Cart <span class="lgpi_cart_button_amount_container"><span class="cart-icon"></span></span>
					</button>
    </li>    </ul>
  </nav>
              </div>
            
                      </div>
        </div>
      </div>
    </header>

    
          <div class="js-header-mobile-main-nav relative overflow-hidden transition-all lg:hidden">
        <div class="bg-navy -mt-1 flex h-10 flex-auto border-b border-solid border-navy-m4 dark:border-navy-m1 lg:border-0">
          <div class="container mx-auto px-4">
            <div class="js-header-mobile-main-nav-container relative flex h-full w-full overflow-auto scrollbar-hide">
              <div class="absolute flex h-full w-auto items-stretch overflow-hidden pr-1">
                <nav class="primary-nav js-navigation flex w-full">
  <ul class="flex">
          
      <li class="primary-nav__item js-navigation-item  xl:ml-0 lg:ml-0 md:ml-0 ml-0 border-transparent primary-nav__item--has-sub-menu relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/wordpress/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Create website
          </a>
        
                  <div class="megamenu js-navigation-submenu  fixed z-30 -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      stroke="none"
      fill="transparent"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Create website</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">Get started with your own website using the world’s most popular website tool.</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/en/wordpress/"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Website with WordPress
                    </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/en/woocommerce/"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      E-commerce with WooCommerce
                    </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/domains/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Domain
          </a>
        
                  <div class="megamenu js-navigation-submenu  fixed z-30 -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      stroke="none"
      fill="transparent"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Domain names</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">A domain name is the foundation for your online presence and is used, among other things, to your website’s address (www.___.com) or at the end of your email address (eg info@___.com).</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/en/domains/"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Register domains
                    </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/en/domains/domain-services/"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      DNS & Domain services
                    </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/hosting/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Web hosting
          </a>
        
                  <div class="megamenu js-navigation-submenu  fixed z-30 -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      stroke="none"
      fill="transparent"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Web hosting</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">A perfect solution for you who want us to take care of the technical part for you so that you instead can focus on what is important to you, such as your website.</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/en/hosting/"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Web hosting packages
                    </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://kunskap.websupport.se/en/kb/migration-tool/"
                                              target="_blank"
                        rel="noopener noreferrer"
                                            class="megamenu__second-col-list-item-link text-secondary text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Move to Websupport
                    </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/website-builder/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Website Builder
          </a>
        
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/email/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Email
          </a>
        
              </li>
          
      <li class="primary-nav__item js-navigation-item  xl:mr-0 lg:mr-0 md:mr-0 mr-0 border-transparent relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <a
            href="https://websupport.se/en/businessmail/"
                        class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
          >
            Business Mail
          </a>
        
              </li>
      </ul>
</nav>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>

  
      <div class="mobile-nav z-100 js-mobile-nav fixed top-0 block h-full w-full transition lg:hidden">
  
  <button
  class="nav-toggle-btn js-toggle-nav"
  title="Toggle Navigation"
>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--1"></span>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--2"></span>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--3"></span>
</button>

  <div class="mobile-nav__wrap flex h-full flex-col bg-white pt-9 dark:bg-navy-p2">
    <div class="flex h-full flex-col overflow-hidden overflow-y-auto px-6 pb-7 pt-8">
              <nav class="mb-18">
          <ul>
                          <li class="js-nav-toggle-item  mb-6 ">
                <a
                  href="https://websupport.se/en/wordpress/"
                                    class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                >
                  Create website
                </a>

                                  
                  <div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                href="https://websupport.se/en/wordpress/"
                                                                class="text-navy text-p dark:text-white"
                              >
                                Website with WordPress
                              </a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                href="https://websupport.se/en/woocommerce/"
                                                                class="text-navy text-p dark:text-white"
                              >
                                E-commerce with WooCommerce
                              </a>
                            </li>
                                                  </ul>

                                                  <div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">Get started with your own website using the world’s most popular website tool.</p>
                      
                                          </div>
                  </div>
                              </li>
                          <li class="js-nav-toggle-item  mb-6 ">
                <a
                  href="https://websupport.se/en/domains/"
                                    class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                >
                  Domain
                </a>

                                  
                  <div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                href="https://websupport.se/en/domains/"
                                                                class="text-navy text-p dark:text-white"
                              >
                                Register domains
                              </a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                href="https://websupport.se/en/domains/domain-services/"
                                                                class="text-navy text-p dark:text-white"
                              >
                                DNS & Domain services
                              </a>
                            </li>
                                                  </ul>

                                                  <div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">A domain name is the foundation for your online presence and is used, among other things, to your website’s address (www.___.com) or at the end of your email address (eg info@___.com).</p>
                      
                                          </div>
                  </div>
                              </li>
                          <li class="js-nav-toggle-item  mb-6 ">
                <a
                  href="https://websupport.se/en/hosting/"
                                    class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                >
                  Web hosting
                </a>

                                  
                  <div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                href="https://websupport.se/en/hosting/"
                                                                class="text-navy text-p dark:text-white"
                              >
                                Web hosting packages
                              </a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                href="https://kunskap.websupport.se/en/kb/migration-tool/"
                                                                  target="_blank"
                                  rel="noopener noreferrer"
                                                                class="text-navy text-p dark:text-white"
                              >
                                Move to Websupport
                              </a>
                            </li>
                                                  </ul>

                                                  <div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">A perfect solution for you who want us to take care of the technical part for you so that you instead can focus on what is important to you, such as your website.</p>
                      
                                          </div>
                  </div>
                              </li>
                          <li class="  mb-6 ">
                <a
                  href="https://websupport.se/en/website-builder/"
                                    class="mobile-nav__link font-black  text-navy transition text-h6 dark:text-white"
                >
                  Website Builder
                </a>

                              </li>
                          <li class="  mb-6 ">
                <a
                  href="https://websupport.se/en/email/"
                                    class="mobile-nav__link font-black  text-navy transition text-h6 dark:text-white"
                >
                  Email
                </a>

                              </li>
                          <li class=" ">
                <a
                  href="https://websupport.se/en/businessmail/"
                                    class="mobile-nav__link font-black  text-navy transition text-h6 dark:text-white"
                >
                  Business Mail
                </a>

                              </li>
                      </ul>
        </nav>
      
              <nav>
          <ul>
                          <li class=" mb-4 ">
                <a
                  href="https://websupport.se/en/support/"
                                    class="text-secondary text-navy-m2 text-small dark:text-navy-m4"
                >
                  Support
                </a>
              </li>
                          <li class="">
                <a
                  href="https://webmail.websupport.se/"
                                    class="text-secondary text-navy-m2 text-small dark:text-navy-m4"
                >
                  Webmail
                </a>
              </li>
            
            <li class="js-nav-toggle-item mobile-nav__login mt-3">
              <div class="relative mb-2 flex cursor-pointer items-center">
                <svg class="svg-icon svg-icon dark:text-white inline text-navy w-4 h-4 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 16c-3.57 0-5.672.687-5.965 1.74A8.966 8.966 0 0 0 12 21a8.966 8.966 0 0 0 5.964-2.26C17.672 17.687 15.569 17 12 17zm0-14a9 9 0 0 0-7.4 14.125C5.728 15.638 8.372 15 12 15c3.629 0 6.273.638 7.4 2.124A9 9 0 0 0 12 3zm0 3c2.414 0 4 1.922 4 4.2 0 3.28-1.782 4.8-4 4.8-2.24 0-4-1.573-4-5 0-2.244 1.58-4 4-4zm0 2c-1.266 0-2 .816-2 2 0 2.27.818 3 2 3 1.178 0 2-.702 2-2.8 0-1.25-.784-2.2-2-2.2z" fill-rule="evenodd"/>
</svg>                <span class="top-bar-link text-secondary px-2 text-navy transition hover:text-black dark:text-white dark:hover:text-white"><a
                    href="#"
                    class="mobile-nav__user-name js-nav-toggle-item-link block py-2"
                  >Login</a></span>
              </div>

                              <ul class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                                                                                    <li class="w-full">
                          <a
                            href="https://admin.websupport.se/sv/user/update/{user_id}"
                            class="top-bar-link text-secondary lgpi_user_acc_settings_link block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                          >
                            Account settings
                          </a>
                        </li>
                                                                                                                              <li class="w-full">
                          <a
                            href="https://admin.websupport.se/sv/dashboard"
                            class="top-bar-link text-secondary  block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                          >
                            My services
                          </a>
                        </li>
                                              <li class="w-full">
                          <a
                            href="https://admin.websupport.se/sv/invoice"
                            class="top-bar-link text-secondary  block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                          >
                            Invoices overview
                          </a>
                        </li>
                                              <li class="w-full">
                          <a
                            href="cart/logout"
                            class="top-bar-link text-secondary lgpi_logout_button_link block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                          >
                            Log out
                          </a>
                        </li>
                                                                            </ul>
                          </li>
          </ul>
        </nav>
          </div>

          <nav class="mobile-nav__main-category relative flex flex-row flex-wrap bg-white px-6 dark:bg-navy-p2">
        <ul class="flex w-full border-t border-solid border-navy border-navy-m5 dark:border-navy-m1">
                      <li class="w-1/2">
              <a
                href="https://websupport.se/en/sustainability/"
                                class="border-gem text-gem dark:text-gem-neon block border-t-4 px-2 py-4 pl-1 text-btn"
              >
                🌱 Green, Greener, Websupport - Read more about how we have become even more sustainable!
              </a>
            </li>
                  </ul>
      </nav>
      </div>
</div>
  </div>

<main class="main">
    <section
  id="page-hero"
  class="hero dark"
>
  <div class="bg-gradient-to-b from-navy-m5 to-white pb-10 dark:from-navy-p1 dark:to-navy">
    <div
      class="hero__container  max-w-screen-2xl xl:pl-24 lg:px-6 xl:px-12 md:px-8  container relative mx-auto px-4"
    >
      <div class="hero__container-inner flex flex-col flex-wrap md:flex-row">
        <div
          class="hero__content-wrap  z-20 flex w-full flex-col pb-0 pt-8 md:justify-center md:pb-8"
        >
          
                      <div class="hero__content  flex flex-col justify-center">
              <h1 class=" highlight-text--king text-navy text-h1 dark:text-white">Create your own website quickly and easily</h1>

  <div class="block-content format-paragraph mt-2 text-navy-m1 dark:text-white xl:mt-6">
    <p>Create your own website for yourself or your company without prior knowledge. Order a domain and a web hosting package – we take care of the technical parts.</p>

  </div>
            </div>
          
                      <div class="hero__domain-search mt-8 md:mt-10 xl:mt-14">
              <form role="search" action="https://websupport.se/en/cart/domain-checker" method="get">
    <div class="relative flex overflow-hidden rounded-2 dark:border-0 md:rounded">
    <div
      class="absolute hidden h-full items-center justify-center border-r-2 bg-gradient-to-l from-navy-m5 to-white px-8 py-7 font-primary text-black text-h5 md:flex lg:px-11 xl:px-8"
    >
      www.
    </div>

    <div class="gfield domain-form__input-container w-full">
      <input
        type="text"
        placeholder=" "
        name="qd"
        class="js-domain-form__input domain-form__input  h-13 w-full pl-4 pr-13 focus:outline-none md:h-21 md:pl-37 md:pr-24 lg:h-24 lg:pl-52 xl:pl-45"
      >
      <label
        class="domain-form__input--placeholder absolute left-0 top-0 flex h-full w-full items-center justify-start pl-4 pr-13 font-primary text-navy-m3 md:pl-37 md:pr-24 lg:pl-52 xl:pl-45"
      >
        <div class="mt-1 overflow-hidden">Find your unique domain</div>
      </label>
    </div>

    <div class="absolute right-0 top-0 z-10 flex h-full w-13 p-1 md:w-24 lg:p-2">
      <button
        class="domain-form__btn  flex h-full w-full items-center justify-center rounded-2 bg-brick lg:rounded"
        type="submit"
        title="Search"
      >
        <svg class="svg-icon domain-form__btn-icon text-white fill-white inline-block w-4 h-4 md:w-9 md:h-9 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M10 2a8 8 0 0 1 6.32 12.905l5.387 5.388-1.414 1.414-5.388-5.386A8 8 0 1 1 10 2zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12z" fill-rule="evenodd"/>
</svg>      </button>
    </div>
  </div>

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

                  <div class="z-10 hidden flex-col md:flex">
            <div class="hero-bg">
              <div class="hero-bg__triangle-big absolute top-0 flex h-full w-1/2 items-start justify-end overflow-hidden pt-10 lg:pb-44">
          <svg class="svg-icon text-navy-p1 fill-navy-p1 inline-block fill-current max-w-full max-h-full w-auto h-auto" width="860" height="786" viewBox="0 0 860 786" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m592.909 462.155-81.201-187.376a40.45 40.45 0 0 0-37.396-24.979c-16.36 0-30.564 9.77-37.431 24.979L355.74 462.155l-81.176-187.376c-6.337-15.209-21.083-24.979-37.408-24.979-16.348 0-30.564 9.77-37.432 24.979l-81.128 187.376-81.2-187.376A40.438 40.438 0 0 0 0 249.8v61.379l79.562 180.3c7.41 16.301 22.156 25.512 39.034 25.512 16.855 0 31.625-9.211 38.962-25.512l79.598-180.3 79.562 180.3c7.41 16.301 22.168 25.512 39.022 25.512 16.867 0 31.625-9.211 38.974-25.512l79.598-180.3 79.563 180.3c7.409 16.301 22.155 25.512 39.034 25.512 16.854 0 31.612-9.211 38.973-25.512l79.575-180.3V249.8c-16.337 0-30.565 9.77-37.42 24.979l-81.128 187.376zm0 268.773-81.201-187.377a40.452 40.452 0 0 0-37.396-24.979c-16.36 0-30.564 9.771-37.431 24.979L355.74 730.928l-81.176-187.377c-6.337-15.208-21.083-24.979-37.408-24.979-16.348 0-30.564 9.771-37.432 24.979l-81.128 187.377-81.2-187.377A40.44 40.44 0 0 0 0 518.572v61.379l79.562 180.301c7.41 16.3 22.156 25.512 39.034 25.512 16.855 0 31.625-9.212 38.962-25.512l79.598-180.301 79.562 180.301c7.41 16.3 22.168 25.512 39.022 25.512 16.867 0 31.625-9.212 38.974-25.512l79.598-180.301 79.563 180.301c7.409 16.3 22.155 25.512 39.034 25.512 16.854 0 31.612-9.212 38.973-25.512l79.575-180.301v-61.379c-16.337 0-30.565 9.771-37.42 24.979l-81.128 187.377zm0-518.585L511.708 24.979A40.45 40.45 0 0 0 474.312 0c-16.36 0-30.564 9.77-37.431 24.979L355.74 212.343 274.564 24.979C268.227 9.77 253.481 0 237.156 0c-16.348 0-30.564 9.77-37.432 24.979l-81.128 187.364-81.2-187.364A40.439 40.439 0 0 0 0 0v61.379l79.562 180.3c7.41 16.288 22.156 25.512 39.034 25.512 16.855 0 31.625-9.224 38.962-25.512l79.598-180.3 79.562 180.3c7.41 16.288 22.168 25.512 39.022 25.512 16.867 0 31.625-9.224 38.974-25.512l79.598-180.3 79.563 180.3c7.409 16.288 22.155 25.512 39.034 25.512 16.854 0 31.612-9.224 38.973-25.512l79.575-180.3V0c-16.337 0-30.565 9.77-37.42 24.979l-81.128 187.364z" fill="#1E262D"/>
    <path fill-rule="evenodd" clip-rule="evenodd" d="m1303.91 462.155-81.2-187.376a40.455 40.455 0 0 0-37.4-24.979c-16.36 0-30.56 9.77-37.43 24.979l-81.14 187.376-81.176-187.376c-6.337-15.209-21.083-24.979-37.408-24.979-16.348 0-30.564 9.77-37.432 24.979l-81.128 187.376-81.2-187.376A40.439 40.439 0 0 0 711 249.8v61.379l79.562 180.3c7.409 16.301 22.156 25.512 39.034 25.512 16.855 0 31.625-9.211 38.962-25.512l79.598-180.3 79.564 180.3c7.41 16.301 22.17 25.512 39.02 25.512 16.87 0 31.63-9.211 38.97-25.512l79.6-180.3 79.56 180.3c7.41 16.301 22.16 25.512 39.04 25.512 16.85 0 31.61-9.211 38.97-25.512l79.58-180.3V249.8c-16.34 0-30.57 9.77-37.42 24.979l-81.13 187.376zm0 268.773-81.2-187.377a40.457 40.457 0 0 0-37.4-24.979c-16.36 0-30.56 9.771-37.43 24.979l-81.14 187.377-81.176-187.377c-6.337-15.208-21.083-24.979-37.408-24.979-16.348 0-30.564 9.771-37.432 24.979l-81.128 187.377-81.2-187.377A40.44 40.44 0 0 0 711 518.572v61.379l79.562 180.301c7.409 16.3 22.156 25.512 39.034 25.512 16.855 0 31.625-9.212 38.962-25.512l79.598-180.301 79.564 180.301c7.41 16.3 22.17 25.512 39.02 25.512 16.87 0 31.63-9.212 38.97-25.512l79.6-180.301 79.56 180.301c7.41 16.3 22.16 25.512 39.04 25.512 16.85 0 31.61-9.212 38.97-25.512l79.58-180.301v-61.379c-16.34 0-30.57 9.771-37.42 24.979l-81.13 187.377zm0-518.585-81.2-187.364A40.456 40.456 0 0 0 1185.31 0c-16.36 0-30.56 9.77-37.43 24.979l-81.14 187.364-81.176-187.364C979.227 9.77 964.481 0 948.156 0c-16.348 0-30.564 9.77-37.432 24.979l-81.128 187.364-81.2-187.364A40.44 40.44 0 0 0 711 0v61.379l79.562 180.3c7.409 16.288 22.156 25.512 39.034 25.512 16.855 0 31.625-9.224 38.962-25.512l79.598-180.3 79.564 180.3c7.41 16.288 22.17 25.512 39.02 25.512 16.87 0 31.63-9.224 38.97-25.512l79.6-180.3 79.56 180.3c7.41 16.288 22.16 25.512 39.04 25.512 16.85 0 31.61-9.224 38.97-25.512l79.58-180.3V0c-16.34 0-30.57 9.77-37.42 24.979l-81.13 187.364z" fill="#1E262D"/>
</svg>        </div>
        
      <div class="hero-bg__image-wrapper  absolute h-full">
      
      

      
      
      

      <picture>
        <source
          srcset="
              
              https://www.websupport.cz/app/uploads/sites/6/bis-images/24650/Ahoj-4-0x1020.png
            "
          media="(min-width: 1288px)"
        />
        <source
          srcset="
              
              https://www.websupport.cz/app/uploads/sites/6/bis-images/24650/Ahoj-4-0x635.png
            "
          media="(min-width: 1024px)"
        />
        <source
          srcset="
              https://www.websupport.cz/app/uploads/sites/6/bis-images/24650/Ahoj-4-0x470.png
            "
          media="(min-width: 768px)"
        />
        <img
          width="382"
          height="470"
          src="https://www.websupport.cz/app/uploads/sites/6/bis-images/24650/Ahoj-4-0x470.png"
          alt=""
          class="no-lazy ml-auto h-full w-auto object-cover"
        />
      </picture>
      
    </div>
  </div>
          </div>
              </div>

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

          <section
  
  class="pt-16 pb-16 dark from-navy to-navy-p1 bg-gradient-to-b relative"
>
      <svg class="svg-icon server-segments__pattern hidden xl:block z-10 absolute -right-28 2xl:right-0 fill-current text-brick" viewBox="0 0 386 168" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M253.941 17.1451L279.329 75.7302C281.303 80.4852 285.921 83.54 291.021 83.54C296.136 83.54 300.577 80.4852 302.724 75.7302L328.094 17.1451L353.474 75.7302C355.456 80.4852 360.066 83.54 365.17 83.54C370.282 83.54 374.726 80.4852 376.874 75.7302L402.239 17.1451L427.627 75.7302C429.601 80.4852 434.215 83.54 439.319 83.54V64.3494L414.443 7.97675C412.127 2.8802 407.516 4.57764e-05 402.239 4.57764e-05C396.969 4.57764e-05 392.351 2.8802 390.057 7.97675L365.17 64.3494L340.294 7.97675C337.978 2.8802 333.363 4.57764e-05 328.094 4.57764e-05C322.82 4.57764e-05 318.206 2.8802 315.908 7.97675L291.021 64.3494L266.145 7.97675C263.829 2.8802 259.218 4.57764e-05 253.941 4.57764e-05C248.671 4.57764e-05 244.057 2.8802 241.755 7.97675L216.876 64.3494V83.54C221.983 83.54 226.432 80.4852 228.575 75.7302L253.941 17.1451ZM37.0653 100.684L62.4534 159.269C64.4272 164.024 69.0453 167.079 74.1455 167.079C79.2608 167.079 83.7019 164.024 85.8489 159.269L111.218 100.684L136.599 159.269C138.58 164.024 143.191 167.079 148.295 167.079C153.406 167.079 157.851 164.024 159.998 159.269L185.364 100.684L210.752 159.269C212.726 164.024 217.34 167.079 222.444 167.079V147.888L197.568 91.5158C195.251 86.4193 190.641 83.5391 185.364 83.5391C180.094 83.5391 175.476 86.4193 173.182 91.5158L148.295 147.888L123.419 91.5158C121.102 86.4193 116.488 83.5391 111.218 83.5391C105.945 83.5391 101.33 86.4193 99.0327 91.5158L74.1455 147.888L49.2697 91.5158C46.9531 86.4193 42.3426 83.5391 37.0653 83.5391C31.7956 83.5391 27.1812 86.4193 24.8797 91.5158L0.00012207 147.888V167.079C5.10788 167.079 9.55646 164.024 11.6998 159.269L37.0653 100.684ZM259.509 100.688L284.897 159.269C286.871 164.024 291.489 167.079 296.589 167.079C301.705 167.079 306.146 164.024 308.293 159.269L333.662 100.688L359.043 159.269C361.024 164.024 365.635 167.079 370.739 167.079C375.85 167.079 380.295 164.024 382.442 159.269L407.807 100.688L433.196 159.269C435.169 164.024 439.784 167.079 444.888 167.079V147.888L420.012 91.5158C417.695 86.4231 413.085 83.5391 407.807 83.5391C402.538 83.5391 397.92 86.4231 395.626 91.5158L370.739 147.888L345.863 91.5158C343.546 86.4231 338.932 83.5391 333.662 83.5391C328.389 83.5391 323.774 86.4231 321.476 91.5158L296.589 147.888L271.713 91.5158C269.397 86.4231 264.786 83.5391 259.509 83.5391C254.239 83.5391 249.625 86.4231 247.324 91.5158L222.444 147.888V167.079C227.552 167.079 232 164.024 234.144 159.269L259.509 100.688Z" />
</svg>  
  <div
    class="js-server-segments server-segments v1  container relative mx-auto flex grid grid-cols-12 flex-col gap-6 overflow-visible lg:flex-row"
  >

    <div class="col-span-5 flex hidden items-center justify-end md:flex">
      
              
        <img decoding="async"
          alt="Mascot thumbs up"
          class="server-segments__mascot absolute z-10"
          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20900%20904'%3E%3C/svg%3E"
         
          width="900"
          height="904"
        data-lazy-src="/app/uploads/sites/6/2022/03/Numbers.png" ><noscript><img decoding="async"
          alt="Mascot thumbs up"
          class="server-segments__mascot absolute z-10"
          src="/app/uploads/sites/6/2022/03/Numbers.png"
          loading="lazy"
          width="900"
          height="904"
        ></noscript>
          </div>

    <div class="js-server-segments__wrapper col-span-12 flex flex-1 flex-col justify-center md:col-span-7">
      <div class="relative">
        <div class="js-server-segments__content server-segments__content relative z-20 w-full">
          
                      <h2 class="server-segments__title mb-6 block w-full text-h2 dark:text-white md:mb-4">We have everything you need to get started with a website and e-mail</h2>
          
                  </div>
      </div>

      <div class="js-server-segments__slider-container">
        <div class="js-server-segments__slider server-segments__slider swiper-container relative w-full lg:absolute lg:-left-3">
          <div class="swiper-wrapper relative z-20 flex h-full w-full">
                                          <div
                  class="box swiper-slide  odd  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="01"
                    class="box__inner  dark:bg-navy  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">WordPress</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p>Create your own website quickly and easily.</p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a
  href="https://websupport.se/en/wordpress/"
    class="button button--p-large button--text-large button--color-transparent"
>
  Read more
</a>
                      </div>
                    
                                      </div>
                </div>
                              <div
                  class="box swiper-slide  even  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="02"
                    class="box__inner  dark:bg-navy-m1  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">Domain names</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;It all begins with a domain.&quot;}" data-sheets-userformat="{&quot;2&quot;:15233,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:[null,2,0],&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:8}">Register your own www.___.com</span></p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a
  href="https://websupport.se/en/domains/"
    class="button button--p-large button--text-large button--color-transparent"
>
  Read more
</a>
                      </div>
                    
                                      </div>
                </div>
                              <div
                  class="box swiper-slide  odd  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="03"
                    class="box__inner  dark:bg-navy  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">Web hosting</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p>All you need for domain, email, website and e-commerce.</p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a
  href="https://websupport.se/en/hosting/"
    class="button button--p-large button--text-large button--color-transparent"
>
  Read more
</a>
                      </div>
                    
                                      </div>
                </div>
                              <div
                  class="box swiper-slide  even  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="04"
                    class="box__inner  dark:bg-navy-m1  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">Email</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p>Create all the email addresses you need.</p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a
  href="https://websupport.se/en/email/"
    class="button button--p-large button--text-large button--color-transparent"
>
  Read more
</a>
                      </div>
                    
                                      </div>
                </div>
                                    </div>
        </div>
      </div>

      <div class="z-20 -mx-3 mt-1 select-none">
        <div class="js-server-segments__prev inline-block cursor-pointer p-3 text-navy-m4 hover:text-king dark:text-navy-m1 dark:hover:text-navy-m4">
          <svg class="svg-icon fill-current" width="29" height="42" xmlns="http://www.w3.org/2000/svg">
  <path d="m26.87 3.859.097.09.196.193a7.66 7.66 0 0 1 .056 10.638l-5.937 6.219 6.027 6.318a7.66 7.66 0 0 1-.438 10.824l-.148.133a7.602 7.602 0 0 1-10.727-.715l-13.912-15.9a1 1 0 0 1 0-1.318l13.912-15.9a7.602 7.602 0 0 1 10.875-.582zm-9.27 1.79-.098.11-13.336 15.24 13.336 15.243a5.602 5.602 0 0 0 7.713.687l.191-.16.11-.098a5.66 5.66 0 0 0 .49-7.81l-.234-.26-6.597-6.91a1 1 0 0 1 0-1.381l6.597-6.911a5.66 5.66 0 0 0-.007-7.825l-.25-.245a5.602 5.602 0 0 0-7.916.32z" fill-rule="evenodd"/>
</svg>        </div>

        <div class="js-server-segments__next inline-block cursor-pointer p-3 text-navy-m4 hover:text-king dark:text-navy-m1 dark:hover:text-navy-m4">
          <svg class="svg-icon fill-current" width="29" height="42" xmlns="http://www.w3.org/2000/svg">
  <path d="m4.304 3.859-.097.09-.195.193a7.66 7.66 0 0 0-.056 10.638l5.937 6.219-6.028 6.318a7.66 7.66 0 0 0 .439 10.824l.147.133a7.602 7.602 0 0 0 10.727-.715l13.913-15.9a1 1 0 0 0 0-1.318l-13.913-15.9A7.602 7.602 0 0 0 4.304 3.86zm9.271 1.79.098.11 13.336 15.24-13.336 15.243a5.602 5.602 0 0 1-7.713.687l-.192-.16a5.66 5.66 0 0 1-.6-7.907l.234-.26L12 21.69a1 1 0 0 0 0-1.38l-6.597-6.911a5.66 5.66 0 0 1 .008-7.825l.25-.245a5.602 5.602 0 0 1 7.915.32z" fill-rule="evenodd"/>
</svg>        </div>
      </div>
    </div>
  </div>
</section>


<section
  
  class="two-col-content-shape pt-16 pb-16 dark from-navy-p1 to-navy bg-gradient-to-b overflow-hidden"
>
  <div class=" md:grid-cols-12  container grid grid-cols-1 gap-x-8">
          <div class=" md:col-span-7  relative">
        <div class="two-col-content-shape__image-wrapper two-col-content-shape__shape-height-small overflow-hidden">
          <div class="left-0 md:left-16 two-col-content-shape__image-wrapper-width relative md:absolute">
            <picture>
              
              <source
                srcset="
                  https://www.websupport.cz/app/uploads/sites/6/bis-images/30059/BUSINESS-MAIL_1200x1200-1-1095x922.png 2x,
                  https://www.websupport.cz/app/uploads/sites/6/bis-images/30059/BUSINESS-MAIL_1200x1200-1-730x615.png
                "
                media="(min-width: 480px)"
              />
              
              <img decoding="async"
                src="https://www.websupport.cz/app/uploads/sites/6/bis-images/30059/BUSINESS-MAIL_1200x1200-1-480x420.png"
                width="420"
                height="420"
                alt=""
                class="two-col-content-shape__image  two-col-content-shape__shape-height-small w-auto"
                loading="lazy"
              />
            </picture>
          </div>
        </div>
      </div>
    
    <div class=" md:col-span-5   md:order-first  mb-auto mt-8 md:mt-auto">
      <p class="mb-2 text-navy-m3 text-caption">NEW!</p>

  <h2 class="text-h4 text-h2 dark:text-white">Professional email with Business Mail</h2>

  <div class="block-content format-paragraph dark:text-navy-m3 mt-8 text-p">
    <p class="homepage__text homepage__text--black">Do you want to be able to manage email and other business functions in one place so you can focus on the important things instead? Business Mail opens the door to your new virtual office!</p>

  </div>

  <div class="mt-16">
    <a
  href="https://websupport.se/en/businessmail/"
    class="button button--p-large button--text-large button--color-transparent"
>
  Read more about Business Mail
</a>
  </div>
    </div>
  </div>
</section>


<section
  
  class="two-col-content-shape pt-16 pb-16 dark from-navy to-navy-p1 bg-gradient-to-b overflow-hidden"
>
  <div class=" md:grid-cols-12  container grid grid-cols-1 gap-x-8">
          <div class=" md:col-span-7  relative">
        <div class="two-col-content-shape__image-wrapper two-col-content-shape__shape-height-small overflow-hidden">
          <div class="right-0 md:right-16 flex flex-row-reverse two-col-content-shape__image-wrapper-width relative md:absolute">
            <picture>
              
              <source
                srcset="
                  https://www.websupport.cz/app/uploads/sites/6/bis-images/26385/Hero-1095x922.png 2x,
                  https://www.websupport.cz/app/uploads/sites/6/bis-images/26385/Hero-730x615.png
                "
                media="(min-width: 480px)"
              />
              
              <img decoding="async"
                src="https://www.websupport.cz/app/uploads/sites/6/bis-images/26385/Hero-480x420.png"
                width="480"
                height="413"
                alt=""
                class="two-col-content-shape__image text-right two-col-content-shape__shape-height-small w-auto"
                loading="lazy"
              />
            </picture>
          </div>
        </div>
      </div>
    
    <div class=" md:col-span-5   mb-auto mt-8 md:mt-auto">
      <h2 class="text-h4 text-h2 dark:text-white">Move your website to Websupport</h2>

  <div class="block-content format-paragraph dark:text-navy-m3 mt-8 text-p">
    <p class="homepage__text homepage__text--black">Move your website and email to Websupport by following our simple step-by-step-guide.</p>

  </div>

  <div class="mt-16">
    <a
  href="https://kunskap.websupport.se/en/kb/migration-tool/"
    class="button button--p-large button--text-large button--color-transparent"
>
  How to move to Websupport
</a>
  </div>
    </div>
  </div>
</section>


<section
  
  class="map pt-16 pb-16 dark bg-navy-p1 relative"
>
  <div class="js-map__container-wrap map__container-wrap relative overflow-hidden">
          <svg class="svg-icon map__pattern absolute hidden lg:block z-10" width="376" height="413" viewBox="0 0 376 413" xmlns="http://www.w3.org/2000/svg">
    <path d="m313.348 239.473-42.914-97.478C267.098 134.083 259.292 129 250.671 129c-8.647 0-16.153 5.083-19.783 12.995l-42.882 97.478-42.9-97.478c-3.35-7.912-11.143-12.995-19.77-12.995-8.64 0-16.154 5.083-19.783 12.995l-42.876 97.478-42.914-97.478C16.427 134.083 8.627 129 0 129v31.93l42.048 93.798C45.964 263.208 53.757 268 62.678 268c8.907 0 16.713-4.792 20.59-13.272l42.067-93.797 42.048 93.797C171.3 263.208 179.1 268 188.006 268c8.914 0 16.714-4.792 20.598-13.272l42.067-93.797 42.048 93.797c3.916 8.48 11.709 13.272 20.63 13.272 8.907 0 16.706-4.792 20.597-13.272L376 160.93V129c-8.634 0-16.153 5.083-19.776 12.995l-42.876 97.478zm0 145-42.914-97.478C267.098 279.083 259.292 274 250.671 274c-8.647 0-16.153 5.083-19.783 12.995l-42.882 97.478-42.9-97.478c-3.35-7.912-11.143-12.995-19.77-12.995-8.64 0-16.154 5.083-19.783 12.995l-42.876 97.478-42.914-97.478C16.427 279.083 8.627 274 0 274v31.93l42.048 93.798C45.964 408.208 53.757 413 62.678 413c8.907 0 16.713-4.792 20.59-13.272l42.067-93.797 42.048 93.797C171.3 408.208 179.1 413 188.006 413c8.914 0 16.714-4.792 20.598-13.272l42.067-93.797 42.048 93.797c3.916 8.48 11.709 13.272 20.63 13.272 8.907 0 16.706-4.792 20.597-13.272L376 305.93V274c-8.634 0-16.153 5.083-19.776 12.995l-42.876 97.478zm0-274.007-42.914-97.471C267.098 5.083 259.292 0 250.671 0c-8.647 0-16.153 5.083-19.783 12.995l-42.882 97.471-42.9-97.471C141.755 5.083 133.962 0 125.335 0c-8.64 0-16.154 5.083-19.783 12.995l-42.876 97.471-42.914-97.471C16.427 5.083 8.627 0 0 0v31.93l42.048 93.798C45.964 134.2 53.757 139 62.678 139c8.907 0 16.713-4.799 20.59-13.272l42.067-93.797 42.048 93.797C171.3 134.2 179.1 139 188.006 139c8.914 0 16.714-4.799 20.598-13.272L250.67 31.93l42.048 93.797C296.635 134.2 304.428 139 313.349 139c8.907 0 16.706-4.799 20.597-13.272L376 31.93V0c-8.634 0-16.153 5.083-19.776 12.995l-42.876 97.471z" fill="#DD5656" fill-rule="evenodd"/>
</svg>        <div class="container relative mx-auto max-w-full 3xl:max-w-screen-2xl">

      <div class="js-map__content map__content z-10 text-white xl:absolute">
        <h2 class="map__text-shadow mb-4 text-navy text-h2 dark:text-white">One of Scandinavia’s largest web hosting providers</h2>
        <p class="map__text-shadow text-navy-m2 text-p dark:text-navy-m4">As a customer of ours, you are in good company. As part of the Loopia Group, we help more than 550,000 customers succeed online.

</p>
      </div>

      <div class="map__image-wrap relative">
        
        <img decoding="async"
          width="1450"
          height="1402"
          class="map__image no-lazy"
          src="https://www.websupport.cz/app/themes/websupport/dist/images/svg/graphics/Europe-Dot-Map.svg?a4842f85057678f4431830e7c6e88ba9"
          alt="Map"
          loading="lazy"
        >

                  <div
            class="map__point map__point-slovakia  absolute left-0 top-0 z-10 rounded-full bg-brick-neon"
            data-city="Slovakia"
          >
            <div class="relative">
                          </div>

          </div>
                  <div
            class="map__point map__point-czechia  absolute left-0 top-0 z-10 rounded-full bg-brick-neon"
            data-city="Czechia"
          >
            <div class="relative">
                          </div>

          </div>
                  <div
            class="map__point map__point-hungary  absolute left-0 top-0 z-10 rounded-full bg-brick-neon"
            data-city="Hungary"
          >
            <div class="relative">
                          </div>

          </div>
                  <div
            class="map__point map__point-finland  absolute left-0 top-0 z-10 rounded-full bg-brick-neon"
            data-city="Finland"
          >
            <div class="relative">
                          </div>

          </div>
                  <div
            class="map__point map__point-sweden  is-active  absolute left-0 top-0 z-10 rounded-full bg-brick-neon"
            data-city="Sweden"
          >
            <div class="relative">
                              <div class="map__radius map__radius-large absolute z-10 rounded-full opacity-5"></div>
                <div class="map__radius map__radius-medium absolute z-10 rounded-full opacity-5"></div>
                <div class="map__radius map__radius-small absolute z-10 rounded-full opacity-5"></div>
                          </div>

          </div>
              </div>

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


<section
  
  class="need-help-with-photo v1 pt-16 pb-16 dark bg-navy-p1"
>
  <div class="container grid grid-cols-1 gap-x-8 md:grid-cols-2">
    <div class="flex items-center justify-center">
      <div class="relative flex-1">
        
          
          
          <div class="relative flex-1">
            <picture>
              
              <source
                data-lazy-srcset="
                  https://www.websupport.cz/app/uploads/sites/6/bis-images/16589/Vztah-wBG-900x900.png 2x,
                  https://www.websupport.cz/app/uploads/sites/6/bis-images/16589/Vztah-wBG-613x613.png
                "
                media="(min-width: 480px)"
              />
              
              <img decoding="async"
                width="414"
                height="460"
                src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20414%20460'%3E%3C/svg%3E"
                data-lazy-srcset="
                  https://www.websupport.cz/app/uploads/sites/6/bis-images/16589/Vztah-wBG-613x613.png 2x,
                  https://www.websupport.cz/app/uploads/sites/6/bis-images/16589/Vztah-wBG-460x460.png
                "
                alt=""
                class="w-full sm:px-12 md:w-auto md:px-0"
               
              data-lazy-src="https://www.websupport.cz/app/uploads/sites/6/bis-images/16589/Vztah-wBG-460x460.png" /><noscript><img decoding="async"
                width="414"
                height="460"
                src="https://www.websupport.cz/app/uploads/sites/6/bis-images/16589/Vztah-wBG-460x460.png"
                srcset="
                  https://www.websupport.cz/app/uploads/sites/6/bis-images/16589/Vztah-wBG-613x613.png 2x,
                  https://www.websupport.cz/app/uploads/sites/6/bis-images/16589/Vztah-wBG-460x460.png
                "
                alt=""
                class="w-full sm:px-12 md:w-auto md:px-0"
                loading="lazy"
              /></noscript>
            </picture>

            <div class="absolute bottom-0 left-0 flex flex-col items-start sm:left-10 md:left-0">
              
                          </div>
          </div>
              </div>
    </div>

    <div
      class=" mt-16    md:order-first  "
    >
      <div class="need-help-with-photo__content-wrapper">
        
                  <h2 class="mt-2 text-navy text-h2 dark:text-white">Do you need help?</h2>
        
                  <div class="block-content format-paragraph mt-4 text-navy-m2 text-p dark:text-navy-m4 md:mt-8">
            <div class="block-content format-paragraph text-p dark:text-navy-m4 text-navy-m2 mt-4 md:mt-8">
<p>Contact our knowledgeable, friendly support staff seven days a week by <strong>phone</strong>, <strong>chat</strong> or <strong>email</strong>.</p>
</div>

          </div>
        
                              <div class="mt-6">
              <a
  href="https://websupport.se/en/support/"
    class="button button--p-large button--text-large button--color-transparent"
>
  Contact us
</a>
            </div>
                  
                  <div class="mt-10 flex w-full flex-wrap">
                                                </div>
        
              </div>
    </div>
  </div>
</section>
  </main>

<footer class="dark relative overflow-x-hidden">
  <div class="footer__pattern">
          <svg class="svg-icon footer__pattern fill-current text-brick" viewBox="0 0 282 160" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M160.965 148.144L177.057 111.008C178.308 107.994 181.236 106.058 184.469 106.058C187.711 106.058 190.526 107.994 191.887 111.008L207.968 148.144L224.056 111.008C225.312 107.994 228.234 106.058 231.469 106.058C234.709 106.058 237.527 107.994 238.888 111.008L254.966 148.144L271.059 111.008C272.31 107.994 275.235 106.058 278.47 106.058V118.222L262.702 153.955C261.234 157.186 258.311 159.011 254.966 159.011C251.626 159.011 248.699 157.186 247.245 153.955L231.469 118.222L215.701 153.955C214.233 157.186 211.308 159.011 207.968 159.011C204.625 159.011 201.7 157.186 200.244 153.955L184.469 118.222L168.701 153.955C167.232 157.186 164.31 159.011 160.965 159.011C157.624 159.011 154.699 157.186 153.241 153.955L137.47 118.222V106.058C140.708 106.058 143.528 107.994 144.886 111.008L160.965 148.144ZM23.4944 95.1914L39.5872 58.0561C40.8383 55.0421 43.7655 53.1057 46.9984 53.1057C50.2408 53.1057 53.0559 55.0421 54.4168 58.0561L70.4976 95.1914L86.5856 58.0561C87.8415 55.0421 90.7639 53.1057 93.9992 53.1057C97.2392 53.1057 100.057 55.0421 101.418 58.0561L117.496 95.1914L133.589 58.0561C134.84 55.0421 137.765 53.1057 141 53.1057V65.2701L125.232 101.003C123.764 104.233 120.841 106.059 117.496 106.059C114.156 106.059 111.228 104.233 109.774 101.003L93.9992 65.2701L78.2312 101.003C76.7628 104.233 73.8379 106.059 70.4976 106.059C67.1549 106.059 64.23 104.233 62.7736 101.003L46.9984 65.2701L31.2304 101.003C29.762 104.233 26.8395 106.059 23.4944 106.059C20.1541 106.059 17.2292 104.233 15.7704 101.003L0 65.2701V53.1057C3.23764 53.1057 6.05746 55.0421 7.41602 58.0561L23.4944 95.1914ZM121.961 42.0856L138.054 4.95038C139.305 1.93636 142.232 0 145.465 0C148.708 0 151.523 1.93636 152.884 4.95038L168.965 42.0856L185.052 4.95038C186.308 1.93636 189.231 0 192.466 0C195.706 0 198.524 1.93636 199.885 4.95038L215.963 42.0856L232.056 4.95038C233.307 1.93636 236.232 0 239.467 0V12.1644L223.699 47.8972C222.23 51.1277 219.308 52.9533 215.963 52.9533C212.623 52.9533 209.695 51.1277 208.241 47.8972L192.466 12.1644L176.698 47.8972C175.23 51.1277 172.305 52.9533 168.965 52.9533C165.622 52.9533 162.697 51.1277 161.24 47.8972L145.465 12.1644L129.697 47.8972C128.229 51.1277 125.306 52.9533 121.961 52.9533C118.621 52.9533 115.696 51.1277 114.237 47.8972L98.4669 12.1644V0C101.705 0 104.524 1.93636 105.883 4.95038L121.961 42.0856ZM164.494 95.1889L180.587 58.0561C181.838 55.0421 184.766 53.1057 187.998 53.1057C191.241 53.1057 194.056 55.0421 195.417 58.0561L211.498 95.1889L227.586 58.0561C228.841 55.0421 231.764 53.1057 234.999 53.1057C238.239 53.1057 241.057 55.0421 242.418 58.0561L258.496 95.1889L274.589 58.0561C275.84 55.0421 278.765 53.1057 282 53.1057V65.2701L266.232 101.003C264.764 104.231 261.841 106.059 258.496 106.059C255.156 106.059 252.228 104.231 250.774 101.003L234.999 65.2701L219.231 101.003C217.763 104.231 214.838 106.059 211.498 106.059C208.155 106.059 205.23 104.231 203.774 101.003L187.998 65.2701L172.23 101.003C170.762 104.231 167.84 106.059 164.494 106.059C161.154 106.059 158.229 104.231 156.77 101.003L141 65.2701V53.1057C144.238 53.1057 147.057 55.0421 148.416 58.0561L164.494 95.1889Z" />
</svg>      </div>

  <div class="bg-navy-p1">
    <div class="footer__separator bg-navy container"></div>
    <div class="relative mx-auto max-w-full px-4 py-6 md:pb-11 lg:pb-18 lg:pt-26 xl:px-8 3xl:max-w-screen-3xl 3xl:px-8">
      <div class="grid md:grid-cols-12 md:gap-6 lg:grid-cols-12">
        <div class="md:col-span-6 md:mb-9 lg:col-span-3 lg:mb-0 xl:col-span-3">
                      <ul class="list-none">
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/en/domains/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    Domains
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/en/hosting/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    Hosting
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/en/email/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    Email
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/en/wordpress/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    WordPress
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/en/woocommerce/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    WooCommerce
                  </a>
                </li>
                          </ul>
          
          <div class="mt-9 block lg:hidden">
            <div class="flex flex-col md:w-75 xl:grid xl:w-125 xl:grid-cols-2">
  <div class="col-span-1 mt-1">
    <h2 class="footer__section-title js-collapsible relative cursor-pointer pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">
    Websupport
    <span class="absolute right-0 top-0 block md:right-5 xl:hidden"><svg class="svg-icon text-navy dark:text-navy-m2 fill-current" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.586 12 7.293 4.707l1.414-1.414L17.414 12l-8.707 8.707-1.414-1.414z" fill-rule="evenodd"/>
</svg></span>
  </h2>

  <ul class="list-none -mt-2 hidden pb-6 pl-4 lg:mt-0 lg:pl-0 xl:block xl:pb-0">
                  <li class=" pb-2 ">
          <a
            href="https://websupport.se/en/support/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Contact
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://websupport.se/en/about-websupport/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            About us
          </a>
        </li>
                        <li class="">
          <a
            href="https://websupport.se/en/sustainability/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Sustainability
          </a>
        </li>
            </ul>

    <div class="xl:mt-18">
          </div>
  </div>

  <div class="col-span-1 mt-1">
    <h2 class="footer__section-title js-collapsible relative cursor-pointer pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">
    Information and support
    <span class="absolute right-0 top-0 block md:right-5 xl:hidden"><svg class="svg-icon text-navy dark:text-navy-m2 fill-current" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.586 12 7.293 4.707l1.414-1.414L17.414 12l-8.707 8.707-1.414-1.414z" fill-rule="evenodd"/>
</svg></span>
  </h2>

  <ul class="list-none -mt-2 hidden pb-6 pl-4 lg:mt-0 lg:pl-0 xl:block xl:pb-0">
                  <li class=" pb-2 ">
          <a
            href="https://websupport.se/en/support/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Contact support
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://status.websupport.se/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Operating status
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://kunskap.websupport.se/en"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            New knowledgebase
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://webmail.websupport.se/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Webmail
          </a>
        </li>
                        <li class="">
          <a
            href="https://admin.websupport.se/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Control panel
          </a>
        </li>
            </ul>

    <div class="xl:mt-18">
          </div>

    <div class="xl:mt-18">
              <h2 class="footer__section-title relative pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">Follow us</h2>
      
              <div class="pl-4 md:pl-0">
                                    <a
                href="https://www.facebook.com/websupportse"
                target=""
                rel="noopener"
                class="mr-3 inline-block text-navy-m1 transition hover:text-gem"
                title=Facebook
              >
                <svg class="svg-icon fill-current w-6 h-6" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.791-4.668 4.533-4.668 1.313 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z"/>
</svg>              </a>
                                                <a
                href="https://www.instagram.com/websupport_se/"
                target=""
                rel="noopener"
                class="mr-3 inline-block text-navy-m1 transition hover:text-gem"
                title=Instagram
              >
                <svg class="svg-icon fill-current w-6 h-6" width="24" height="24" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
    <path d="M128 23.064c34.177 0 38.225.13 51.722.745 12.48.57 19.258 2.655 23.769 4.408 5.974 2.322 10.238 5.096 14.717 9.575 4.48 4.479 7.253 8.743 9.575 14.717 1.753 4.511 3.838 11.289 4.408 23.768.615 13.498.745 17.546.745 51.723 0 34.178-.13 38.226-.745 51.723-.57 12.48-2.655 19.257-4.408 23.768-2.322 5.974-5.096 10.239-9.575 14.718-4.479 4.479-8.743 7.253-14.717 9.574-4.511 1.753-11.289 3.839-23.769 4.408-13.495.616-17.543.746-51.722.746-34.18 0-38.228-.13-51.723-.746-12.48-.57-19.257-2.655-23.768-4.408-5.974-2.321-10.239-5.095-14.718-9.574-4.479-4.48-7.253-8.744-9.574-14.718-1.753-4.51-3.839-11.288-4.408-23.768-.616-13.497-.746-17.545-.746-51.723 0-34.177.13-38.225.746-51.722.57-12.48 2.655-19.258 4.408-23.769 2.321-5.974 5.095-10.238 9.574-14.717 4.48-4.48 8.744-7.253 14.718-9.575 4.51-1.753 11.288-3.838 23.768-4.408 13.497-.615 17.545-.745 51.723-.745M128 0C93.237 0 88.878.147 75.226.77c-13.625.622-22.93 2.786-31.071 5.95-8.418 3.271-15.556 7.648-22.672 14.764C14.367 28.6 9.991 35.738 6.72 44.155 3.555 52.297 1.392 61.602.77 75.226.147 88.878 0 93.237 0 128c0 34.763.147 39.122.77 52.774.622 13.625 2.785 22.93 5.95 31.071 3.27 8.417 7.647 15.556 14.763 22.672 7.116 7.116 14.254 11.492 22.672 14.763 8.142 3.165 17.446 5.328 31.07 5.95 13.653.623 18.012.77 52.775.77s39.122-.147 52.774-.77c13.624-.622 22.929-2.785 31.07-5.95 8.418-3.27 15.556-7.647 22.672-14.763 7.116-7.116 11.493-14.254 14.764-22.672 3.164-8.142 5.328-17.446 5.95-31.07.623-13.653.77-18.012.77-52.775s-.147-39.122-.77-52.774c-.622-13.624-2.786-22.929-5.95-31.07-3.271-8.418-7.648-15.556-14.764-22.672C227.4 14.368 220.262 9.99 211.845 6.72c-8.142-3.164-17.447-5.328-31.071-5.95C167.122.147 162.763 0 128 0zm0 62.27C91.698 62.27 62.27 91.7 62.27 128c0 36.302 29.428 65.73 65.73 65.73 36.301 0 65.73-29.428 65.73-65.73 0-36.301-29.429-65.73-65.73-65.73zm0 108.397c-23.564 0-42.667-19.103-42.667-42.667S104.436 85.333 128 85.333s42.667 19.103 42.667 42.667-19.103 42.667-42.667 42.667zm83.686-110.994c0 8.484-6.876 15.36-15.36 15.36-8.483 0-15.36-6.876-15.36-15.36 0-8.483 6.877-15.36 15.36-15.36 8.484 0 15.36 6.877 15.36 15.36z"/>
</svg>              </a>
                              </div>
          </div>
  </div>

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

        <div class="hidden lg:col-span-5 lg:flex lg:justify-center xl:col-span-5 xl:justify-start">
          <div class="flex flex-col md:w-75 xl:grid xl:w-125 xl:grid-cols-2">
  <div class="col-span-1 mt-1">
    <h2 class="footer__section-title js-collapsible relative cursor-pointer pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">
    Websupport
    <span class="absolute right-0 top-0 block md:right-5 xl:hidden"><svg class="svg-icon text-navy dark:text-navy-m2 fill-current" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.586 12 7.293 4.707l1.414-1.414L17.414 12l-8.707 8.707-1.414-1.414z" fill-rule="evenodd"/>
</svg></span>
  </h2>

  <ul class="list-none -mt-2 hidden pb-6 pl-4 lg:mt-0 lg:pl-0 xl:block xl:pb-0">
                  <li class=" pb-2 ">
          <a
            href="https://websupport.se/en/support/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Contact
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://websupport.se/en/about-websupport/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            About us
          </a>
        </li>
                        <li class="">
          <a
            href="https://websupport.se/en/sustainability/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Sustainability
          </a>
        </li>
            </ul>

    <div class="xl:mt-18">
          </div>
  </div>

  <div class="col-span-1 mt-1">
    <h2 class="footer__section-title js-collapsible relative cursor-pointer pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">
    Information and support
    <span class="absolute right-0 top-0 block md:right-5 xl:hidden"><svg class="svg-icon text-navy dark:text-navy-m2 fill-current" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.586 12 7.293 4.707l1.414-1.414L17.414 12l-8.707 8.707-1.414-1.414z" fill-rule="evenodd"/>
</svg></span>
  </h2>

  <ul class="list-none -mt-2 hidden pb-6 pl-4 lg:mt-0 lg:pl-0 xl:block xl:pb-0">
                  <li class=" pb-2 ">
          <a
            href="https://websupport.se/en/support/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Contact support
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://status.websupport.se/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Operating status
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://kunskap.websupport.se/en"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            New knowledgebase
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://webmail.websupport.se/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Webmail
          </a>
        </li>
                        <li class="">
          <a
            href="https://admin.websupport.se/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Control panel
          </a>
        </li>
            </ul>

    <div class="xl:mt-18">
          </div>

    <div class="xl:mt-18">
              <h2 class="footer__section-title relative pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">Follow us</h2>
      
              <div class="pl-4 md:pl-0">
                                    <a
                href="https://www.facebook.com/websupportse"
                target=""
                rel="noopener"
                class="mr-3 inline-block text-navy-m1 transition hover:text-gem"
                title=Facebook
              >
                <svg class="svg-icon fill-current w-6 h-6" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.791-4.668 4.533-4.668 1.313 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z"/>
</svg>              </a>
                                                <a
                href="https://www.instagram.com/websupport_se/"
                target=""
                rel="noopener"
                class="mr-3 inline-block text-navy-m1 transition hover:text-gem"
                title=Instagram
              >
                <svg class="svg-icon fill-current w-6 h-6" width="24" height="24" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
    <path d="M128 23.064c34.177 0 38.225.13 51.722.745 12.48.57 19.258 2.655 23.769 4.408 5.974 2.322 10.238 5.096 14.717 9.575 4.48 4.479 7.253 8.743 9.575 14.717 1.753 4.511 3.838 11.289 4.408 23.768.615 13.498.745 17.546.745 51.723 0 34.178-.13 38.226-.745 51.723-.57 12.48-2.655 19.257-4.408 23.768-2.322 5.974-5.096 10.239-9.575 14.718-4.479 4.479-8.743 7.253-14.717 9.574-4.511 1.753-11.289 3.839-23.769 4.408-13.495.616-17.543.746-51.722.746-34.18 0-38.228-.13-51.723-.746-12.48-.57-19.257-2.655-23.768-4.408-5.974-2.321-10.239-5.095-14.718-9.574-4.479-4.48-7.253-8.744-9.574-14.718-1.753-4.51-3.839-11.288-4.408-23.768-.616-13.497-.746-17.545-.746-51.723 0-34.177.13-38.225.746-51.722.57-12.48 2.655-19.258 4.408-23.769 2.321-5.974 5.095-10.238 9.574-14.717 4.48-4.48 8.744-7.253 14.718-9.575 4.51-1.753 11.288-3.838 23.768-4.408 13.497-.615 17.545-.745 51.723-.745M128 0C93.237 0 88.878.147 75.226.77c-13.625.622-22.93 2.786-31.071 5.95-8.418 3.271-15.556 7.648-22.672 14.764C14.367 28.6 9.991 35.738 6.72 44.155 3.555 52.297 1.392 61.602.77 75.226.147 88.878 0 93.237 0 128c0 34.763.147 39.122.77 52.774.622 13.625 2.785 22.93 5.95 31.071 3.27 8.417 7.647 15.556 14.763 22.672 7.116 7.116 14.254 11.492 22.672 14.763 8.142 3.165 17.446 5.328 31.07 5.95 13.653.623 18.012.77 52.775.77s39.122-.147 52.774-.77c13.624-.622 22.929-2.785 31.07-5.95 8.418-3.27 15.556-7.647 22.672-14.763 7.116-7.116 11.493-14.254 14.764-22.672 3.164-8.142 5.328-17.446 5.95-31.07.623-13.653.77-18.012.77-52.775s-.147-39.122-.77-52.774c-.622-13.624-2.786-22.929-5.95-31.07-3.271-8.418-7.648-15.556-14.764-22.672C227.4 14.368 220.262 9.99 211.845 6.72c-8.142-3.164-17.447-5.328-31.071-5.95C167.122.147 162.763 0 128 0zm0 62.27C91.698 62.27 62.27 91.7 62.27 128c0 36.302 29.428 65.73 65.73 65.73 36.301 0 65.73-29.428 65.73-65.73 0-36.301-29.429-65.73-65.73-65.73zm0 108.397c-23.564 0-42.667-19.103-42.667-42.667S104.436 85.333 128 85.333s42.667 19.103 42.667 42.667-19.103 42.667-42.667 42.667zm83.686-110.994c0 8.484-6.876 15.36-15.36 15.36-8.483 0-15.36-6.876-15.36-15.36 0-8.483 6.877-15.36 15.36-15.36 8.484 0 15.36 6.877 15.36 15.36z"/>
</svg>              </a>
                              </div>
          </div>
  </div>

</div>
        </div>

        <div class="mt-28 flex justify-end md:col-span-6 md:mt-2 lg:col-span-4 lg:mt-1">
          <div class="w-full md:w-90 lg:w-auto">
            <div class="lg:max-w-lg">
  <h2 class="font-black mb-2 text-navy text-h5 dark:text-white md:mb-4 lg:mb-4">Need help?</h2>
  <form
    action=https://kunskap.websupport.se/en/
    target="_blank"
    class="relative"
  >
    <button
      type="submit"
      class="absolute inset-y-0 right-2 flex items-center px-3 text-navy hover:text-brick lg:px-6"
      title="Search"
    >
      <svg class="svg-icon w-5 lg:w-6 h-5 lg:h-6 fill-current transition" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M10 2a8 8 0 0 1 6.32 12.905l5.387 5.388-1.414 1.414-5.388-5.386A8 8 0 1 1 10 2zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12z" fill-rule="evenodd"/>
</svg>    </button>

    <input
      class="footer__search-input leading-5 placeholder-gray-400 z-0 block w-full rounded border-transparent py-4 pl-2 pr-14 text-navy-m3 text-p focus:outline-none lg:py-5 lg:pl-8"
      placeholder="Search our knowledgebade"
      type="text"
      name="s"
    />
    <input
      type="hidden"
      name="ht-kb-search"
      value="1"
    >
  </form>

  <div class="mb-8 mt-4 lg:mb-7 lg:mt-8">
    <p class="footer__search-desc text-navy-m3 dark:text-navy-m4">Our popular knowledge base has answers to both common and less common questions about our services and how you can get the most out of them.</p>
  </div>
</div>

            <div class="mt-8 lg:mt-0 xl:grid xl:grid-cols-2 xl:gap-4">
            <h3>
        <a
          href="https://kunskap.websupport.se/en/kb/getting-started-with-your-services/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">I have ordered web hosting, how do I get started?</span>

          <span class="absolute bottom-3 right-3 2xl:bottom-7 2xl:right-8">
            <svg class="svg-icon w-3 h-3 text-navy dark:text-navy-m1 group-hover:text-white fill-current transition transform" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m5.803 7.138 4.862-4.862v3.057h1.333V0H6.665v1.333h3.057L4.86 6.195l.943.943zm4.864 3.529V7.333H9.333v3.334h-8v-8h3.334V1.333H1.333C.597 1.333 0 1.93 0 2.667v8C0 11.403.597 12 1.333 12h8c.737 0 1.334-.597 1.334-1.333z"/>
</svg>          </span>
        </a>
      </h3>
                <h3>
        <a
          href="https://kunskap.websupport.se/en/kb/how-long-does-it-take-for-a-dns-change-to-propagate/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">When do my DNS changes propagate?</span>

          <span class="absolute bottom-3 right-3 2xl:bottom-7 2xl:right-8">
            <svg class="svg-icon w-3 h-3 text-navy dark:text-navy-m1 group-hover:text-white fill-current transition transform" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m5.803 7.138 4.862-4.862v3.057h1.333V0H6.665v1.333h3.057L4.86 6.195l.943.943zm4.864 3.529V7.333H9.333v3.334h-8v-8h3.334V1.333H1.333C.597 1.333 0 1.93 0 2.667v8C0 11.403.597 12 1.333 12h8c.737 0 1.334-.597 1.334-1.333z"/>
</svg>          </span>
        </a>
      </h3>
                <h3>
        <a
          href="https://kunskap.websupport.se/en/kb/add-a-card-for-automatic-payment/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">How do I add a card for automatic payments?</span>

          <span class="absolute bottom-3 right-3 2xl:bottom-7 2xl:right-8">
            <svg class="svg-icon w-3 h-3 text-navy dark:text-navy-m1 group-hover:text-white fill-current transition transform" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m5.803 7.138 4.862-4.862v3.057h1.333V0H6.665v1.333h3.057L4.86 6.195l.943.943zm4.864 3.529V7.333H9.333v3.334h-8v-8h3.334V1.333H1.333C.597 1.333 0 1.93 0 2.667v8C0 11.403.597 12 1.333 12h8c.737 0 1.334-.597 1.334-1.333z"/>
</svg>          </span>
        </a>
      </h3>
                <h3>
        <a
          href="https://kunskap.websupport.se/en/kb-categories/email-clients/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">How do I add my email address to my e-mail client?</span>

          <span class="absolute bottom-3 right-3 2xl:bottom-7 2xl:right-8">
            <svg class="svg-icon w-3 h-3 text-navy dark:text-navy-m1 group-hover:text-white fill-current transition transform" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m5.803 7.138 4.862-4.862v3.057h1.333V0H6.665v1.333h3.057L4.86 6.195l.943.943zm4.864 3.529V7.333H9.333v3.334h-8v-8h3.334V1.333H1.333C.597 1.333 0 1.93 0 2.667v8C0 11.403.597 12 1.333 12h8c.737 0 1.334-.597 1.334-1.333z"/>
</svg>          </span>
        </a>
      </h3>
      </div>

            <div class="block md:hidden">
              <div class="font-normal relative mb-8 mt-10 w-full lg:mb-0">
    <button
      type="button"
      id="js-footer-language-select-btn"
      class="footer__language-btn relative w-full cursor-pointer appearance-none rounded-2 border border-navy-m4 bg-transparent px-3 py-3 text-navy hover:bg-navy-m40 dark:border-navy-m1 dark:text-white dark:hover:border-navy-m2 dark:hover:bg-navy-m1"
    >
      <span class="flex items-center">
        <svg class="svg-icon" width="21" height="16" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="20.6" height="16" rx="2.4" fill="#fff"/>
    <mask id="a" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="34" height="24">
      <rect width="33.6" height="24" rx="2.4" fill="#fff"/>
    </mask>
    <g mask="url(#a)">
      <path fill="#0A17A7" d="M0 0h33.6v24H0z"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M-1.54-2.3 12.8 7.372V-1.6h8v8.972L35.139-2.3l1.79 2.653L25.59 8H33.6v8H25.59l11.337 7.647-1.79 2.653L20.8 16.628V25.6h-8v-8.972L-1.54 26.3l-1.789-2.653L8.008 16H0V8h8.008L-3.329.353l1.79-2.653z" fill="#fff"/>
      <path d="m17.602 11.199 15.198-10M18.015 12.837 35.4 24.6M16.2 11.4-2.205-.805M16.2 12.6l-18 12" stroke="#DB1F35" stroke-width=".8" stroke-linecap="round"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.4h14.4V24h4.8v-9.6h14.4V9.6H19.2V0h-4.8v9.6H0v4.8z" fill="#E6273E"/>
    </g>
</svg>
        <span class="ml-3 block truncate">
          Sweden - English
        </span>
      </span>
    </button>

    <div
      id="js-footer-language-selector"
      class="js-footer-language-selector footer__language-selector absolute z-10 mb-2 w-full rounded bg-white shadow-lg"
    >
      <ul class="max-h-56 overflow-auto py-3 ring-1 ring-black ring-opacity-5 focus:outline-none">
                              <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://websupport.se/">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4547)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#3A99FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 9.5H0V6.5H6V0.5H9V6.5H21V9.5H9V15.5H6V9.5Z" fill="#FFDA2C"/>
</g>
<defs>
<clipPath id="clip0_403_4547">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Sweden - Swedish
                  </span>
                </span>
              </a>
            </li>
                                                          <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.cz">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4551)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V7.5H0V0.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5L10 8L0 15.5V0.5Z" fill="#1A47B8"/>
</g>
<defs>
<clipPath id="clip0_403_4551">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Czechia - Czech
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.sk">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4555)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#1A47B8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.5H21V15.5H0V10.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V5.5H0V0.5ZM9.93 10.5H10V5.5H3V10.5H3.07C3.024 10.662 3 10.83 3 11C3 12.38 6.5 13.5 6.5 13.5C6.5 13.5 10 12.38 10 11C10 10.83 9.976 10.662 9.93 10.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 10.5V4.5H4V10.5C4 11.605 6.5 12.5 6.5 12.5C6.5 12.5 9 11.605 9 10.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 8.5V7.5H5V6.5H6V5.5H7V6.5H8V7.5H7V8.5H8.5V9.5H7V10.5H6V9.5H4.5V8.5H6Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 12.4998C6.5 12.4998 9 11.6048 9 10.4998C9 9.39483 8 9.49983 6.5 10.4998C5 9.49983 4 9.39483 4 10.4998C4 11.6048 6.5 12.4998 6.5 12.4998Z" fill="#1A47B8"/>
</g>
<defs>
<clipPath id="clip0_403_4555">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Slovakia - Slovak
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.hu">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4559)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.5H21V15.5H0V10.5Z" fill="#249F58"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V5.5H0V0.5Z" fill="#F93939"/>
</g>
<defs>
<clipPath id="clip0_403_4559">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Hungary - Magyar
                  </span>
                </span>
              </a>
            </li>
                        </ul>
    </div>
  </div>
            </div>

            <div class="mb-10 mt-6 md:mb-14 lg:hidden">
              <p class="footer__support-text text-navy-m2 lg:inline">Need help?</p>

  <a
    href="#"
    onclick="chatButton.onClick();"
        class="footer__support-text footer__support-text-link text-king hover:text-navy block transition dark:text-white dark:hover:text-gem md:ml-0 lg:ml-3 lg:inline"
  >
    Contact support
  </a>
            </div>
          </div>
        </div>
      </div>

      <div class="hidden w-full md:block md:w-70">
        <div class="font-normal relative mb-8 mt-10 w-full lg:mb-0">
    <button
      type="button"
      id="js-footer-language-select-btn"
      class="footer__language-btn relative w-full cursor-pointer appearance-none rounded-2 border border-navy-m4 bg-transparent px-3 py-3 text-navy hover:bg-navy-m40 dark:border-navy-m1 dark:text-white dark:hover:border-navy-m2 dark:hover:bg-navy-m1"
    >
      <span class="flex items-center">
        <svg class="svg-icon" width="21" height="16" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="20.6" height="16" rx="2.4" fill="#fff"/>
    <mask id="a" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="34" height="24">
      <rect width="33.6" height="24" rx="2.4" fill="#fff"/>
    </mask>
    <g mask="url(#a)">
      <path fill="#0A17A7" d="M0 0h33.6v24H0z"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M-1.54-2.3 12.8 7.372V-1.6h8v8.972L35.139-2.3l1.79 2.653L25.59 8H33.6v8H25.59l11.337 7.647-1.79 2.653L20.8 16.628V25.6h-8v-8.972L-1.54 26.3l-1.789-2.653L8.008 16H0V8h8.008L-3.329.353l1.79-2.653z" fill="#fff"/>
      <path d="m17.602 11.199 15.198-10M18.015 12.837 35.4 24.6M16.2 11.4-2.205-.805M16.2 12.6l-18 12" stroke="#DB1F35" stroke-width=".8" stroke-linecap="round"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.4h14.4V24h4.8v-9.6h14.4V9.6H19.2V0h-4.8v9.6H0v4.8z" fill="#E6273E"/>
    </g>
</svg>
        <span class="ml-3 block truncate">
          Sweden - English
        </span>
      </span>
    </button>

    <div
      id="js-footer-language-selector"
      class="js-footer-language-selector footer__language-selector absolute z-10 mb-2 w-full rounded bg-white shadow-lg"
    >
      <ul class="max-h-56 overflow-auto py-3 ring-1 ring-black ring-opacity-5 focus:outline-none">
                              <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://websupport.se/">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4547)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#3A99FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 9.5H0V6.5H6V0.5H9V6.5H21V9.5H9V15.5H6V9.5Z" fill="#FFDA2C"/>
</g>
<defs>
<clipPath id="clip0_403_4547">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Sweden - Swedish
                  </span>
                </span>
              </a>
            </li>
                                                          <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.cz">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4551)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V7.5H0V0.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5L10 8L0 15.5V0.5Z" fill="#1A47B8"/>
</g>
<defs>
<clipPath id="clip0_403_4551">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Czechia - Czech
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.sk">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4555)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#1A47B8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.5H21V15.5H0V10.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V5.5H0V0.5ZM9.93 10.5H10V5.5H3V10.5H3.07C3.024 10.662 3 10.83 3 11C3 12.38 6.5 13.5 6.5 13.5C6.5 13.5 10 12.38 10 11C10 10.83 9.976 10.662 9.93 10.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 10.5V4.5H4V10.5C4 11.605 6.5 12.5 6.5 12.5C6.5 12.5 9 11.605 9 10.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 8.5V7.5H5V6.5H6V5.5H7V6.5H8V7.5H7V8.5H8.5V9.5H7V10.5H6V9.5H4.5V8.5H6Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 12.4998C6.5 12.4998 9 11.6048 9 10.4998C9 9.39483 8 9.49983 6.5 10.4998C5 9.49983 4 9.39483 4 10.4998C4 11.6048 6.5 12.4998 6.5 12.4998Z" fill="#1A47B8"/>
</g>
<defs>
<clipPath id="clip0_403_4555">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Slovakia - Slovak
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.hu">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4559)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.5H21V15.5H0V10.5Z" fill="#249F58"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V5.5H0V0.5Z" fill="#F93939"/>
</g>
<defs>
<clipPath id="clip0_403_4559">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Hungary - Magyar
                  </span>
                </span>
              </a>
            </li>
                        </ul>
    </div>
  </div>
      </div>

      <div class="md:mt-16">
  <div class="flex flex-col items-start justify-between md:flex-row">
    <div class="order-2 md:order-first">
      <svg class="svg-icon dark:text-white text-navy fill-current inline" width="95" height="30" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M91.387 17.768c-.39.392-1.017.713-1.686.713-1.337 0-2.214-.895-2.214-2.237v-3.327h-.502a.595.595 0 0 1-.6-.6c0-.336.266-.602.6-.602h.502v-2.39c0-.42.292-.742.668-.742.376 0 .669.323.669.742v2.39h1.517c.335 0 .6.266.6.601 0 .336-.265.6-.6.6h-1.517v3.328c0 .7.417 1.035.877 1.035.431 0 .64-.182.947-.461.293-.252.627-.21.836 0 .181.181.25.6-.097.95zm-6.06-5.452c0 .336-.265.6-.599.6-1.114 0-1.685.91-1.685 2.07v2.642c0 .42-.292.741-.669.741-.376 0-.668-.321-.668-.74v-5.173c0-.42.292-.741.668-.741.377 0 .669.322.669.741v.126c.403-.532.947-.867 1.602-.867.417 0 .682.266.682.601zm-6.686 2.726c0-1.314-.807-2.236-1.992-2.236-1.225 0-1.977.922-1.977 2.236 0 1.328.766 2.237 1.977 2.237 1.185 0 1.992-.909 1.992-2.237zm1.365 0c0 1.888-1.393 3.439-3.357 3.439-1.977 0-3.343-1.551-3.343-3.439 0-1.887 1.366-3.439 3.343-3.439 1.964 0 3.357 1.552 3.357 3.439zm-9.624 0c0-1.328-.836-2.236-2.006-2.236-1.212 0-2.103.908-2.103 2.236 0 1.342.878 2.237 2.103 2.237 1.17 0 2.006-.895 2.006-2.237zm1.364 0c0 1.888-1.364 3.439-3.217 3.439-.92 0-1.657-.349-2.173-.923v3.146c0 .42-.292.74-.668.74-.376 0-.669-.32-.669-.74v-8.248c0-.42.293-.741.669-.741.376 0 .668.322.668.741v.07c.516-.573 1.254-.923 2.173-.923 1.853 0 3.217 1.538 3.217 3.439zm-9.791 0c0-1.328-.836-2.236-2.006-2.236-1.211 0-2.103.908-2.103 2.236 0 1.342.878 2.237 2.103 2.237 1.17 0 2.006-.895 2.006-2.237zm1.365 0c0 1.888-1.365 3.439-3.218 3.439-.919 0-1.657-.349-2.173-.923v3.146c0 .42-.292.74-.668.74-.376 0-.67-.32-.67-.74v-8.248c0-.42.294-.741.67-.741.376 0 .668.322.668.741v.07c.516-.573 1.254-.923 2.173-.923 1.853 0 3.218 1.538 3.218 3.439zm-8.567-2.586v3.075c0 1.776-1.308 2.95-2.938 2.95-1.63 0-2.953-1.174-2.953-2.95v-3.075c0-.42.293-.741.669-.741.375 0 .668.322.668.741v3.075c0 1.175.724 1.748 1.616 1.748.891 0 1.601-.573 1.601-1.748v-3.075c0-.42.293-.741.669-.741.376 0 .668.322.668.741zm-7.59 4.04c0 1.188-1.142 1.985-2.41 1.985-1.003 0-1.839-.405-2.257-.755-.306-.251-.306-.656-.056-.895.252-.237.572-.21.865-.013.348.237.904.46 1.448.46.64 0 1.044-.307 1.044-.726 0-1.16-3.495-.727-3.495-3.02 0-1.09 1.003-1.929 2.34-1.929.738 0 1.308.182 1.782.49.39.251.446.699.21.936-.251.252-.586.252-.892.07a2.225 2.225 0 0 0-1.1-.293c-.572 0-.976.279-.976.726 0 1.174 3.496.658 3.496 2.964zm-7.829-1.454c0-1.328-.835-2.236-2.005-2.236-1.212 0-2.103.908-2.103 2.236 0 1.342.877 2.237 2.103 2.237 1.17 0 2.005-.895 2.005-2.237zm1.366 0c0 1.888-1.366 3.439-3.219 3.439-.918 0-1.657-.349-2.172-.923v.07c0 .42-.292.741-.669.741-.376 0-.668-.321-.668-.74v-8.64c0-.42.292-.74.668-.74.377 0 .669.32.669.74v3.537c.515-.573 1.254-.923 2.172-.923 1.853 0 3.219 1.538 3.219 3.439zm-13.483-.587h3.733c-.168-1.076-.767-1.65-1.811-1.65-1.03 0-1.727.658-1.922 1.65zm5.042.699c-.014.251-.223.419-.474.419h-4.582c.153 1.035.794 1.706 2.02 1.706.543 0 1.183-.21 1.56-.49.306-.21.626-.223.863.014.237.238.167.672-.14.923-.64.531-1.49.755-2.283.755-2.187 0-3.427-1.551-3.427-3.439 0-1.887 1.449-3.439 3.343-3.439 2.02 0 3.301 1.65 3.12 3.55zm-7.592-2.6-2.423 5.27a1.11 1.11 0 0 1-1.03.657 1.11 1.11 0 0 1-1.031-.657l-2.104-4.64-2.103 4.64a1.11 1.11 0 0 1-1.03.657 1.11 1.11 0 0 1-1.031-.657l-2.104-4.64-2.103 4.64a1.11 1.11 0 0 1-1.03.657 1.11 1.11 0 0 1-1.032-.657l-2.423-5.27a.66.66 0 0 1 .32-.88.655.655 0 0 1 .892.32l2.242 5.076 2.145-4.824c.182-.392.558-.643.99-.643.431 0 .821.252.988.643l2.145 4.824 2.145-4.824c.181-.392.558-.643.99-.643.431 0 .821.252.988.643l2.145 4.824 2.243-5.076a.655.655 0 0 1 .891-.32.66.66 0 0 1 .32.88zm4.096 8.206C26.617 26.1 21.241 30 14.945 30 6.7 30 0 23.276 0 15 0 6.725 6.7 0 14.945 0c6.296 0 11.672 3.9 13.818 9.24.18.448-.028.756-.307.867-.25.113-.668.084-.877-.419-2.048-4.935-6.937-8.43-12.634-8.43C7.395 1.258 1.254 7.423 1.254 15c0 7.577 6.142 13.742 13.691 13.742 5.697 0 10.586-3.495 12.634-8.43.209-.503.627-.53.891-.419.265.112.474.42.293.867z"/>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M94.138 12.195c.117 0 .204-.088.204-.19 0-.101-.087-.174-.204-.174h-.278v.364h.278zm.102.116.234.378h-.16l-.205-.363h-.248v.363h-.132V11.7h.41c.19 0 .335.146.335.306a.31.31 0 0 1-.234.305zm.643-.13c0-.437-.38-.8-.818-.8a.812.812 0 0 0-.818.8c0 .45.365.813.818.813a.815.815 0 0 0 .818-.814zm.117 0a.943.943 0 0 1-.935.944.943.943 0 0 1-.935-.945.94.94 0 0 1 .935-.93.94.94 0 0 1 .935.93z" fill="#fff"/>
</svg>
              <p class="footer__copyright inline pl-3 text-navy dark:text-white"> © Copyright 2023 | Part of Loopia Group</p>
          </div>

      </div>

  <div class="mt-4">
    <div class="items-center justify-between lg:flex">
              <div>
                                    <a
                href="https://websupport.se/en/about-websupport/terms-and-policies/"
                                class="footer__copyright py-1 text-navy-m2 transition hover:text-gem"
              >
                Terms and policies
              </a>

                              <span class="footer__copyright mx-2 text-navy-m2">|</span>
                                                              <a
                href="https://websupport.se/en/about-websupport/data-protection/"
                                class="footer__copyright py-1 text-navy-m2 transition hover:text-gem"
              >
                Data protection
              </a>

                              <span class="footer__copyright mx-2 text-navy-m2">|</span>
                                                              <a
                href="https://websupport.se/en/about-websupport/terms-and-conditions/"
                                class="footer__copyright py-1 text-navy-m2 transition hover:text-gem"
              >
                General terms and conditions
              </a>

                                            </div>
      
      <div class="hidden lg:block">
        <p class="footer__support-text text-navy-m2 lg:inline">Need help?</p>

  <a
    href="#"
    onclick="chatButton.onClick();"
        class="footer__support-text footer__support-text-link text-king hover:text-navy block transition dark:text-white dark:hover:text-gem md:ml-0 lg:ml-3 lg:inline"
  >
    Contact support
  </a>
      </div>
    </div>
  </div>
</div>
    </div>
  </div>
</footer>

<div class="js-cookies-bar cookies-bar dark invisible fixed bottom-0 left-0 right-0 z-50 max-h-0 opacity-0">
  <section class="relative bg-white dark:bg-navy-p1">
    <div class="container">
      <div class="grid grid-cols-1 pb-8 pt-6 dark:text-white md:grid-cols-3">
        <div class="col-span-2">
          <svg class="svg-icon fill-navy text-navy dark:text-white dark:fill-white fill-current h-10 w-32 mb-6" width="95" height="30" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M91.387 17.768c-.39.392-1.017.713-1.686.713-1.337 0-2.214-.895-2.214-2.237v-3.327h-.502a.595.595 0 0 1-.6-.6c0-.336.266-.602.6-.602h.502v-2.39c0-.42.292-.742.668-.742.376 0 .669.323.669.742v2.39h1.517c.335 0 .6.266.6.601 0 .336-.265.6-.6.6h-1.517v3.328c0 .7.417 1.035.877 1.035.431 0 .64-.182.947-.461.293-.252.627-.21.836 0 .181.181.25.6-.097.95zm-6.06-5.452c0 .336-.265.6-.599.6-1.114 0-1.685.91-1.685 2.07v2.642c0 .42-.292.741-.669.741-.376 0-.668-.321-.668-.74v-5.173c0-.42.292-.741.668-.741.377 0 .669.322.669.741v.126c.403-.532.947-.867 1.602-.867.417 0 .682.266.682.601zm-6.686 2.726c0-1.314-.807-2.236-1.992-2.236-1.225 0-1.977.922-1.977 2.236 0 1.328.766 2.237 1.977 2.237 1.185 0 1.992-.909 1.992-2.237zm1.365 0c0 1.888-1.393 3.439-3.357 3.439-1.977 0-3.343-1.551-3.343-3.439 0-1.887 1.366-3.439 3.343-3.439 1.964 0 3.357 1.552 3.357 3.439zm-9.624 0c0-1.328-.836-2.236-2.006-2.236-1.212 0-2.103.908-2.103 2.236 0 1.342.878 2.237 2.103 2.237 1.17 0 2.006-.895 2.006-2.237zm1.364 0c0 1.888-1.364 3.439-3.217 3.439-.92 0-1.657-.349-2.173-.923v3.146c0 .42-.292.74-.668.74-.376 0-.669-.32-.669-.74v-8.248c0-.42.293-.741.669-.741.376 0 .668.322.668.741v.07c.516-.573 1.254-.923 2.173-.923 1.853 0 3.217 1.538 3.217 3.439zm-9.791 0c0-1.328-.836-2.236-2.006-2.236-1.211 0-2.103.908-2.103 2.236 0 1.342.878 2.237 2.103 2.237 1.17 0 2.006-.895 2.006-2.237zm1.365 0c0 1.888-1.365 3.439-3.218 3.439-.919 0-1.657-.349-2.173-.923v3.146c0 .42-.292.74-.668.74-.376 0-.67-.32-.67-.74v-8.248c0-.42.294-.741.67-.741.376 0 .668.322.668.741v.07c.516-.573 1.254-.923 2.173-.923 1.853 0 3.218 1.538 3.218 3.439zm-8.567-2.586v3.075c0 1.776-1.308 2.95-2.938 2.95-1.63 0-2.953-1.174-2.953-2.95v-3.075c0-.42.293-.741.669-.741.375 0 .668.322.668.741v3.075c0 1.175.724 1.748 1.616 1.748.891 0 1.601-.573 1.601-1.748v-3.075c0-.42.293-.741.669-.741.376 0 .668.322.668.741zm-7.59 4.04c0 1.188-1.142 1.985-2.41 1.985-1.003 0-1.839-.405-2.257-.755-.306-.251-.306-.656-.056-.895.252-.237.572-.21.865-.013.348.237.904.46 1.448.46.64 0 1.044-.307 1.044-.726 0-1.16-3.495-.727-3.495-3.02 0-1.09 1.003-1.929 2.34-1.929.738 0 1.308.182 1.782.49.39.251.446.699.21.936-.251.252-.586.252-.892.07a2.225 2.225 0 0 0-1.1-.293c-.572 0-.976.279-.976.726 0 1.174 3.496.658 3.496 2.964zm-7.829-1.454c0-1.328-.835-2.236-2.005-2.236-1.212 0-2.103.908-2.103 2.236 0 1.342.877 2.237 2.103 2.237 1.17 0 2.005-.895 2.005-2.237zm1.366 0c0 1.888-1.366 3.439-3.219 3.439-.918 0-1.657-.349-2.172-.923v.07c0 .42-.292.741-.669.741-.376 0-.668-.321-.668-.74v-8.64c0-.42.292-.74.668-.74.377 0 .669.32.669.74v3.537c.515-.573 1.254-.923 2.172-.923 1.853 0 3.219 1.538 3.219 3.439zm-13.483-.587h3.733c-.168-1.076-.767-1.65-1.811-1.65-1.03 0-1.727.658-1.922 1.65zm5.042.699c-.014.251-.223.419-.474.419h-4.582c.153 1.035.794 1.706 2.02 1.706.543 0 1.183-.21 1.56-.49.306-.21.626-.223.863.014.237.238.167.672-.14.923-.64.531-1.49.755-2.283.755-2.187 0-3.427-1.551-3.427-3.439 0-1.887 1.449-3.439 3.343-3.439 2.02 0 3.301 1.65 3.12 3.55zm-7.592-2.6-2.423 5.27a1.11 1.11 0 0 1-1.03.657 1.11 1.11 0 0 1-1.031-.657l-2.104-4.64-2.103 4.64a1.11 1.11 0 0 1-1.03.657 1.11 1.11 0 0 1-1.031-.657l-2.104-4.64-2.103 4.64a1.11 1.11 0 0 1-1.03.657 1.11 1.11 0 0 1-1.032-.657l-2.423-5.27a.66.66 0 0 1 .32-.88.655.655 0 0 1 .892.32l2.242 5.076 2.145-4.824c.182-.392.558-.643.99-.643.431 0 .821.252.988.643l2.145 4.824 2.145-4.824c.181-.392.558-.643.99-.643.431 0 .821.252.988.643l2.145 4.824 2.243-5.076a.655.655 0 0 1 .891-.32.66.66 0 0 1 .32.88zm4.096 8.206C26.617 26.1 21.241 30 14.945 30 6.7 30 0 23.276 0 15 0 6.725 6.7 0 14.945 0c6.296 0 11.672 3.9 13.818 9.24.18.448-.028.756-.307.867-.25.113-.668.084-.877-.419-2.048-4.935-6.937-8.43-12.634-8.43C7.395 1.258 1.254 7.423 1.254 15c0 7.577 6.142 13.742 13.691 13.742 5.697 0 10.586-3.495 12.634-8.43.209-.503.627-.53.891-.419.265.112.474.42.293.867z"/>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M94.138 12.195c.117 0 .204-.088.204-.19 0-.101-.087-.174-.204-.174h-.278v.364h.278zm.102.116.234.378h-.16l-.205-.363h-.248v.363h-.132V11.7h.41c.19 0 .335.146.335.306a.31.31 0 0 1-.234.305zm.643-.13c0-.437-.38-.8-.818-.8a.812.812 0 0 0-.818.8c0 .45.365.813.818.813a.815.815 0 0 0 .818-.814zm.117 0a.943.943 0 0 1-.935.944.943.943 0 0 1-.935-.945.94.94 0 0 1 .935-.93.94.94 0 0 1 .935.93z" fill="#fff"/>
</svg>
                      <p class="mb-3.5 pr-2 text-small">Websupport.se/en/ uses cookies for basic functionality and for collecting data on how visitors use our website. By clicking &quot;I accept&quot; or continuing to use this website, you agree that we use cookies for advertising and analysis.</p>
          
                      <a
              href="https://websupport.se/en/cookies/"
                            title="Cookies"
              class="button button--text-tiny button--inline-arrow mb-4 md:mb-0"
            >
              Cookies
            </a>
                  </div>

        <div class="col-span-1 mb-0 flex items-end justify-end md:mb-4 xl:mb-0 xl:items-center">
          <button
            class="js-cookies-accept js-cookies-accet button button--p-large button--text-large button--color-gem-neon visible w-full md:w-auto"
            type="button"
          >
            I Agree
          </button>
        </div>
      </div>
    </div>
  </section>
</div>
    </div>

        <script src="https://websupport.se/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" defer></script><script src="https://websupport.se/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" defer></script><script id="lgpi_cart_js-js-extra">
var lgpi_params = {"ajax_url":"\/wp\/wp-admin\/admin-ajax.php","lgpi_ajax_url":"\/wp\/?lgpi-ajax=%%endpoint%%","lgpi_add_to_cart_nonce":"b5490c4f96","lgpi_user_logout_nonce":"b476e65958","cart_url":"https:\/\/websupport.se\/en\/cart\/"};
var lgpi_params = {"ajax_url":"\/wp\/wp-admin\/admin-ajax.php","lgpi_ajax_url":"\/wp\/?lgpi-ajax=%%endpoint%%","lgpi_add_to_cart_nonce":"b5490c4f96","lgpi_user_logout_nonce":"b476e65958","cart_url":"https:\/\/websupport.se\/en\/cart\/"};
</script>
<script src="/app/plugins/loopia-platform-integration/assets/js/cart.js?ver=0.6.0" defer></script><script id="wp-sentry-browser-js-extra">
var wp_sentry = {"environment":"production","release":"10.0.0","context":{"tags":{"wordpress":"6.5.3","language":"en-GB"}},"dsn":"https:\/\/[email protected]\/10"};
</script>
<script src="/app/plugins/wp-sentry-integration/public/wp-sentry-browser.min.js?ver=6.23.0" defer></script><script id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"\/wp\/|\/login|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|http:\/\/(\/%5B\/%5D+)?\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/websupport.se","onHoverDelay":"100","rateThrottle":"3"};
</script>
<script id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
</script>
<script>
!function(){"use strict";var n,r={},e={};function t(n){var o=e[n];if(void 0!==o)return o.exports;var u=e[n]={id:n,exports:{}};return r[n].call(u.exports,u,u.exports,t),u.exports}t.m=r,n=[],t.O=function(r,e,o,u){if(!e){var i=1/0;for(l=0;l<n.length;l++){e=n[l][0],o=n[l][1],u=n[l][2];for(var f=!0,c=0;c<e.length;c++)(!1&u||i>=u)&&Object.keys(t.O).every((function(n){return t.O[n](e[c])}))?e.splice(c--,1):(f=!1,u<i&&(i=u));if(f){n.splice(l--,1);var a=o();void 0!==a&&(r=a)}}return r}u=u||0;for(var l=n.length;l>0&&n[l-1][2]>u;l--)n[l]=n[l-1];n[l]=[e,o,u]},t.n=function(n){var r=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(r,{a:r}),r},t.d=function(n,r){for(var e in r)t.o(r,e)&&!t.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:r[e]})},t.o=function(n,r){return Object.prototype.hasOwnProperty.call(n,r)},function(){var n={546:0,290:0,126:0,692:0};t.O.j=function(r){return 0===n[r]};var r=function(r,e){var o,u,i=e[0],f=e[1],c=e[2],a=0;if(i.some((function(r){return 0!==n[r]}))){for(o in f)t.o(f,o)&&(t.m[o]=f[o]);if(c)var l=c(t)}for(r&&r(e);a<i.length;a++)u=i[a],t.o(n,u)&&n[u]&&n[u][0](),n[u]=0;return t.O(l)},e=self.webpackChunk=self.webpackChunk||[];e.forEach(r.bind(null,0)),e.push=r.bind(null,e.push.bind(e))}(),t.nc=void 0}();
</script><script src="/app/themes/websupport/dist/scripts/vendor.js?id=8ac0abff2bf886e4ce9a25858b3868f1" defer></script><script id="ws/app.js-js-extra">
var settings = {"ajax_url":"https:\/\/websupport.se\/wp\/wp-admin\/admin-ajax.php","cart_session":"false","cart_mandatory_url":"https:\/\/websupport.se\/en\/cart\/mandatory","translations":{"jobList":["Show %d more position","Show %d more positions","Show %d more positions"]}};
</script>
<script src="/app/themes/websupport/dist/scripts/app.js?id=05129e6e9447c6eba2b546c3ff93aa23" defer></script><script>
(function() {
				var expirationDate = new Date();
				expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 );
				document.cookie = "pll_language=en; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax";
			}());

</script>
<div class="lgpi_cart_html_container" style="display:none"><div class="lgpi_cart_html_overlay"></div><div id="lgpi_cart" class="lgpi_cart_html_abs_container"><button class="lgpi_close_shopping_cart_button" title="Close shopping cart"><svg class="svg-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect width="24" height="24" transform="translate(0 0.000999451)" fill="white"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4142 12.001L19.7782 18.365L18.364 19.7792L12 13.4152L5.63604 19.7792L4.22183 18.365L10.5858 12.001L4.22183 5.63704L5.63604 4.22282L12 10.5868L18.364 4.22282L19.7782 5.63704L13.4142 12.001Z" fill="#2C3843"/>
    </svg></button><div class="lgpi_cart_html_inner_container lgpi-cart_empty"><div class="lgpi-notices-wrapper"></div><div class="lgpi-cart-top-title"><h2>Shopping Cart</h2></div><button class="lgpi_update_cart_button" type="button">Update cart</button><div class="lgpi-cart_contents"><div class="lgpi-cart-empty">Cart is empty</div></div><div class="lgpi-cart_footer"><div class="lgpi-cart_summary"></div><a class="lgpi_proceed_to_checkout button button--p-large button--text-large button--color-gem-neon cta" href="https://websupport.se/en/cart/">Go to Cart</a></div><div class="lgpi_ajax_checkout_fallback"><div class="lgpi-checkout-inner"></div></div><span class="lgpi_loader_container"><span class="lgpi_loader"><span></span><span></span><span></span><span></span></span></span></div></div></div><script>window.lazyLoadOptions=[{elements_selector:"[loading=lazy],img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}},use_native:1},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.websupport.cz/app/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>  </body>
</html>

<!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com -->

<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1716223052 -->

Latest requests

# Url Url Source Date
1 https://websupport.se/en/?utm_sour… 2024-05-20 20:28:52
2 https://thebolditalic.com/?gi=ea56… 2024-05-20 20:28:50
3 https://ors.aero/ 2024-05-20 20:28:49
4 http://heungil.net/bbs/board.php?b… 2024-05-20 20:28:41
5 https://mmsi-pkc.auth0.com/login?s… 2024-05-20 20:28:39
6 https://thebolditalic.com/?gi=3907… 2024-05-20 20:28:39
7 https://sonharcompreparativosdeca7… 2024-05-20 20:28:36
8 https://www.sitiosecuador.com/auth… 2024-05-20 20:28:35
9 https://peatix.com/user/22045934 2024-05-20 20:28:25
10 https://thebolditalic.com/?gi=fe26… 2024-05-20 20:28:21
11 https://thebolditalic.com/?gi=2594… 2024-05-20 20:28:19
12 https://mmsi-pkc.auth0.com/login?s… 2024-05-20 20:28:17
13 https://thebolditalic.com/?gi=adac… 2024-05-20 20:28:09
14 https://weburg.net/redirect?fromru… 2024-05-20 20:28:08
15 https://helinet.com/?URL=https%3A%… 2024-05-20 20:28:07
16 https://linkpop.com/pvp777_mpo4dsl… 2024-05-20 20:28:02
17 https://thebolditalic.com/?gi=2303… 2024-05-20 20:27:59
18 https://thebolditalic.com/?gi=ca4d… 2024-05-20 20:27:58
19 https://thebolditalic.com/?gi=cedd… 2024-05-20 20:27:57
20 https://thebolditalic.com/?gi=c833… 2024-05-20 20:27:57