/*
 Theme Name:   VPS2day
 Theme URI:    https://generatepress.com
 Description:  VPS2day child theme for GeneratePress
 Author:       runbot.co - Enterprise Solutions for WordPress
 Author URI:   https://runbot.co
 Template:     generatepress
 Version:      1.0
*/

@font-face {
    font-family: 'CustomFontWeb';
    font-weight: 400;
    font-display: auto;
    font-fallback: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;;
    src: url('fonts/custom-font-book.min.woff2') format('woff2');
}
@font-face {
    font-family: 'CustomFontWeb';
    font-weight: 500;
    font-display: auto;
    font-fallback: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;;
    src: url('fonts/custom-font-medium.min.woff2') format('woff2');
}
@font-face {
    font-family: 'CustomFontWeb';
    font-weight: 700;
    font-display: auto;
    font-fallback: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;;
    src: url('fonts/custom-font-bold.min.woff2') format('woff2');
}
@font-face {
    font-family: 'CustomFontWeb';
    font-weight: 900;
    font-display: auto;
    font-fallback: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;;
    src: url('fonts/custom-font-black.min.woff2') format('woff2');
}

/* Helper Variables
------------------------------------------------------------------------------- */
:root {
    --mono: JetbrainsMonoWeb;
    --container: 1232px;
    --gp-slideout-width: 420px !important;
    --ease: cubic-bezier(0.79,0.14,0.15,0.86);
    --ease-in: cubic-bezier(0.6,0.04,0.98,0.34);
    --ease-out: cubic-bezier(0.08,0.82,0.17,1);
    --fast-transition: 100ms;
    --regular-transition: 200ms;
    --slow-transition: 400ms;
    --fontsize-xs: clamp(0.7901rem, -0.3849vw + 0.9287rem, 0.64rem);
    --fontsize-s: clamp(0.8889rem, -0.2279vw + 0.9709rem, 0.8rem);
    --fontsize-xs: clamp(0.9882rem, 0.1917vw + 0.9498rem, 1.0864rem);
	--fontsize-s: clamp(1.0544rem, 0.3275vw + 0.9889rem, 1.2222rem);
	--fontsize-m: clamp(1.125rem, 0.4878vw + 1.0274rem, 1.375rem);
	--fontsize-l: clamp(1.2004rem, 0.6761vw + 1.0652rem, 1.5469rem);
	--fontsize-xl: clamp(1.2808rem, 0.8965vw + 1.1015rem, 1.7402rem);
	--fontsize-2xl: clamp(1.3666rem, 1.1535vw + 1.1359rem, 1.9578rem);
	--fontsize-3xl: clamp(1.4582rem, 1.4523vw + 1.1677rem, 2.2025rem);
	--fontsize-4xl: clamp(1.5559rem, 1.7989vw + 1.1961rem, 2.4778rem);
	--fontsize-5xl: clamp(1.6601rem, 2.1998vw + 1.2202rem, 2.7875rem);
	--fontsize-6xl: clamp(1.7713rem, 2.6627vw + 1.2388rem, 3.136rem);
	--fontsize-7xl: clamp(1.89rem, 3.196vw + 1.2508rem, 3.528rem);
	--fontsize-8xl: clamp(2.0167rem, 3.8093vw + 1.2548rem, 3.9689rem);
	--fontsize-9xl: clamp(2.1518rem, 4.5137vw + 1.249rem, 4.4651rem);
	--fontsize-10xl: clamp(2.2959rem, 5.3215vw + 1.2316rem, 5.0232rem);
	--fontsize-11xl: clamp(2.4498rem, 6.2465vw + 1.2005rem, 5.6511rem);
	--fontsize-12xl: clamp(2.6139rem, 7.3045vw + 1.153rem, 6.3575rem);
	--fontsize-13xl: clamp(2.789rem, 8.5134vw + 1.0864rem, 7.1522rem);
	--fontsize-14xl: clamp(2.9759rem, 9.8933vw + 0.9973rem, 8.0462rem);
	--fontsize-15xl: clamp(3.1753rem, 11.4667vw + 0.882rem, 9.052rem);
    --lineheight-negativer: 0.90;
	--lineheight-negative: 0.95;
	--lineheight-none: 1.0;
	--lineheight-tightester: 1.125;
	--lineheight-tightest: 1.25;
	--lineheight-tighter: 1.3;
	--lineheight-tight: 1.45;
	--lineheight-normal: 1.55;
	--lineheight-wide: 1.625;
	--lineheight-wider: 1.8;
	--lineheight-widest: 2;
    --letterspacing-tightester: -0.062em;
	--letterspacing-tightest: -0.045em;
	--letterspacing-tighter: -0.03em;
	--letterspacing-tight: -0.02em;
	--letterspacing-narrow: -0.01em;
	--letterspacing-normal: 0;
	--letterspacing-wide: 0.1em;
	--letterspacing-wider: 0.25em;
	--letterspacing-widest: 0.5em;
    --shadow-none: rgba(17, 24, 28, 0) 0px 0px 0px 0px;
    /* --shadow-xs: rgba(17, 24, 28, 0.035) 0px 0px 0px 1px, rgba(17, 24, 28, 0.06) 0px 1px 3px 0px; */
	--shadow-xs: rgba(17, 24, 28, 0.035) 0px 0px 0px 1px, rgba(17, 24, 28, 0.06) 0px 1px 3px 0px;
    --shadow-s: rgba(17, 24, 28, 0.04) 0px 0px 0px 1px, rgba(17, 24, 28, 0.08) 0px 4px 7px -1px, rgba(17, 24, 28, 0.05) 0px 2px 4px -1px;
    --shadow-m: rgba(17, 24, 28, 0.04) 0px 0px 0px 1px, rgba(17, 24, 28, 0.1) 0px 10px 15px -3px, rgba(17, 24, 28, 0.05) 0px 4px 6px -2px;
    --shadow-l: rgba(17, 24, 28, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
    --shadow-xl: rgba(17, 24, 28, 0.04) 0px 0px 0px 1px, rgba(17, 24, 28, 0.25) 0px 25px 50px -12px;
    --shadow-huge: 0 192px 136px rgba(17, 24, 28,0.23),0 70px 50px rgba(17, 24, 28,0.16),0 34px 24px rgba(17, 24, 28,0.13),0 17px 12px rgba(17, 24, 28,0.1),0 7px 5px rgba(17, 24, 28,0.07);
    --shadow-s-primary: rgba(141, 165, 239, 0.2) 0px 0px 0px 1px, rgba(141, 165, 239, 0.08) 0px 4px 7px -1px, rgba(141, 165, 239, 0.05) 0px 2px 4px -1px;
    --shadow-s-primary-hover: rgba(62, 99, 221, 1.0) 0px 0px 0px 1px, rgba(141, 165, 239, 0.1) 0px 4px 9px -1px, rgba(141, 165, 239, 0.3) 0px 2px 6px -1px;
    --shadow-m-primary:  0px 0px 0px 1px rgba(53, 81, 179, 0.1),  0px 10px 15px -3px rgba(53, 81, 179, 0.12),  0px 4px 6px -2px rgba(53, 81, 179, 0.05);
	--shadow-xs-secondary: rgba(48, 165, 108, 0.16) 0px 0px 0px 1px, rgba(48, 165, 108, 0.08) 0px 4px 7px -1px, rgba(48, 165, 108, 0.05) 0px 2px 4px -1px;
	--shadow-s-secondary: rgba(40, 193, 45, 0.2) 0px 0px 0px 1px, rgba(40, 193, 45, 0.08) 0px 4px 7px -1px, rgba(40, 193, 45, 0.05) 0px 2px 4px -1px;
    --spacing-xs: 24px;
    --spacing-s: 64px;
    --spacing-m: 96px;
    --spacing-l: 104px;
    --spacing-xl: 164px;
    --spacing-header: 152px;
    --bentobox-cards-gap: 32px;
    counter-reset: loopcounter;
}

@media (max-width: 1024px) {
    :root{
        --spacing-s: 48px;
        --spacing-m: 64px;
        --spacing-l: 80px;
        --spacing-header: 120px;
    }
}


/* Helper Styles
------------------------------------------------------------------------------- */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 24px;
    font-size: 16px;
    -webkit-tap-highlight-color: transparent;
    --font-settings: "cv01","cv10";
    font-feature-settings: var(--font-settings);
    --font-variations: "opsz" auto;
    font-variation-settings: var(--font-variations);
}

.scroll-margin-top{
    scroll-margin-top: -24px;
}

@media (max-width: 767px){
    html {
        scroll-padding-top: 64px;
    }
    .scroll-margin-top{
        scroll-margin-top: -64px;
    }
}

body {
    background-color: var(--white);
    overscroll-behavior-y: none;
    font-size: var(--fontsize-s);
	line-height: var(--lineheight-normal);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    text-size-adjust: none;
    /* overflow-x: hidden; */
}

body, button, input, select, textarea {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Misc */
.wp-block-video video {
    width: 100%;
    display: block;
}

.flex-nowrap{
    flex-wrap: nowrap!important;
}

.white-space-nowrap{
	white-space: nowrap;
}

.gb-shapes svg{
    min-width: auto!important;
}

/* Noselect */
.noselect {
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

/* Logo */
.site-logo{
	margin-right: 24px;
}

.site-logo a{
    display: block;
    height: 28px;
    width: auto;
    color: var(--slate12);
}

.site-logo a:hover{
    color: var(--slate12);
}

.site-logo svg{
    height: 100%;
    width: auto;
    transition: transform 0.2s ease;
}

.site-logo a:hover svg{
    transform: scale(0.97);
}

.justify-center{
    justify-content: center;
}

/* Navigation */
.inside-header{
    justify-content: space-between;
}

.header-buttons{
	/* margin-left: auto; */
}

.main-navigation .main-nav>ul{
	gap: 0;
}

.main-navigation a{
    font-size: var(--fontsize-xs);
}

.main-navigation .main-nav > ul.menu > li > a:after{
    content: '';
    display: block;
    height: 2px;
    width: 0%;
    position: relative;
    top: -6px;
    background-color: currentColor;
    border-radius: 4px;
    transition: width 0.3s ease, background-color 0.3s ease;
}

.main-navigation .main-nav > ul.menu > li > a:hover:after,
.main-navigation .main-nav > ul.menu > li.current-menu-item a:after,
.main-navigation .main-nav > ul.menu > li.current_page_item a:after{
    width: 100%;
    background-color: currentColor;
}

.main-navigation .main-nav > ul.menu > li.menu-item-has-children > a:hover:after,
.main-navigation .main-nav > ul.menu > li.menu-item-has-children.current-menu-item a:after,
.main-navigation .main-nav > ul.menu > li.menu-item-has-children.current_page_item a:after{
	width: calc(100% - 24px);
}

.nav-float-right #site-navigation{
    margin-left: 0;
}

/* @media (min-width:769px) {
    .main-navigation .main-nav ul li.nav-button a {
        background-color: var(--primary1);
        border: 1px solid var(--primary5);
        border-radius: 8px;
        color: var(--primary9);
        font-weight: 500;
        line-height: 28px;
        padding: 6px 20px;
        margin-left: 8px;
    }
} */

b, strong {
    font-weight: 500;
}

ol, ul {
    margin: 0 0 16px 36px;
}

/* Font Sizes */
h1{ 
	font-size: var(--fontsize-6xl); 
}

h2{ 
	font-size: var(--fontsize-xl);
}

h3{ 
	font-size: var(--fontsize-m);
}

h4{ 
	font-size: var(--fontsize-m);
}

h5{ 
	font-size: var(--fontsize-m); 
}
  
h6{ 
	font-size: var(--fontsize-m); 
}

.fontsize-xs{ font-size: var(--fontsize-xs); }
.fontsize-s{ font-size: var(--fontsize-s); }
.fontsize-m{ font-size: var(--fontsize-m); }
.fontsize-l{ font-size: var(--fontsize-l); }
.fontsize-xl{ font-size: var(--fontsize-xl);}
.fontsize-2xl{ font-size: var(--fontsize-2xl); }
.fontsize-3xl{ font-size: var(--fontsize-3xl); }
.fontsize-4xl{ font-size: var(--fontsize-4xl); }
.fontsize-5xl{ font-size: var(--fontsize-5xl); }
.fontsize-6xl{ font-size: var(--fontsize-6xl); }
.fontsize-7xl{ font-size: var(--fontsize-7xl); }
.fontsize-8xl{ font-size: var(--fontsize-8xl); }
.fontsize-9xl{ font-size: var(--fontsize-9xl); }
.fontsize-10xl{ font-size: var(--fontsize-10xl); }
.fontsize-11xl{ font-size: var(--fontsize-11xl); }
.fontsize-12xl{ font-size: var(--fontsize-12xl); }
.fontsize-13xl{ font-size: var(--fontsize-13xl); }
.fontsize-14xl{ font-size: var(--fontsize-14xl); }
.fontsize-15xl{ font-size: var(--fontsize-15xl); white-space:pre-wrap; word-break:break-word; }

.lineheight-none{ line-height: var(--lineheight-none); }
.lineheight-tightester{ line-height: var(--lineheight-tightester); }
.lineheight-tightest{ line-height: var(--lineheight-tightest); }
.lineheight-tighter{ line-height: var(--lineheight-tighter); }
.lineheight-tight{ line-height: var(--lineheight-tight); }
.lineheight-normal{ line-height: var(--lineheight-normal); }
.lineheight-wide{ line-height: var(--lineheight-wide); }
.lineheight-wider{ line-height: var(--lineheight-wider); }
.lineheight-widest{ line-height: var(--lineheight-widest); }
.lineheight-negative{ line-height: var(--lineheight-negative); }
.lineheight-negativer{ line-height: var(--lineheight-negativer); }

.letterspacing-tightester{ letter-spacing: var(--letterspacing-tightester); }
.letterspacing-tightest{ letter-spacing: var(--letterspacing-tightest); }
.letterspacing-tighter{ letter-spacing: var(--letterspacing-tighter); }
.letterspacing-tight{ letter-spacing: var(--letterspacing-tight); }
.letterspacing-normal{ letter-spacing: var(--letterspacing-normal); }
.letterspacing-wide{ letter-spacing: var(--letterspacing-wide); }
.letterspacing-wider{ letter-spacing: var(--letterspacing-wider); }
.letterspacing-widest{ letter-spacing: var(--letterspacing-widest); }

.gb-headline-hero-large{
	font-size: var(--fontsize-7xl); 
	line-height: var(--lineheight-tightest); 
	letter-spacing: var(--letterspacing-tightest);
}

.gb-headline-hero-medium{
	font-size: var(--fontsize-6xl); 
	line-height: 1.25; 
	letter-spacing: -0.04em;
	/* font-weight: 400!important; */
}

.gb-headline-section-title-large{
	font-size: var(--fontsize-3xl); 
	line-height: var(--lineheight-tightest); 
	letter-spacing: var(--letterspacing-tight);
}

.gb-headline-section-title-medium{
	font-size: var(--fontsize-2xl); 
	line-height: var(--lineheight-tighter); 
	letter-spacing: var(--letterspacing-tight);
}

.gb-headline-section-title-small{
	font-size: var(--fontsize-l); 
	line-height: var(--lineheight-tight); 
}

.gb-headline-paragraph-large{
	font-size: var(--fontsize-l); 
	line-height: var(--lineheight-tighter); 
	letter-spacing: var(--letterspacing-tight);
}

.gb-headline-paragraph-medium{
	font-size: var(--fontsize-m); 
	line-height: var(--lineheight-normal); 
}

.gb-headline-paragraph-small{
	font-size: var(--fontsize-s); 
	line-height: var(--lineheight-normal); 
}

.gb-headline-paragraph-extra-small{
	font-size: var(--fontsize-xs); 
	line-height: var(--lineheight-normal); 
}

.gb-headline-special-mono{
    font-family: var(--mono);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* Icon Nofill */
html .icon-nofill svg{
    fill: none !important;
}

/* Overflow hidden */
.overflow-hidden{ 
	overflow:hidden; 
}

.overflow-x-hidden{
	overflow-x: hidden;
}

/* Margin Auto */
.margin-auto{
	margin-left: auto;
	margin-right: auto;
}

.margin-none{
	margin-left: 0!important;
}

/* Position */
.relative{
	position: relative;
}

.absolute{
	position:absolute;
	top: 0;
	left: 0;
}

.fixed{
    position:fixed;
    top: 0;
    left: 0;
}

.image-zoom-hover img{
    transition: transform 0.3s cubic-bezier(.3,1,.3,1);
}

.image-zoom-hover img:hover{
    transform: scale(1.1);
}

.image-big-shadow{
    box-shadow: var(--shadow-m);
}

.image-medium-shadow{
    box-shadow: var(--shadow-s);
}

/* Shadows */
.shadow-none{
    box-shadow: var(--shadow-none);
}

.shadow-xs, .shadow-xs-hover:hover{
    box-shadow: var(--shadow-xs);
}

.shadow-xs-secondary{
    box-shadow: var(--shadow-xs-secondary);
}

.shadow-s, .shadow-s-hover:hover{
    box-shadow: var(--shadow-s);
}

.shadow-s-primary{
    box-shadow: var(--shadow-s-primary);
}

.shadow-s-secondary{
    box-shadow: var(--shadow-s-secondary);
}

.shadow-m-primary, .shadow-m-primary-hover:hover{
    box-shadow: var(--shadow-m-primary);
}

.shadow-s-primary-hover:hover{
    box-shadow: var(--shadow-s-primary-hover);
    transition: all 0.3s ease;
}

.shadow-m, .shadow-m-hover:hover{
    box-shadow: var(--shadow-m);
}

.shadow-l, .shadow-l-hover:hover{
    box-shadow: var(--shadow-l);
}

.shadow-xl, .shadow-xl-hover:hover{
    box-shadow: var(--shadow-xl);
}

.shadow-huge, .shadow-huge-hover:hover{
    box-shadow: var(--shadow-huge);
}

/* Fluent Forms
------------------------------------------------------------------------------- */
div.fluentform .ff-el-form-control{
	color: var(--text);
    font-family: inherit!important;
}
div.fluentform .ff-btn:not(.ff_btn_no_style){
    line-height: inherit;
}
div.fluentform .frm-fluent-form input:not([type="submit"]):not([type="checkbox"]),
div.fluentform .frm-fluent-form textarea,
div.fluentform .frm-fluent-form select {
	border: 1px solid var(--slate6);
	border-radius: 8px;
	background-color: var(--white);
	padding: 0 16px;
	transition: none;
	font-size: var(--fontsize-s)!important;
    color: var(--slate11);
	min-height: 52px;
    line-height: 1.5;
    box-shadow: rgba(17, 24, 28, 0.06) 0px 1px 3px 0px;
}

div.fluentform .frm-fluent-form textarea{
	padding: 16px 16px;
}
 
/* div.fluentform .frm-fluent-form select { color: var(--primary8);}
div.fluentform .frm-fluent-form option:not(:first-of-type) { color: var(--slate11) !important; } */

div.fluentform select.ff-el-form-control:not([size]):not([multiple]){
	height: auto;
}

div.fluentform .frm-fluent-form input:not([type="submit"]):not([type="checkbox"]):focus,
div.fluentform .frm-fluent-form textarea:focus,
div.fluentform .frm-fluent-form select:focus{
	/* background-color: transparent; */
    color: var(--slate11)!important;
    border-color: var(--slate8)!important;
    outline: 3px solid var(--slate3);
    outline-offset: 0px;
}

/* required asterisk color */
div.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
  color: var(--slate9);
  margin-left: 0px;
}

div.fluentform .ff-el-group:last-child{
    margin: 0;
}

div.fluentform .ff-el-input--label{
	margin-bottom: 0px;
}

div.fluentform .frm-fluent-form .ff-el-input--label label {
	font-size: var(--fontsize-s);
	font-weight: 500;
	color: var(--slate12);
	margin-bottom: 6px;
}

div.fluentform .ff_t_c {
	font-size: var(--body-s);
	padding: 0 0 0 8px;
}

div.fluentform .ff_t_c a{
    color: inherit;
}

div.fluentform .ff-el-is-error .ff-el-form-control {
  border-color: var(--purple7)!important;
}

div.fluentform .ff-el-is-error .text-danger {
	font-size: 14px;
    /* letter-spacing: -0.01em; */
    margin-top: 6px;
	font-weight: 500;
	color: var(--purple9);
}

div.fluentform .frm-fluent-form .ff-el-is-error input,
div.fluentform .frm-fluent-form .ff-el-is-error textarea,
div.fluentform .frm-fluent-form .ff-el-is-error select{
    /* outline-color: #B91C1C!important; */
    /* outline: 2px solid #B91C1C!important; */
}

div.fluentform .ff-el-form-check-label .ff-el-form-check-input {
  top: -1px;
}

div.fluentform .frm-fluent-form input::placeholder,
div.fluentform .frm-fluent-form textarea::placeholder {
	color: var(--primary8);
}

div.fluentform .frm-fluent-form button[type='submit'] {
    align-items: center;
    background-color: var(--secondary9);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid var(--secondary10);
    color: var(--white);
    column-gap: 0.25em;
    display: inline-flex;
    flex-direction: row;
    font-size: var(--fontsize-xs);
    font-weight: 500;
    justify-content: center;
    padding: 7px 20px;
    text-align: center;
}

div.fluentform .frm-fluent-form button[type='submit']:hover{
    border-color: var(--secondary10);
    color: var(--secondary1);
    background-color: var(--secondary10);
	opacity: 1;
}

html .ff-message-success {
  position: relative;
  border: none;
  box-shadow: none;
  font-size: var(--fontsize-xl);
  text-align: center;
  color: var(--slate11);
  padding: 0px;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 12px;
  /* background-color: rgba(255,255,255,0.1); */
  padding: 80px;
}

.gb-headline-contactform {
    color: var(--slate11);
    margin-bottom: 24px;
    font-weight: 500;
}

.checkbox-switch .ff-el-form-check input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}

.fluentform .checkbox-switch .ff-el-tc label.ff_tc_label{
    display: flex;
    align-items: center;
}

.fluentform .checkbox-switch .ff-el-form-check .ff-el-form-check-label>.ff_tc_checkbox {
    display: block!important;
    width: 48px!important;
    height: 24px!important;
    padding: 0!important;
    margin: 0 4px 0 0!important;
	cursor: pointer;
	/* text-indent: -9999px; */
	background: var(--slate5);
	border-radius: 100px;
	position: relative;
    transition: background 0.15s ease;
}

.fluentform .checkbox-switch .ff-el-form-check .ff-el-form-check-label>.ff_tc_checkbox:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	transition: 0.2s;
    box-shadow: 0px 0px 1px 0 rgba(17, 24, 28, 0.5), 0px 1px 2px 0 rgba(17, 24, 28, 0.1);
}

.fluentform .checkbox-switch .ff-el-form-check.ff_item_selected .ff-el-form-check-label>.ff_tc_checkbox{
    background: var(--slate9);
}

.fluentform .checkbox-switch .ff-el-form-check.ff_item_selected .ff-el-form-check-label>.ff_tc_checkbox:after{
    left: calc(100% - 2px);
	transform: translateX(-100%);
}

div.fluentform .frm-fluent-form .ff-t-container{
    display: flex;
    gap: 24px;
}

div.fluentform .frm-fluent-form .ff-t-container > div{
    flex:1
}

div.fluentform .frm-fluent-form .ff-field_container,
div.fluentform .frm-fluent-form .ff-t-container,
div.fluentform .ff-el-group{
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    div.fluentform .frm-fluent-form .ff-t-container {
        flex-direction: column;
        gap: 16px;
    }

    div.fluentform .frm-fluent-form .ff-field_container, div.fluentform .frm-fluent-form .ff-t-container, div.fluentform .ff-el-group{
        margin-bottom: 16px;
    }
}

input[type="submit"]{
    font-weight: 500;
    background-color: var(--primary9);
    /* display: block;
    width: 100%; */
    border-radius: 8px;
}

input[type="submit"]:hover{
    background-color: var(--slate11);
    border-radius: 8px;
}

input[type="text"], input[type="email"], input[type="search"]{
    border:0;
    font-size: var(--fontsize-xs);
    display: block;
    width: 100%;
    border-radius: 8px;
    /* outline: none!important; */
    background-color: var(--primary2);
}

input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus{
    /* box-shadow: 0 0 0 3px var(--primary4); */
    border-color: var(--slate5)!important;
    outline: 1px solid var(--primary9);
    outline-offset: 0px;
}

::placeholder {  color: var(--slate9) !important; }
:-ms-input-placeholder { color: var(--slate9) !important; }
::-ms-input-placeholder { color: var(--slate9) !important; }

.header-signup input[type="text"]{
    border: 1px solid var(--primary6);
}

.header-signup input[type="submit"]{
    font-weight: 500;
    background-color: var(--secondary9);
    display: block;
    width: 100%;
    transition: all 0.2s ease;
}

.header-signup input[type="submit"]:hover{
    background-color: var(--secondary10);
}

.header-signup input:not(:last-child){
    margin-bottom: 16px;
}

.price{
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-weight: 500!important;
}

.price sub {
    top: 0.2ex; 
    margin-left: 12px;
    margin-right: 12px;
}

.price sub, .price sup {
    font-size: 50%;
}

.price.big-price sub, .price.big-price sup {
    font-size: 30%;
    letter-spacing: var(--letterspacing-tighter);
}

.price s{
    position: relative;
    text-decoration: none;
    font-weight: 500;
    margin-right: 16px;
    /* color: #D80127; */
    font-size: var(--fontsize-s);
}

.price s:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    height: 2px;
    margin: 0 -6px;
    border-radius: 40px;
    width: calc(100% + 12px);
    background: #D80127;
    transform: rotate(16deg);
}
/* .price s:after{
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    height: 2px;
    border-radius: 40px;
    width: 100%;
    background: #D80127;
    transform: rotate(-45deg);
} */


/* Swiper */
.swiper-slide{
    cursor: grab;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--primary9);
}

.swiper-button-next, .swiper-button-prev{
    background-color: var(--white);
    color: var(--primary9);
    border-radius: 50%;
    --swiper-navigation-size: 48px;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    box-shadow: var(--shadow-s);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
}

.swiper-button-next:after, .swiper-button-prev:after{
    background-image: url(img/arrow-left.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center center;
    content: '';
    height: 24px;
    width: 24px;
}

.swiper-button-next:after{
    background-image: url(img/arrow-right.svg);
}

.swiper-button-prev, 
.swiper-rtl .swiper-button-next{
    left: -96px;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: -96px;
}

.swiper-panel img{
    /* border: 1px solid transparent; */
    /* transition: all 0.4s ease; */
    position: relative;
	border:1px solid rgba(255,255,255,0.075);
	box-shadow: rgba(17, 24, 28, 0.1) 0px 0px 0px 1px, 0 192px 136px rgba(17, 24, 28,0.23),0 70px 50px rgba(17, 24, 28,0.16),0 34px 24px rgba(17, 24, 28,0.13),0 17px 12px rgba(17, 24, 28,0.1),0 7px 5px rgba(17, 24, 28,0.07);
}

.swiper-panel figure{
	position: relative;
}

.swiper-panel figure:after{
	content: '';
    width: 80%;
    height: 1px;
    position: absolute;
    left: 10%;
    right: 10%;
    top: 0px;
    z-index: 2;
    background-image: linear-gradient(to right, rgba(232, 239, 255, 0) 0%, rgba(141, 164, 240, 0.5) 50%, rgba(232, 239, 255, 0) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: normal;
    opacity: 1;
    width: 80%;
    /* transition: all 0.3s ease-out;
    transition-delay: 0.4s; */
}

.pricing-tabs .gb-button{
	box-shadow: var(--shadow-xs);
	transition: box-shadow 0.3s ease;
}

.pricing-tabs .gb-button.gb-block-is-current{
    box-shadow: var(--shadow-m-primary);
}

/* .gb-tabs__button{
    display: flex;
    align-items: center;
}
.gb-tabs__button strong{
    background-color: var(--white);
	border: 1px solid var(--white);
    color: var(--primary9);
    display: inline-flex;
    padding: 1px 6px;
    font-size: 80%;
    border-radius: 4px;
    margin-left: 8px;
}
.gb-tabs__button.gb-block-is-current strong{
    background-color: var(--primary3);
	border: 1px solid var(--primary4);
    color: var(--primary9);
} */

.swiper-overflow .swiper-container{
    overflow: visible;
}

/* .tooltip {
  position: relative;
  display: inline-block;
  margin-top: 20px;
}

.tooltip svg{
    position: relative;
}
.tooltip svg:after {
  content: 'Hallo';
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  display: block;
  color: yellow;
  z-index: 100;
}

.tooltip svg title{
    display: block;
} */

#masthead {
    /* border-bottom: 1px solid rgba(17, 24, 28, 0.075); */
	box-shadow: var(--shadow-xs);
	z-index: 999;
}

.header-merge #masthead, .header-merge-light #masthead {
    position: absolute;
    /* top: 0; */
    z-index: 1000;
    width: 100%;
    border-bottom: 0;
	box-shadow: none;
}

@media (max-width: 1024px) {
    .main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {
        display: flex;
    }
}

html .main-navigation .main-nav > ul > li > a, 
html .main-navigation .menu-toggle, 
html .main-navigation .menu-bar-items,
html .main-navigation .main-nav > ul > li > a:hover,
html .main-navigation .main-nav > ul > li > a:active,
html .main-navigation .main-nav > ul > li > a:focus,
html .main-navigation .main-nav > ul > li > a:visited,
html .slideout-navigation button.slideout-exit,
html .slideout-navigation button.slideout-exit:hover,
html .slideout-navigation button.slideout-exit{
    color: var(--slate12);
}

body:not(.header-merge) .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, 
body:not(.header-merge) .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, 
body:not(.header-merge) .main-navigation .menu-bar-item:hover > a, 
body:not(.header-merge) .main-navigation .menu-bar-item.sfHover > a,
body:not(.header-merge) .main-navigation .main-nav ul li[class*="current-menu-"] > a{
	color: var(--slate12);
}

body:not(.header-merge) .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, 
body:not(.header-merge) .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, 
body:not(.header-merge) .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, 
body:not(.header-merge) .main-navigation .menu-bar-item:hover > a, 
body:not(.header-merge) .main-navigation .menu-bar-item.sfHover > a{
	color: var(--slate12);
}

.header-merge .site-header .site-logo a {
    color: var(--white);
}
.header-merge .main-navigation .main-nav > ul > li > a, 
.header-merge .main-navigation .menu-toggle, 
.header-merge .main-navigation .menu-bar-items,
.header-merge .main-navigation .main-nav > ul > li > a:hover,
.header-merge .main-navigation .main-nav > ul > li > a:active,
.header-merge .main-navigation .main-nav > ul > li > a:focus,
.header-merge .main-navigation .main-nav > ul > li > a:visited{
    color: var(--white)!important;
}

@media (min-width: 1025px) {
    /* Outline Button - Login */
    .header-merge .site-header .gb-button-primary-button-outline{
        color: var(--white12);
        border-color: var(--white6);
        background-color: var(--white1);
        transition: all 0.2s ease;
    }
    .header-merge .site-header .gb-button-primary-button-outline:hover{
        color: var(--white);
        border-color: var(--white8);
        background-color: var(--white3);
    }

    /* Solid Button - Sign up */
    .header-merge .site-header .gb-button-primary-button-solid{
        color: var(--secondary3);
        border-color: var(--secondary9);
        background-color: var(--secondary11);
        transition: all 0.2s ease;
    }
	
	.header-merge .site-header .gb-button-primary-button-solid:hover{
        color: var(--secondary1);
        border-color: var(--secondary9);
        background-color: var(--secondary10);
    }

	/* Gradient Button	
	.header-merge .site-header .gb-button-primary-button-solid{
		position: relative;
		border: 0;
		background: linear-gradient(135deg, var(--secondary9) 0%, var(--secondary10) 50%, var(--secondary11) 100%);
	}

	.header-merge .site-header .gb-button-primary-button-solid:after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		border-radius: inherit;
		border: 0.5px solid rgba(255,255,255,0.2);
	} */
}

.home-hero-features strong{
    color: var(--white);
}

.cloudvps-apps .gb-grid-wrapper .gb-inside-container p{
    background-color: var(--slate-12);
    border-radius: 4px;
    color: var(--slate-1);

    font-size: 12px;
    font-family: var(--mono);
    font-weight: 500;
    line-height: 20px;
    opacity: 0;
    padding: 4px 12px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateY(-32px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    white-space: nowrap;
    display: inline-block;
    z-index: 10;
}

.cloudvps-apps .gb-grid-wrapper .gb-inside-container:hover p{
    opacity: 1;
    transform: translateY(-46px);
}

.tooltip {
  position: relative;
  display: inline-block;
  margin-top: 20px;
}

.tooltip svg{
    transition: transform 0.2s ease;
}

.tooltip:hover svg{
    transform: scale(1.1);
	color: var(--primary10);
}

.tooltip{
    position: relative;
}
.tooltip:after {
    content: attr(data-tooltip);
    position: absolute;
    top: 0;
    background-color: var(--white);
	color: var(--slate12);
    border-radius: 4px;
    display: block;
    z-index: 100;
    font-size: 15px;
    /* font-weight: 500; */
    line-height: 1.5;
    opacity: 0;
    padding: 4px 12px;
    pointer-events: none;
    position: absolute;
    left: 50%;
    transform: translateY(64px) translateX(-50%);
    transition: opacity 0.2s ease, transform 0.2s ease;
    display: inline-block;
    z-index: 10;
    white-space: pre;
	box-shadow: var(--shadow-s);
}

.tooltip:hover:after{
    opacity: 1;
    transform: translateY(72px) translateX(-50%) scale(1.1);
}


/* Offcanvas Navigation */
.menu-toggle .gp-icon svg,
.slideout-exit .gp-icon svg{
    width: 28px;
    height: 28px;
    top: unset;
}

nav.main-navigation.slideout-navigation .menu-toggle,
nav.main-navigation.slideout-navigation button.slideout-exit{
	font-size: unset;
	padding-left: 0;
	padding-right: 0;
	align-items: center;
}

nav.main-navigation.slideout-navigation button.slideout-exit{
	display: flex;
	justify-content: flex-end;
    /* color: var(--primary9); */
}

@media (max-width: 1024px) {
	nav.main-navigation.slideout-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {
		display: flex;
	}
}


nav.main-navigation.slideout-navigation button.slideout-exit{
	padding:0;
	margin-bottom: 40px!important;
}

/* nav.main-navigation.slideout-navigation{
    padding: 40px 40px;
} */

nav.main-navigation.slideout-navigation a{
	font-size: inherit;
	font-weight: inherit;
	text-transform: inherit;
}

nav.main-navigation.slideout-navigation .gb-button-primary-button-outline{
    color: var(--primary11);
    font-weight: 500;
}

nav.main-navigation.slideout-navigation .gb-button-secondary-button-outline{
    color: var(--secondary11);
    font-weight: 500;
}

nav.main-navigation.slideout-navigation .gb-button-secondary-button-solid{
    color: var(--primary1);
    font-weight: 500;
}

nav.main-navigation.slideout-navigation{
    max-width: 100vw;
}

nav.main-navigation.slideout-navigation .inside-navigation{
	flex-direction: column;
	align-items: stretch;
	flex-wrap: nowrap;
}

.loop-counter .gb-headline:before{
    counter-increment: loopcounter;
    content: "" counter(loopcounter) "";
}

.faq-search form{
    display: flex;
    justify-content: stretch;
    align-items: center;
    gap: 12px;
    height: 56px;
}

.faq-search form input{
    height: 100%;
    font-size: var(--fontsize-s)!important;
}

.faq-search form input[type="search"]{
    flex: 1;
    border-radius: 8px;
    height: calc(100%);
    /* outline: 2px solid var(--primary9);
    outline-offset: 2px; */
    background-color: var(--primary2);
    border: 1px solid var(--primary6);
}

.faq-search form input[type="search"]:focus{
    border-color: var(--primary9)!important;
    outline: 1px solid var(--primary9);
    outline-offset: 0px;
}

.faq-search form input[type="submit"]{
    padding-left: 32px;
    padding-right: 32px;
}

/* 

.single-faq .table-of-contents{
    position: sticky;
    top: 24px;
}

.single-faq .wp-block-image{
    margin-top: 40px;
    margin-bottom: 40px;
}

.single-faq .wp-block-image figcaption{
    font-size: var(--fontsize-xs);
    color: var(--slate10);
    text-align: left
}

.single-faq .wp-block-image img{
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: var(--shadow-s);
} */

/* FAQ: Single Post */

.single-faq .kb-table-of-content-nav.kb-table-of-content-id_95489a-b1 .kb-table-of-contents-title{
    font-weight: 500;
    margin-bottom: 16px;
}
.single-faq .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.single-faq .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-link-style-underline a{
    color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.1em;
}

.single-faq  .kb-table-of-content-nav .kb-table-of-content-wrap{
    padding: 0;
}

.single-faq .wp-block-image img{
	box-shadow: var(--shadow-s);
	border-radius: 8px;
}

.single-faq .wp-block-image{
	margin-top: 40px;
	margin-bottom: 40px;
}

.single-faq .wp-block-image.alignwide{
	margin-left: -80px;
	margin-right: -80px;
}

.single-faq .wp-block-image figcaption{
	font-size: 16px;
	color: var(--slate9);
	margin: 12px 0 0 0;
	display: block;
}

.single-faq .dynamic-entry-content h2,
.single-faq .dynamic-entry-content h3,
.single-faq .dynamic-entry-content h4,
.single-faq .dynamic-entry-content h5,
.single-faq .dynamic-entry-content h6{
    margin-bottom: 8px;
    font-weight: 500;
}

.single-faq .dynamic-entry-content h2:not(:first-child){ margin-top: 80px; }
.single-faq .dynamic-entry-content h3:not(:first-child){ margin-top: 40px; }
.single-faq .dynamic-entry-content h4:not(:first-child){ margin-top: 32px; margin-bottom: 4px; }
.single-faq .dynamic-entry-content figure.wp-block-image + h3{ margin-top: 56px; }
.single-faq .dynamic-entry-content p.has-background + h3{ margin-top: 56px; }

.single-faq .dynamic-entry-content a:hover,
.single-faq .dynamic-entry-content a:focus,
.underline-links a:hover,
.underline-links a:focus,
.underline-links a .gb-button-text:hover,
.underline-links a .gb-button-text:focus {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.1em;
}

.single-faq .dynamic-entry-content a, .underline-links a, .underline-links a .gb-button-text {
	/* color: inherit; */
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.1em;
	/* transition: text-decoration 0.3s ease, text-decoration-color 0.3s ease, --underline-offset 300ms ease; */
}

.single-faq .dynamic-entry-content .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list{
	padding-left: 1em;
	margin: 0!important;
}

.single-faq .dynamic-entry-content .has-background{
	background: var(--slate3);
	border-radius: 8px;
	padding: 24px;
	margin: 24px 0 40px 0;
}

.single-faq .dynamic-entry-content ol, .single-faq .dynamic-entry-content ul {
    margin: 0 0 40px 40px;
}

.single-faq .dynamic-entry-content ol:not(.kb-table-of-content-list) li:not(:last-child), .single-faq .dynamic-entry-content ul:not(.kb-table-of-content-list) li:not(:last-child) {
    margin-bottom: 8px;
}

.single-faq mark{
    background-color: var(--primary3)!important;
    padding: 0 4px;
    border-radius: 4px;
}

.single-faq .dynamic-entry-content ul{
    list-style: none;
    margin-left: 32px;
}

.single-faq .dynamic-entry-content ul li:before {
    content: "→";
    color: var(--slate8);
    margin-left: -32px;
    display: inline-block;
    width: 32px;
    text-align: left;
}

.single-faq .dynamic-entry-content ul li:not(:last-child){
    margin-bottom: 16px;
}

.single-faq .dynamic-entry-content ul{
    list-style: none;
    margin-left: 48px;
}

.single-faq .dynamic-entry-content ol{
    margin-left: 48px;
}

/* .single-faq .dynamic-entry-content ol li::marker {
    color: var(--slate10);
} 
*/

.single-faq .ns-inline-below{
    margin-top: 64px;
    margin-bottom: 0;
}

.single-faq .ns-buttons-wrapper{
    justify-content: center;
    gap: 16px;
}

body.single-faq a.ns-button{
    margin: 0;
    border-radius: 8px !important;
    background-color: var(--white);
    border: 1px solid var(--slate5);
    text-decoration: none!important;
    box-shadow: none;
    line-height: 34px;
    height: 34px;
    padding: 0 12px!important;
    font-size: 16px;
    color: var(--slate9);
    transition: all 0.2s ease;
}

body.single-faq a.ns-button:hover{
    border-color: var(--primary5);
    color: var(--primary9);
    background-color: var(--primary2);
}

body.single-faq a.ns-button .ns-button-icon{
    height: 16px;
    width: 16px;
    min-width: 16px;
    margin-right: 8px;
}

body.single-faq a.ns-button .ns-button-icon > *{
    height: 100%;
}

body.single-faq a.ns-button > span{
    box-shadow: none;
    border: none;
    background: transparent;
}

body.single-faq a.ns-button span{
    height: auto;
    padding: 0;
    line-height: auto;
    color: inherit!important;
}

.alignwide{
    max-width: unset!important;
}

.feature-germany {
    background: linear-gradient(171deg, #11181c 20%, #CD2C31 60%, #F7CE00 100%) !important;
}

.feature-germany:before {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(img/germany.svg);
    background-size: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.feature-eco{
    /* background: linear-gradient(171deg, var(--secondary10) 0%, var(--secondary11) 14%, #0C544A 100%) !important; */
}

.dark-hero-grid{
    width: calc(var(--container) + 1000px);
    max-width: 100%;
    position: absolute;
    /* background-color: blue; */
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    mask-image: linear-gradient(90deg, transparent 10%, black 20%, black 70%, transparent 90%);
    -webkit-mask-image: linear-gradient(90deg, transparent 10%, black 20%, black 70%, transparent 90%);
}

.dark-hero-grid:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(img/bg-room-top.svg);
    background-size: 1716px;
    background-repeat: no-repeat;
    background-position: calc(50% + 6px) -98px;
    mix-blend-mode: overlay;
    opacity: 0.15;
    mask-image: linear-gradient(0deg, black 0%, transparent 20%, transparent 80%, black 100%);
    -webkit-mask-image: linear-gradient(0deg, black 0%, transparent 20%, transparent 80%, black 100%);
}

.dark-hero-grid:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(img/bg-room-bottom.svg);
    background-size: 1740px;
    background-repeat: no-repeat;
    background-position: center calc(100%  + 100px);
    mix-blend-mode: overlay;
    opacity: 0.2;
    mask-image: linear-gradient(0deg, black 0%, transparent 20%, transparent 80%, black 100%);
    -webkit-mask-image: linear-gradient(0deg, black 0%, transparent 20%, transparent 80%, black 100%);
}

.dark-hero-dotted > .gb-container{
    position: relative;
    z-index: 3;
}

.dark-cta-grid:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(img/bg-room-bottom.svg);
    background-size: 1740px;
    background-repeat: no-repeat;
    background-position: center calc(100%  + 100px);
    mix-blend-mode: overlay;
    opacity: 0.3;
    mask-image: linear-gradient(0deg, black 0%, transparent 40%, transparent 80%, black 100%);
    -webkit-mask-image: linear-gradient(0deg, black 0%, transparent 40%, transparent 80%, black 100%);
    pointer-events: none;
}

.bg-locations{
    background-image: url(img/bg-globe.svg);
    background-size: 92%;
    background-repeat: no-repeat;
    background-position: center calc(100% + 148px);
}

.bg-locations-dark{
    background-image: url(img/bg-globe-dark.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center calc(100% + 124px);
}

@media (max-width: 767px) {
    .bg-locations, .bg-locations-dark{
        background-image: none;
    }
}

.no-lb{
    white-space: nowrap;
}

/* .bg-cubes{
    background-image: url(img/bg-cubes.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top right;
} */

.bg-cubes{
    width: calc(var(--container) + 1000px);
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    mask-image: linear-gradient(90deg, transparent 10%, black 20%, black 70%, transparent 90%);
    -webkit-mask-image: linear-gradient(90deg, transparent 10%, black 20%, black 70%, transparent 90%);
    pointer-events: none;
}
.bg-cubes:before{
    content: '';
    position: absolute;
    left: 0;
    top: -40px;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(img/bg-room-top-primary.svg);
    background-size: 1734px;
    background-repeat: no-repeat;
    background-position: center -3px;
    opacity: 0.8;
    mask-image: linear-gradient(0deg, black 0%, transparent 0%, transparent 34%, black 100%);
    -webkit-mask-image: linear-gradient(0deg, black 0%, transparent 0%, transparent 34%, black 100%);
}

.bg-cubes.bg-cubes-high:before{
    mask-image: linear-gradient(0deg, black 0%, transparent 0%, transparent 14%, black 100%);
    -webkit-mask-image: linear-gradient(0deg, black 0%, transparent 0%, transparent 14%, black 100%);
}

.bg-cubes > .gb-container{
    position: relative;
    z-index: 3;
}

.page-template-default .site.grid-container{
    position: relative;
}


.icon-pulse svg {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 0 0 currentcolor;
	/* animation: pulse 2s infinite; */
    cursor: default;
    overflow: visible;
}

.icon-pulse svg circle.pulse-circle {
	-webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
	transition: -webkit-transform 150ms ease 150ms;
    transition: transform 150ms ease 150ms;
    transition: transform 150ms ease 150ms,-webkit-transform 150ms ease 150ms;
    animation: pulse 2s infinite;
    border-radius: 50%;
}

@keyframes pulse {
  0% {
    transform: scale(0);
  }
  70% {
    transform: scale(3);
    opacity: 0;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}

.blurry{
    background-color: rgba(255,255,255,0.45);
	-webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.blurry-2{
	-webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.blurry-4{
	-webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.blurry-6{
	-webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.blurry-8{
	-webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.blurry-12{
	-webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.subheader{
    background-color: rgba(255,255,255,0.4);
    position: relative;
    top: 0;
    z-index: 10;
	-webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: rgba(17, 24, 28, 0.04) 0px 0px 0px 1px, rgba(17, 24, 28, 0.05) 0px 2px 5px -1px, rgba(17, 24, 28, 0.03) 0px 2px 4px -1px;
    /* box-shadow: var(--shadow-xs); */
}

.subheader svg{
    border-radius: 50%;
    /* border:0.5px solid white; */
    /* box-shadow: var(--shadow-xs); */
}

.subheader .wp-block-page-list{
    display: inline-flex;
    list-style: none;
    gap: 16px;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.subheader .wp-block-page-list a{
    font-size: var(--fontsize-xs);
    display: inline-flex;
    padding: 12px 4px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}

.subheader .wp-block-page-list .current-menu-item a{
    color: var(--primary10);
    border-bottom-color: var(--primary10);
}

.blank-app{
    opacity: 0.6;
}

html .slideout-overlay{
    background-color: rgba(16, 24, 28, 0.5);
}

html .slideout-navigation.main-navigation{
    /* transition: all 0.3s ease; */
    box-shadow: var(--shadow-huge);
    transform: translate3d(100px,0,0);
}

html nav.main-navigation.slideout-navigation .inside-navigation{
    height: calc(100%);
    padding: 24px 40px;
}

body.slideout-enabled.slide-opened{
    overflow: hidden;
}

html .mobile-menu-control-wrapper .menu-toggle, 
html .mobile-menu-control-wrapper .menu-toggle:hover, 
html .mobile-menu-control-wrapper .menu-toggle:focus, 
html .has-inline-mobile-toggle #site-navigation.toggled{
    background-color: transparent;
}

.newsletter-subscription label{
    display: none;
}

.newsletter-subscription{
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--primary1);
    border:1px solid var(--primary6);
}

.newsletter-subscription form{
    display: flex;
    
}

.newsletter-subscription form .newsletter-field-email{
    flex: 1;
}

.newsletter-subscription form input{
    border-radius: 0!important;
    outline: none!important;
    border: 0!important;
    height: 100%;
    background-color: transparent!important;
    color: var(--primary10)!important;
}

.newsletter-subscription form input[type=submit]{
    color: var(--primary10)!important;
}

.newsletter-subscription form input::placeholder {  color: var(--primary8) !important; }
.newsletter-subscription form input:-ms-input-placeholder { color: var(--primary8) !important; }
.newsletter-subscription form input::-ms-input-placeholder { color: var(--primary8) !important; }

body .wp-block-table table, body .wp-block-table td, body .wp-block-table th {
    border: 0;
    margin: 0;
}

body .wp-block-table table{

}

body .wp-block-table img{
    vertical-align: middle;
}

body .wp-block-table thead{
    border-bottom: 0;
}

body .wp-block-table th{
    color: var(--white);
    background-color: var(--primary10);
    border-bottom: 0px solid var(--slate4);
    padding: 8px 16px;
    font-weight: 500;
    font-size: var(--fontsize-xs);
}

body .wp-block-table td {
    padding: 8px 16px;
    vertical-align: middle;
    font-size: var(--fontsize-xs);
}

body .wp-block-table tr:nth-child(even) td {
    background-color: var(--primary2);
}

body .wp-block-table tr:nth-child(odd) td {
    background-color: var(--white);
}

body .wp-block-table tbody tr:last-child td{
    border-bottom: 0;
}

/* Pricing Table List */
body .wp-block-table.pricing-table-list th{
    color: var(--slate9);
    background-color: var(--slate2);
    border-bottom: 1px solid var(--slate5);
    padding: 8px 16px;
    font-weight: 500;
    font-size: var(--fontsize-xs);
	white-space: nowrap;
}

body .wp-block-table.pricing-table-list td{
    border-bottom: 1px solid var(--slate3);
}

body .wp-block-table.pricing-table-list tr > th:first-child{
	width: 256px;
}

body .wp-block-table.pricing-table-list td mark{
	color: var(--primary10);
	background-color: var(--primary3)!important;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 0.85em;
    margin: 0 2px;
}

body .wp-block-table.pricing-table-list tr:nth-child(even) td {
    background-color: var(--slate1);
}

/* Dark-Table */
body .wp-block-table.dark-table th{
    color: var(--white);
    background-color: var(--white4);
    border-bottom: 1px solid var(--white6);
    padding: 8px 16px;
    font-weight: 500;
    font-size: var(--fontsize-xs);
}

body .wp-block-table.dark-table td {
    padding: 8px 16px;
    vertical-align: middle;
    font-size: var(--fontsize-xs);
    color: var(--slate8);
}

body .wp-block-table.dark-table tr:nth-child(even) td {
    background-color: transparent;
    border-bottom:1px solid var(--white4);
}

body .wp-block-table.dark-table tr:nth-child(odd) td {
    background-color: transparent;
    border-bottom:1px solid var(--white4);
}

body .wp-block-table.dark-table tr:last-child td{
    border-bottom: none
}

body .wp-block-table.dark-table mark.has-inline-color{
    color: var(--secondary8)!important;
}

.gb-tabs__buttons{
    flex-wrap: nowrap;
}

@media (max-width: 767px) {
    div.gb-tabs__buttons{
        width: 100%;
        overflow-x: scroll;
        flex-wrap: nowrap;
        justify-content: flex-start;
        border-radius: 0;
        padding-left: 16px;
        padding-right: 16px;
    }
    div.gb-tabs__buttons > button{
        flex-grow: 0;
    }
}

.trustpilot-single img{
    position: relative;
    bottom: -4px;
    margin-left: 8px;
}

div.grid-3-2{
    display: grid;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%; 
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); 
    grid-gap: 24px;
}

div.grid-4-2{
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-gap: 24px;
}

div.grid-5-2{
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    grid-gap: 24px;
}

div.footer-grid{
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-gap: 24px;
}

@media (max-width: 1400px) {
    div.grid-5-2{
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 1200px) {
    div.grid-4-2{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    div.grid-5-2{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 767px) {
    div.grid-4-2{
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    div.grid-5-2{
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
	div.footer-grid{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

.column-gap-32{ grid-column-gap: 32px!important; }
.column-gap-40{ grid-column-gap: 40px!important; }
.row-gap-24{ grid-row-gap: 24px!important; }
.row-gap-32{ grid-row-gap: 32px!important; }

.visibility-hidden{
    visibility: hidden;
}

.highlight-badge mark{
    background-color: var(--primary2);
	border: 1px solid var(--primary4);
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 0.85em;
    margin: 0 2px;
	font-weight: 400;
}

@media (max-width: 1200px) {
	.subheader > .gb-container{
		overflow-x: auto;
		justify-content: flex-start;
		flex-wrap: nowrap;
		white-space: nowrap;
	}
}

@media (max-width: 767px) {
	.subheader > .gb-container{
		padding-left: 24px;
		padding-right: 24px;
	}
}

.text-divider{ 
	position: relative;
	text-align: center;
}

.text-divider:before{
	border-bottom: 1px solid var(--slate5);
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 0px);
  width: 100%;
}

.text-divider > div{
	display:inline-block;
	background: var(--white);
	padding: 0 12px;
	position: relative;
	z-index: 2;
}

.price.big-price sub, .price.big-price sup {
    font-size: 36%;
    letter-spacing: var(--letterspacing-tight);
}

body .wp-block-table.dark-table td {
    font-size: var(--fontsize-s);
}

.want-more{
	border:1px dashed var(--primary5);
}


.blue-cta-grid{
	position: relative;
}

.blue-cta-grid:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(https://staging.vps2day.com/wp-content/themes/vps2day/img/bg-room-bottom.svg);
    background-size: 1740px;
    background-repeat: no-repeat;
    background-position: center calc(100% + 100px);
    mix-blend-mode: difference;
    opacity: 1;
    mask-image: linear-gradient(0deg, black 0%, transparent 40%, transparent 80%, black 100%);
    -webkit-mask-image: linear-gradient(0deg, black 0%, transparent 40%, transparent 80%, black 100%);
    pointer-events: none;
}

.step-line{
	position: absolute;
    width: 90%;
    left: 5%;
    height: 2px;
    top: calc(50% - 72px);
    border-top-width: 2px;
    z-index: 0;
    background: red;
}

.ipv6-badge mark{
	border: 1px solid var(--primary4);
	background-color: var(--primary2);
	border-radius: 8px;
	padding: 0 0.4em;
	font-size: 0.9em;
	font-weight: 400;
	color: var(--primary10);
}

div.minmax-320{
	    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.grid-6-3{
	    display: grid !important;
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
    grid-gap: 24px;
}

@media (max-width: 1200px) {
    div.grid-6-3{
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
}

@media (max-width: 767px) {
    div.grid-6-3{
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}


.grid-7-4{
	    display: grid !important;
    grid-template-columns: repeat(7,minmax(0,1fr)) !important;
    grid-gap: 24px;
}

@media (max-width: 1200px) {
    div.grid-7-4{
        grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    }
}

@media (max-width: 767px) {
    div.grid-7-4{
        grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    }
}

div.fluentform .ff_file_upload_holder{
	display: block;
	background: var(--primary1);
	border:1.5px dashed var(--primary7);
	border-radius: 8px;
	padding: 40px 40px;
	text-align: center;
}

div.fluentform .ff_upload_btn.ff-btn{
	background: var(--primary1);
	font-size: var(--fontsize-s);
	color: var(--primary8);
	border-radius: 9999px;
	padding: 8px 24px;
	text-underline-offset: 0.1em;
	/* text-decoration-thickness: 1em; */
}

div.fluentform .ff_upload_btn.ff-btn u{
	text-decoration-thickness: 2px;
}

div.fluentform .ff-uploaded-list:empty{
	margin-top: 0!important;
}

div.fluentform .ff-uploaded-list:not(:empty){
	font-size: var(--fontsize-xs)!important;
	margin-top: 24px!important;
}

div.fluentform .ff-upload-preview{
	margin-top: 16px;
}

div.fluentform .ff-upload-preview{
	border:none;
}

html #cmplz-manage-consent .cmplz-manage-consent{
	background-color: var(--slate2);
	color: var(--slate12);
}

body.baguetteBox-open{
	overflow:hidden;
}

#baguetteBox-overlay .baguetteBox-button{
	background-color: transparent;
	transition: transform 0.25s ease;
	color: var(--white);
}

#baguetteBox-overlay .baguetteBox-button:hover{
	transform: scale(1.2);
}

#baguetteBox-overlay .baguetteBox-button svg g{
	stroke: var(--white);
	stroke-linecap: round;
	stroke-width: 2;
}

#baguetteBox-overlay{
	background-color: rgba(16, 24, 28, 0.5)!important;
}

#baguetteBox-overlay .full-image{
	padding: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#baguetteBox-overlay .full-image figure{
	display: inline-flex;
	height: auto;
	border-radius: 12px;
	padding: 8px;
	box-shadow: var(--shadow-xl);
	background-color: var(--white);
	transform: scale(0.8);
	transition: transform 0.2s ease-out;
}

.baguetteBox-open #baguetteBox-overlay.visible .full-image figure{
	transform: scale(1);
}

#baguetteBox-overlay .full-image img {
	width: 100%;
	height: auto;
	max-height: inherit;
	max-width: 1272px;
	border-radius: 8px;
	box-shadow: none;
}

@media (max-width: 767px) {
    #baguetteBox-overlay .full-image{
		padding: 8px;
	}
}

button.menu-toggle{ padding: 8px; }

.infrastructure-logos > div{
	max-width: 8%;
}

@media (max-width: 767px) {
    .infrastructure-logos > div{
		max-width: 20%;
	}
}

.gb-accordion__content li:not(:last-child){
	margin-bottom: 16px;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
	top: auto;
	bottom: -44px;
}

.swiper-pagination-bullet{
	background-color: var(--white8);
	opacity: 1;
}

.swiper-pagination-bullet-active{
	background-color: var(--white);
}

.vps2day-server-status-list-wrap{
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.vps2day-server-status-list-wrap > div{
	width: 50%;
}

.vps2day-server-status-list-wrap h3{
    font-size: var(--fontsize-s);
    line-height: var(--lineheight-normal);
    font-weight: 500;
    margin-bottom: 24px;
    color: var(--slate11);
    /* display: none; */
}

.vps2day-server-status-list-wrap ul:not(:last-child){
	margin-bottom: 40px;
}

.vps2day-server-status-list{
	list-style: none;
	margin: 0;
	padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vps2day-server-status-list li{
    display: flex;
    justify-content: space-between;
    padding: 12px 24px;
    /* margin-bottom: 8px; */
    /* border-radius: 8px; */
    font-weight: 500;
    box-shadow: var(--shadow-xs);
    color: var(--slate11);
    border-radius: 8px;
    background-color: var(--white);
}

.vps2day-server-status-list li.operational{
    color: var(--slate12);
    /* background-color: var(--slate1); */
}

.vps2day-server-status-list li.operational .operational-text{
    color: var(--secondary10);
}

.vps2day-server-status-list li.not-operational{
    border: 1px solid #FFDCDD;
    background-color: #FFFCFC;
    color: #CE2D32;
}

.vps2day-server-status-list li span{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
}

.vps2day-server-status-list li svg{
	height: 28px;
	width: 28px;
}

/* Overall Status */
.vps2day-server-status-overall{
	  display: flex;
    align-items: center;
    gap: 0.35em;
}

.vps2day-server-status-icon{
	display: flex;
}

.vps2day-server-status-overall svg{
	width: 20px;
	height: 20px;
}

.vps2day-server-status-overall-operational{
	color: var(--secondary11);
}

.vps2day-server-status-overall-not-operational{
	color: #CE2D32;
}

.vps2day-server-status-overall a, .vps2day-server-status-overall a:hover, .vps2day-server-status-overall a:visited{
    color: inherit!important;
}

.status-updates .vps2day-server-status-overall{
    font-size: var(--fontsize-3xl);
    line-height: var(--lineheight-tightest);
    letter-spacing: var(--letterspacing-tight);
	font-weight: 500;
}

.status-updates-footer .vps2day-server-status-overall{
	font-size: 16px;
}

.status-updates-footer .vps2day-server-status-overall svg{
	width: 16px;
	height: 16px;
}

div.feature-left:before{
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 45%;
    pointer-events: none;
    background-size: contain;
    background-position: center center;
    height: 100%;
    opacity: 0.3;
    transform: scale(2);
    pointer-events: none;
}

div.feature-right:before{
    content: "";
    z-index: 0;
    position: absolute;
    top: auto;
    right: 0;
    bottom: auto;
    left: auto;
    width: 45%;
    pointer-events: none;
    background-size: contain;
    background-position: center center;
    height: 100%;
    opacity: 0.3;
    transform: scale(2);
    pointer-events: none;
}

@media (max-width: 767px){
    .vps2day-server-status-list-wrap{ flex-direction: column; }
    .vps2day-server-status-list-wrap > div{ width: 100%; }
    .gb-container-8c4acc2d > div{ width: 100%; justify-content: center; }
    .gb-container-6f18d070 .price{ font-size: var(--fontsize-7xl) !important; }
    .pricing-table-list{ overflow-x: scroll; }
    .pricing-table-list table{ min-width: 800px; }
    .pricing-table-list table{ table-layout: auto !important; }
    .pricing-table-list table th,
    .pricing-table-list table td{ white-space:nowrap; }
    .gb-container-46fb5949{ margin-top: 64px; }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -32px; }
    div.gb-tabs__buttons{ flex-direction: column; gap: 8px; }
    div.gb-tabs__buttons > *{ justify-content: center; }
    .gb-tabs__item .operating-systems{ flex-wrap: wrap; }
    .gb-container-dd2625e1.grid-7-4{ grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
    .gb-container-552d45a8{ flex-wrap: wrap; gap: 16px; }
    .gb-container-552d45a8 h2{ flex-direction: column; align-items: flex-start; gap: 16px; }
    .gb-container-552d45a8 a{ margin-left: 0; display: flex; width: 100%; justify-content: center; }
    .gb-container-552d45a8 h2 .gb-icon svg{ width: 1.4em!important; height: 1.4em!important; }
    .gb-container-30d3e1f6 strong{ display: block; }
}

/* New Servinga Additions
------------------------------------------------------------------------------- */

/* Megamenu Reset
------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .inside-navigation {
        position: unset;
    }

    .inside-navigation .mega-menu {
        position: relative;
    }

    .inside-navigation .mega-menu .sub-menu {
        width: 100%;
        left: 0 !important;
        background: transparent;
        box-shadow: none;
    }

    .inside-navigation .mega-menu .sub-menu > .menu-item {
        left: 0px !important;
        opacity: 1;
    }

}

.inside-navigation .mega-menu .sub-menu a {
    display: inline-flex;
    font-weight: unset;
    line-height: unset;
    /* color: unset; */
}
.inside-navigation .mega-menu .sub-menu a:not(.gb-button) {
    font-size: unset;
    padding: 0;
}

.inside-navigation .mega-menu .sub-menu ul {
    overflow: visible;
    opacity: 1;
    left: 0;
    position: relative;
}

.inside-navigation .mega-menu .sub-menu > .menu-item ul{
    list-style: disc;
    background: unset;
    height: 100%;
    box-shadow: unset;
    margin-left: 20px;
    visibility: visible;
    border: unset;
    pointer-events: auto;
}

/* Style links inside mega menu */
/* .inside-navigation .mega-menu .sub-menu > .menu-item a{
	color: var(--slate12);
}

.inside-navigation .mega-menu .sub-menu > .menu-item a:hover{
	color: var(--primary10);
} */

/* New Servinga Additions
------------------------------------------------------------------------------- */
.main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul{
    left: auto;
    opacity: 0;
    transition-delay: initial;
    pointer-events: auto;
    height: auto;
    overflow: visible;
}

.dropdown-click .sfHover > a > .dropdown-menu-toggle > .gp-icon svg{
	transform: none;
}

html .main-navigation .mega-menu ul.sub-menu{
    padding: 0;
    margin: 0;
	margin-top: 8px;
    width: 840px;
    box-shadow: none;
    color: unset;
    font-size: var(--fontsize-s);
    font-weight: unset;
    display: block;
    left: 0;
    height: auto;
    visibility: hidden;
    opacity: 0;
    pointer-events: initial;
    transition-delay: unset;
    transform: scale(0.95);
    transition: visibility 0s linear 0s, opacity 0s, transform 0s;
}

html .main-navigation .mega-menu.mega-menu-small ul.sub-menu{
	width: 592px;
}

html .main-navigation .mega-menu.sfHover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    pointer-events: initial;
    transform: scale(1);
	transition: visibility 0s linear 0s, opacity 300ms, transform 250ms;
}

.main-navigation .main-nav ul ul li a{
	font-size: unset;
}

html .main-navigation .mega-menu ul.sub-menu li a{
    padding: 0;
    border: 0;
    margin: 0;
    /* color: unset; */
    font-weight: unset;
    transition-delay: unset;
}

.mega-menu-block{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--shadow-m);
    background-color: var(--white);
}

.mega-menu-big-item a{
	font-size: var(--fontsize-xs);
}

.mega-menu-big-item, .mega-menu-big-item *, .mega-menu-big-item *:hover{
    transition: all 0.2s;
    transition-delay: initial!important;
}

.mega-menu-big-item.primary:hover .gb-headline-paragraph-small{ color: var(--primary11); }
.mega-menu-big-item.primary:hover .gb-headline-paragraph-small mark{ color: var(--primary9); background-color:var(--primary3);}
.mega-menu-big-item.primary:hover .gb-headline-paragraph-extra-small{ color: var(--primary10); }

.mega-menu-big-item.secondary:hover .gb-headline-paragraph-small{ color: var(--secondary11); }
.mega-menu-big-item.secondary:hover .gb-headline-paragraph-small mark{ color: var(--secondary9); background-color:var(--secondary3);}
.mega-menu-big-item.secondary:hover .gb-headline-paragraph-extra-small{ color: var(--secondary10); }

.mega-menu-big-item.purple:hover .gb-headline-paragraph-small{ color: var(--purple11); }
.mega-menu-big-item.purple:hover .gb-headline-paragraph-small mark{ color: var(--purple9); background-color:var(--purple3);}
.mega-menu-big-item.purple:hover .gb-headline-paragraph-extra-small{ color: var(--purple10); }

.menu-item-has-children .dropdown-menu-toggle{
	width: 24px;
    padding-left: 8px;
    padding-right: 0;
}

.mega-menu-big-item a:not([target]):not([class]) {
    display: none;
	pointer-events: none;
}

.mega-menu-big-item mark{
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
    text-decoration: none;
    font-family: inherit;
	background: var(--slate3);
	color: var(--slate10);
    border-radius: 4px;
    margin: 0 0 0 4px;
	display: inline;
    padding: 2px 8px 2px 8px;
    top: -2px;
    position: relative;
}

/* Submenu */
.main-navigation [id^="menu-main-navigation"] li:not(.mega-menu) ul.sub-menu{
	display: block;
	margin-top: 8px;
	background-color: var(--white);
	box-shadow: var(--shadow-m);
	border-radius: 4px;
	padding: 16px 24px 16px 24px;
	opacity: 0;
    pointer-events: initial;
    transform: scale(0.95);
    transition: visibility 0s linear 300ms, opacity 300ms, transform 250ms;
	transition-delay: 0s;
}

.main-navigation [id^="menu-main-navigation"] li:not(.mega-menu) ul.sub-menu li a{
	padding: 6px 0;
	font-size: var(--fontsize-xs);
	font-weight: normal;
	color: var(--slate12);
}

.main-navigation [id^="menu-main-navigation"] li:not(.mega-menu) ul.sub-menu li a:hover{
	color: var(--primary10);
}

.main-navigation [id^="menu-main-navigation"] li.sfHover:not(.mega-menu) ul.sub-menu{
	opacity: 1;
    pointer-events: initial;
	transform: translateY(0px) scale(1);
    transition: visibility 0s linear 0s, opacity 300ms, transform 250ms;
}

.main-navigation .main-nav ul li a{
	padding-left: 16px;
	padding-right: 16px;
}

.main-navigation .main-nav ul li.menu-item-has-children>a{
	padding-right: 16px;
}

/* Hero: Block Dark */
.block-hero-dark{
    position: relative;
}

.block-hero-dark:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(img/bg-radar.svg);
    background-repeat: no-repeat;
    background-position: center -50vh;
    mix-blend-mode: color-dodge;
    opacity: 0.3;
    mask-image: linear-gradient(to bottom, transparent 10%, black);
    -webkit-mask-image: linear-gradient(to bottom, transparent 10%, black);
	pointer-events: none;
}

.block-hero-dark:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
	background-image: url(img/bg-meshgradient.svg);
    background-repeat: no-repeat;
    background-position: center 5vh;
    background-size: auto;
    opacity: 1;
	pointer-events: none;
	mask-image: linear-gradient(to bottom, transparent 0%, black 30%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%);
}

.block-hero-dark > .gb-container{
	position: relative;
	z-index: 10;
}

.block-hero-dark .gb-shapes{
	position: relative;
	z-index: 4;
}

/* Pre Heading Badge */
.pre-heading-badge{
	webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.pre-heading-badge strong{
	background-color: rgba(141, 165, 239, 0.1);
    border-radius: 999px;
    padding: 2px 12px;
    margin-right: 12px;
    font-weight: 500;
}

/* Separator */
hr.wp-block-separator{
	border-top: 1px;
	border-top-color: var(--slate4);
}

body:not(.header-merge) .topbar{
	position: relative;
	background-color: var(--slate12);
	color: var(--primary2);
}

body:not(.header-merge) .topbar:before{
	content: '';
	height: 100%;
	width: 100%;
	top: 0;
	position: absolute;
	border-bottom: 0.5px solid rgba(0,0,0,0.3);
	z-index: 2;
}

body:not(.header-merge) .topbar:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	z-index: 1;
    width: 100%;
    height: 100%;
	background-image: url(img/bg-meshgradient.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
	pointer-events: none;
}

body:not(.header-merge) .topbar > div{
	position: relative;
	z-index: 10;
}


/* Rainbow */
.rainbow{
	display: inline-block;
    background: linear-gradient(135deg, var(--primary11) 18%, var(--purple11) 49%, var(--secondary11) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rainbow{
	display: inline-block;
    background: linear-gradient(135deg, var(--primary11) 18%, var(--secondary11) 49%, var(--purple11) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Background Radar */
.bg-radar{
    width: calc(var(--container) + 1000px);
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    mask-image: linear-gradient(90deg, transparent 10%, black 20%, black 70%, transparent 90%);
    -webkit-mask-image: linear-gradient(90deg, transparent 10%, black 20%, black 70%, transparent 90%);
    pointer-events: none;
}

.bg-radar:before{
    content: '';
    position: absolute;
    left: 0;
    top: -40px;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(img/bg-radar-dark.svg);
    background-size: 1680px;
    background-repeat: no-repeat;
    background-position: center -200px;
    opacity: 1;
    mask-image: linear-gradient(0deg, black 0%, transparent 0%, black 100%);
    -webkit-mask-image: linear-gradient(0deg, black 0%, transparent 0%, black 100%);
}

/* .bg-radar:before{
    mask-image: linear-gradient(0deg, black 0%, transparent 0%, transparent 14%, black 100%);
    -webkit-mask-image: linear-gradient(0deg, black 0%, transparent 0%, transparent 14%, black 100%);
} */

.bg-radar > .gb-container{
    position: relative;
    z-index: 3;
}

.blog-post .gb-block-image a{
    display: block;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.blog-post .gb-block-image a:before{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    z-index: 2;
    content: "";
    display: block;
    transition: background-color 0.3s ease;
}

.blog-post .gb-block-image a:hover:before{
    background-color: rgba(0, 0, 0, 0.12);
}

/* Standard Content */
.standard-content{
    font-size: var(--fontsize-s);
	color: var(--slate11);
}

.standard-content p:not(:last-child){
    margin-bottom: 24px;
}

.standard-content h1,
.standard-content h2,
.standard-content h3,
.standard-content h4,
.standard-content h5,
.standard-content h6{
    color: var(--slate12);
}

.standard-content h2{ font-size: var(--fontsize-2xl); line-height: var(--lineheight-tighter); letter-spacing: var(--letterspacing-tighter); font-weight: 500; }
.standard-content h3{ font-size: var(--fontsize-l); line-height: var(--lineheight-tight); letter-spacing: var(--letterspacing-tight); font-weight: 500; }
.standard-content h4{ font-size: var(--fontsize-xl); font-weight: 500; }

.standard-content h1:not(:first-child),
.standard-content h2:not(:first-child),
.standard-content h3:not(:first-child),
.standard-content h4:not(:first-child),
.standard-content h5:not(:first-child),
.standard-content h6:not(:first-child){
    margin-top: 56px;
	margin-bottom: 8px;
}

.standard-content hr.wp-block-separator{
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    border-top: 1px solid var(--color-grey-300);
    margin: var(--spacing-m) 0;
}

.standard-content ul{
    list-style: disc;
    padding-left: var(--spacing-xs);
    margin-bottom: var(--spacing-1-25);
}

.standard-content ul li:not(:last-child){
    margin-bottom: var(--spacing-0-25);
}

.standard-content p a{
    font-weight: var(--font-weight-semibold);
    color: var(--color-cobalt-500);
    text-decoration: underline;
    text-decoration-color: var(--color-cobalt-300);
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.16em;
}

.standard-content div:not(.color-underline) a:hover{
    color: var(--color-cobalt-500);
    /* text-decoration-color: var(--color-cobalt-300); */
}

.standard-content p mark.has-inline-color{
    background-color: var(--color-yellow-100)!important;
    padding: 4px;
    border-radius: 2px;
    font-weight: var(--font-weight-bold);
}

.standard-content code, 
.standard-content kbd, 
.standard-content samp{
    font-family: var(--font-mono);
    color: var(--color-grey-900);
    background-color: var(--color-grey-200);
    padding: 4px;
    font-size: var(--font-size-s);
    border-radius: 2px;
}

.standard-content p.has-background, .standard-content .wp-block-group.has-primary-2-background-color{
    background-color: var(--slate1);
    border-radius: 12px;
    padding: 40px;
    margin: 0 calc(-1 * 40px) 24px calc(-1 * 40px);
}

.standard-content .wp-block-group.has-primary-2-background-color{
    margin-top: 56px; 
}

.standard-content .wp-block-group.has-primary-2-background-color p:last-child{
    margin-bottom: 0;
}

.standard-content .wp-block-group.has-primary-2-background-color h2,
.standard-content .wp-block-group.has-primary-2-background-color h3,
.standard-content .wp-block-group.has-primary-2-background-color h4{
    margin-bottom: 8px;
}

.standard-content .wp-block-group__inner-container{
    padding: 0;
}

.standard-content p.has-background.has-luminous-vivid-amber-background-color{
    background-color: var(--color-yellow-100);
    color: var(--color-grey-800);
}

.standard-content p.has-background.has-vivid-green-cyan-background-color{
    background-color: var(--color-green-100);
    color: var(--color-green-600);
}

.standard-content p.has-background.has-vivid-red-background-color{
    background-color: var(--color-magenta-100);
    color: var(--color-magenta-600);
}

.standard-content pre.wp-block-code{
    position: relative;
    background-color: var(--color-cobalt-100);
    border-radius: var(--border-radius-m);
    color: var(--color-cobalt-500);
    padding: var(--spacing-1);
    margin: 0 0 var(--spacing-1-25) 0;
    margin: 0 calc(-1 * var(--spacing-1)) var(--spacing-1-25) calc(-1 * var(--spacing-1));
    font-family: var(--font-mono);
    font-size: var(--font-size-s);
    overflow: hidden;
}

/* .standard-content pre.wp-block-code:before{
    content: 'Code';
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: var(--color-cobalt-500);
    color: var(--color-white);
    font-weight: var(--font-weight-bold);
    z-index: 2;
    font-size: var(--font-size-xs);
    padding: var(--spacing-0-25) var(--spacing-0-5);
    border-radius: var(--border-radius-s);
    line-height: 1.2;
} */

.standard-content pre.wp-block-code code{
    padding: 0;
    color: inherit;
    background-color:unset;
    font-size: inherit;
}

.standard-content hr{
    align-items: center;
    display: flex;
    height: var(--spacing-m);
    border: none!important;
}

.standard-content .wp-block-image, 
.standard-content .wp-block-video, 
.standard-content figcaption, 
.standard-content figure{
    margin-top: var(--spacing-1-25);
    margin-bottom: var(--spacing-1-25);
}

.standard-content .wp-block-image img{
    border-radius: var(--border-radius-m);
    border: 1px solid var(--color-grey-300);
    box-shadow: var(--shadow-xs);
    padding: 12px;
}

.standard-content .alignwide{
    width: calc(100% + 280px);
    max-width: calc(100% + 280px);
    margin-left: calc(280px / -2);
    margin-right: calc(280px / -2);
    /* margin-left: calc(-1 * (100vw - var(--max-width-column-9)) / 2); */
}

.standard-content .wp-block-image figcaption{
    color: var(--color-grey-600);
    font-size: var(--font-size-xs);
    margin: var(--spacing-0-5) 0 0 0;
}

/* Hero Image */
.hero-image{
    position: relative;
    /* max-width: 1320px; */
    background-size: cover;
    margin: 0 auto;
    /* mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%); */
}
.hero-image:before{
    content: '';
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAACBZJREFUaEN9mg1RXEsQRu8qABSAg+AAHAQH4AANkRAJcQAOwAFxkCgAFOyrM1Xn1qGz9bYqtXfvzPT0z9df9ww5XF1dHc/Pz7e3t7ft6upq+/bt2/b79+/1/OfPn40Pz4x/fHys5+vr6zXGb77v7+/XGj7Iury83P7+/bvGkPf6+rrW8fn+/fv6zRhzla8837m3MtnL/Z3D2OHh4eH49PS0lGICgy7m+ezsbPv8/NyVZR7G8I2ifFDedRqOLJVljPfKZ02fdR7yaqxGqrDfGoMOh9vb2yMT+efmt7e3S7EZAQSoKN94F0/3w3s2MJI3Nzfbz58/1zqepzNUqhFWcZ1Vj2u80ThcX18ffanHEAYsnp+f942Zg3cMuTAxGghUDsqrqO8LSQxBVj0rHJnH+5eXlxVBout892aMOTj6cH5+fnQRQgwnz3gACInvelrI8Q6B/EYOcESwkdKAYrnPRqq51LU1kjns44ffB5KYTbBSODQPxK5hLS6Zh5eIlBBUlkbjECGpMc5VEWFnXgjVRoVnc4Rx4bUMUOBMRKFgPmhMI6EHnaNwNxOrKlc2qfdlQJyo4sriN0hwzAguFiIHyjYqooXiWhp0HK9iOIqaK24IjO7u7rb39/ftcDgsWPJBpnArHBzXQcLXORrdBDZKh8fHxyMJhRA2RSEWYi2Tjsfj2hglm2AkuR4p/YrZbm6iGznrivRqDZjREq6NvORhFBaNmrgumILYiDkqpwIa1KJkqBtBIVomkoILLZUjukTKsRpgcdTBy4DChIXdSEs1wkosTlusil3W1VvCQkdM5RpFicG90KkUqkF8LwOkStmAAbEKOwmfGYXSmQr4ToWRg0cxphVb1pPzzbEyEGsfHx+3X79+7ZW8Ccweqw64iE0QRHhsIWZdMOHq3bJYjWpVlqJb8JgLlEz0tik6sFRb9jPai4XafBXnzX4xa3K22UIwXtY4IaljfG9uKasyZ7vQvNIRvGOf0ureSrS4uHEpr4xRmPC+rUErb2tD2akwqZE1AuP4ELlJMqX0VchM2rbSLLbnUHmVm72MiorzQkEKxUHiXniaH2K9/ZF7tddqndCJeyVu1dPierpsU1xa4hE+k12Ptg4oW1iYlMLJbqAwtE54DmEvieYLhNwQnFFN+XhYKf/q8dKdipRKhQfFcB6SbAabZ32nIcJFlMw+ahlguOaieoPwowQetM1lnGdorh4TilKpfVEh5p5lM6GFXJ6BlF5HcfZi3cXFxX4i3GlUhrC30Rv2PIwbfuE0DRcWbmozKKNYpesYqznviFT7Kiu+DjPyfOvQw7ZtK4n1FoMo6oRZleuRjvle2MjxRE3jGfOgZJScb2NITWhLo2Mttt1zVWIMeHh4+Kf36IJ2i3rZbzaopy35QooxvDq7W34jQyYq/QoXIKQB5koPUuyxH2hUyKRxAb+BFeMeUoyW7KAXCxEjqVwLnYo2YUuPKly4CLNGUhitJJ5Vr79lF6lTFjD5WqBkpbmmzih9aoyUSDtvhfck18jgICBW53zpRtvDt2WYfXmTkOfmS2l0OkJ4FePTWA89s4XGOVbl1qx1L4S1LV7FeYuZ8Gp1FevtJls9dUTlnIqIRrWd0FG+49uO2P1WDlT4qVowN6zgNnW9/gBiXK1IhYWO+AYy5o3MJ0Q4jrK+B/kym2y0DDAJywjleDHXK41ic/ZSjNVI5XvNaNSQ57u2C65Vjk4QbkYCSt4rscziIr3EBqVML6xkJ/sf57f4MFfFxL+JWCPLakJuXseYW9KvDlxJ3Oo7E6+5IfX1kDPbA1kKQ6isGE+rIY5Lo3rSal+InIKpid08+XI3artbBtCzwqDFp+zEPPsXvatnNcQ60rxobsykRT4w8cK3UUAmrPRPHTBhe8JqIdGDLTgT8xhjEpcmS7G+t8sleXtJ1n14Vp8y5DqOksT2MSqlJ1rSfddSLlxsE/R4bxG6Ic+2KCWJSaEtcLMiy3rKXd1ok0io/N9JalJiQ1vP1ujyN+E3wZlvkapyLXqnGG83gCQWNr0LZcP29e1Y3ahe1HBlaQi/e3hXMXOmF8omtUXKCEu7OtqasefAKQstbirSi1hvzsoGPJdCvcvp5vWqsK1BM5eAG4cXIGkyz4q+2mkHS3GGvHCRMlEUxuJDHWgNMBIWP+b2pFVn6QAh5TyV1CnmVKGuY1cS21k2dOVtDCSc7c/Ft7CziqOEp6rKM/mbsMg41aoXKhM2PWYic++FbAeEQfv1mVCtCXqvyYuMtg0aa34YPRK5EDOZvZ9tJAod5fFubyXaSs+iZfnuAUbYzP5IRurBqPJKkdx8lBxkPk+AOlEYzwsForcbIGSc3FBXqfK6dcMNm9Sz4DlmZExYIz8ZiCgxBzjStZoH3WNFwEN9McqAh5QWEr0tjRZ2RsekpW2wwPUmehamEoBGAaUfP36s/km49LlG7wYUY4bVjVvU9IBzVJxN+Xg9WBKQkaBfN2/REr79O1jZz3OGp7XqsENIwWw2/3oyDRA6NVpje8BhvHxvYVJR9/LvBpKFd7KTPNCxZ4MFIVqJ9thtlWfP38rYJMYg+3ebOOuIsCijtGDJXq6fR0ZZqm1+GXJFAI9TOYFBqa1Yb9tQzzcahNbWmfd2mBrb+1HXtWu1M/UPLDiQJJZ2/btYj5lfutEq5p923Fzc2aHaw3hw6d9wK8fDiiwjrDDAZBUB9l/IKlR61i4seb9XYnoO4TPbW6FjRPSaUelvPdtvMW8r4n/6OEXVGCrbCc1WdN55f8T6/wDXPB83u5mw7AAAAABJRU5ErkJggg==);
    background-position: 0 0;
    background-size: 32px;
    opacity: 0.2;
    mix-blend-mode: overlay;
}

.hero-image:after{
    z-index: 2;
}

.hero-image > div{
    position: relative;
    z-index: 4;
}

.hero-image h1{
    display: inline;
    background: var(--white);
    box-shadow: 10px 0 0 var(--white), -10px 0 0 var(--white);
}
.hero-image h2{
    display: inline;
    line-height: 1.1;
    background-color: #ffffff;
    display: inline;
    padding: 0.45rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* Section Image */
.section-image:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	z-index: 4;
    width: 100%;
    height: 100%;
	background-image: url(img/bg-meshgradient.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    opacity: 0.75;
	pointer-events: none;
}

.section-image > .background-mask + div{
    position: relative;
    z-index: 10;
}

h1.multiline, h2.multiline{
    display: inline;
    background: white;
    border-radius: 3px;
    padding: 2px 16px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: var(--shadow-xl);
}

/* Hero Business */
.hero-business:before{
    mask-image: linear-gradient(to bottom, transparent 10%, black);
    -webkit-mask-image: linear-gradient(to bottom, transparent 10%, black);
	pointer-events: none;
}

.hero-business:after {
	mask-image: linear-gradient(to bottom, transparent 30%, black 80%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 30%, black 80%);
}

/* Hero VPS */
.hero-vps:before{
    mask-image: linear-gradient(to bottom, transparent 10%, black);
    -webkit-mask-image: linear-gradient(to bottom, transparent 10%, black);
	pointer-events: none;
}

.hero-vps:after {
	mask-image: linear-gradient(to bottom, transparent 0%, black 0%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 0%);
}

/* Hero Standard */
.hero-standard:before{
    opacity: 0.5;
    z-index: 0;
    mask-image: linear-gradient(to bottom, black 0px, transparent 200px);
    -webkit-mask-image: linear-gradient(to bottom, black 00px, transparent 200px);
	pointer-events: none;
}

.hero-standard:after {
	mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}


.confetti { overflow: hidden; position: absolute; pointer-events: none; left: 0; right: 0; top: 0; width: 100%; height: 100%; }
.confetti-piece { position: absolute; width: 8px; height: 16px; background: var(--primary8); top: 0; opacity: 0; }
.confetti-piece:nth-child(1) { left: 7%; transform: rotate(71deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 397ms; animation-delay: 397ms; -webkit-animation-duration: 1062ms; animation-duration: 1062ms; }
.confetti-piece:nth-child(2) { left: 14%; transform: rotate(-79deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 165ms; animation-delay: 165ms; -webkit-animation-duration: 971ms; animation-duration: 971ms; }
.confetti-piece:nth-child(3) { left: 21%; transform: rotate(78deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 381ms; animation-delay: 381ms; -webkit-animation-duration: 1044ms; animation-duration: 1044ms; }
.confetti-piece:nth-child(4) { left: 28%; transform: rotate(-75deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 222ms; animation-delay: 222ms; -webkit-animation-duration: 1119ms; animation-duration: 1119ms; }
.confetti-piece:nth-child(5) { left: 35%; transform: rotate(-4deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 405ms; animation-delay: 405ms; -webkit-animation-duration: 1088ms; animation-duration: 1088ms; }
.confetti-piece:nth-child(6) { left: 42%; transform: rotate(37deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 336ms; animation-delay: 336ms; -webkit-animation-duration: 848ms; animation-duration: 848ms; }
.confetti-piece:nth-child(7) { left: 49%; transform: rotate(77deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 205ms; animation-delay: 205ms; -webkit-animation-duration: 1067ms; animation-duration: 1067ms; }
.confetti-piece:nth-child(8) { left: 56%; transform: rotate(68deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 8ms; animation-delay: 8ms; -webkit-animation-duration: 801ms; animation-duration: 801ms; }
.confetti-piece:nth-child(9) { left: 63%; transform: rotate(66deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 425ms; animation-delay: 425ms; -webkit-animation-duration: 779ms; animation-duration: 779ms; }
.confetti-piece:nth-child(10) { left: 70%; transform: rotate(-25deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 108ms; animation-delay: 108ms; -webkit-animation-duration: 725ms; animation-duration: 725ms; }
.confetti-piece:nth-child(11) { left: 77%; transform: rotate(-70deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 460ms; animation-delay: 460ms; -webkit-animation-duration: 739ms; animation-duration: 739ms; }
.confetti-piece:nth-child(12) { left: 84%; transform: rotate(37deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 7ms; animation-delay: 7ms; -webkit-animation-duration: 955ms; animation-duration: 955ms; }
.confetti-piece:nth-child(13) { left: 91%; transform: rotate(13deg); -webkit-animation: makeItRain 1000ms infinite ease-out; animation: makeItRain 1000ms infinite ease-out; -webkit-animation-delay: 29ms; animation-delay: 29ms; -webkit-animation-duration: 1010ms; animation-duration: 1010ms; }
.confetti-piece:nth-child(odd) { background: var(--secondary9); }
.confetti-piece:nth-child(even) { z-index: 1; }
.confetti-piece:nth-child(4n) { width: 5px; height: 12px; -webkit-animation-duration: 2000ms; animation-duration: 2000ms; }
.confetti-piece:nth-child(3n) { width: 3px; height: 10px; -webkit-animation-duration: 2500ms; animation-duration: 2500ms; -webkit-animation-delay: 1000ms; animation-delay: 1000ms; }
.confetti-piece:nth-child(4n-7) { background: var(--primary9); }

.confetti-purple .confetti-piece { background: var(--purple9); }
.confetti-purple .confetti-piece:nth-child(odd) { background: var(--secondary9); }
.confetti-purple .confetti-piece:nth-child(4n-7) { display: none; background: transparent; }

@keyframes makeItRain {
 from { opacity: 0.2; }
 50% { opacity: 1; }
 to { transform: translateY(200px); }
}

/* BG Glow Primary */
.bg-glow-primary:before{
    position: absolute;
    top: 0;
    left: 0%;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url(img/bg-glow-primary.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    pointer-events: none;
    opacity: 0.2;
    /* transform: scale(1.8); */
}

.bg-glow-primary > div{
    position: relative;
    z-index: 1;
}

.glass{
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
}

/* Icon Jiggle */
.icon-jiggle .gb-icon{
    transform: rotate(70deg);
    animation: tada 1.5s ease infinite;
}

@keyframes tada{
	from{ transform:scale3d(1,1,1); }
	10%,20%{ transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg); }
	30%,50%,70%,90%{ transform:scale3d(1,1,1) rotate3d(0,0,1,10deg); } 
	40%,60%,80%{ transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg); } 
	to{ transform:scale3d(1,1,1); }
}

@media (min-width: 1025px) {
    .sticky-sidebar {
        position: sticky;
        z-index: 2000;
        top: 40px;
    }
}

.clamp a{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.balance {
    text-wrap: balance;
}

.background-mask, .background-pattern {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	z-index: 5;
}

.background-mask{
	background-size: cover;
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDE5MjAgMTQ0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4gc2xpY2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSIwIDAgMCAxNDQwIDE0MzEuMTggMTQ0MCA5NTUuNzkgMCAwIDAiLz4KCQkJCQkJCQkJPHBvbHlnb24gcG9pbnRzPSIxMjkxLjkyIDAgMTc2Ny4zMiAxNDQwIDE4MTYuMTMgMTQ0MCAxMzQwLjczIDAgMTI5MS45MiAwIi8+CgkJCQkJCQkJCTxwb2x5Z29uIHBvaW50cz0iMTcyNS42OCAwIDE2NzYuODcgMCAxOTIwIDczNi40NSAxOTIwIDU4OC42MSAxNzI1LjY4IDAiLz48L3N2Zz4=);
    
	background-size: cover;
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0iI0ZGRkZGRiIgdmlld0JveD0iMCAwIDE5MjAgMTQ0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4gc2xpY2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4NjQuNzIsMTA5OC45MSwxNzg1LjI2LDEwNTNhMzMuNTgsMzMuNTgsMCwwLDEtMTYuNzQtMjlWOTMyLjNhMzMuNTgsMzMuNTgsMCwwLDEsMTYuNzQtMjlsNzkuNDYtNDUuODdhMzMuNTgsMzMuNTgsMCwwLDEsMzMuNDgsMEwxOTIwLDg3MFY1NjBsLTI1LjYxLDE0Ljc4YTI4LjIsMjguMiwwLDAsMS0yOC4xLDBMMTc5NS43Miw1MzRhMjguMTksMjguMTksMCwwLDEtMTQtMjQuMzRWNDI4LjE4YTI4LjE5LDI4LjE5LDAsMCwxLDE0LTI0LjM0bDcwLjU3LTQwLjc0YTI4LjIsMjguMiwwLDAsMSwyOC4xLDBMMTkyMCwzNzcuODlWMEgxNzE4LjkxVjEyLjUyYTQwLjk0LDQwLjk0LDAsMCwxLTIwLjQxLDM1LjM2bC05MS41Nyw1Mi44N2E0MSw0MSwwLDAsMS0zNy43NCwxLjU5cS0xLjMxLS44NC0yLjY0LTEuNjJMMTQ3NSw0Ny44NmMtMS0uNjEtMi4xMS0xLjE3LTMuMTctMS43MWE0MSw0MSwwLDAsMS0xNy43LTMzLjYzVjBoLTI5Ljc3VjEyLjM4YTQxLDQxLDAsMCwxLTIwLjQyLDM1LjM2bC05MS41Nyw1Mi44N2E0MC45NCw0MC45NCwwLDAsMS00MC44MywwTDExODAsNDcuNzRhNDAuOTQsNDAuOTQsMCwwLDEtMjAuNDEtMzUuMzZWMEgwVjE0NDBIMTE5Ny4xM3YtMS4yMWEyNi42OCwyNi42OCwwLDAsMSwxMy4zMS0yM2w2OC4xMi0zOS4zM2EyNi43MSwyNi43MSwwLDAsMSwyNi42MSwwbDY4LjEyLDM5LjMzYTI2LjY3LDI2LjY3LDAsMCwxLDEzLjMsMjNWMTQ0MEgxOTIwVjEwODYuMzNsLTIxLjgsMTIuNThBMzMuNTgsMzMuNTgsMCwwLDEsMTg2NC43MiwxMDk4LjkxWm0tMTguMTctNDYzLjIyQTQxLDQxLDAsMCwxLDE4NjcsNjcxLjA1Vjc3Ni43OWE0MSw0MSwwLDAsMS0yMC40MiwzNS4zNkwxNzU1LDg2NWE0MC45Myw0MC45MywwLDAsMS0zOS4zNi43OWMtLjQ1LS4yNy0uODktLjU1LTEuMzUtLjgxbC05MS41Ny01Mi44N2MtLjQ4LS4yOC0xLS41NC0xLjQ3LS44MWE0MC45Myw0MC45MywwLDAsMS0xOS4wNi0zNC41MlY2NzEuMDVhNDAuOTQsNDAuOTQsMCwwLDEsMjAuNDEtMzUuMzZsOTEuNTctNTIuODdhNDEsNDEsMCwwLDEsNDAuODMsMFpNMTY3OC45NCwxOTIuMTRhMTQuODcsMTQuODcsMCwwLDEsNy40MS0xMi44M2wzOC44Ni0yMi40NGExNC44NiwxNC44NiwwLDAsMSwxNC44MiwwbDM4Ljg2LDIyLjQ0YTE0Ljg3LDE0Ljg3LDAsMCwxLDcuNDEsMTIuODNWMjM3YTE0Ljg3LDE0Ljg3LDAsMCwxLTcuNDEsMTIuODNMMTc0MCwyNzIuMjlhMTQuODYsMTQuODYsMCwwLDEtMTQuODIsMGwtMzguODYtMjIuNDRhMTQuODcsMTQuODcsMCwwLDEtNy40MS0xMi44M1ptLTkyLjEsMTMwLjQ3YTQwLjc0LDQwLjc0LDAsMCwxLDIwLjQxLDUuNDZsOTEuNTcsNTIuODZhNDAuOTMsNDAuOTMsMCwwLDEsMjAuNDIsMzUuMzZWNTIyYTQwLjkzLDQwLjkzLDAsMCwxLTIwLjQyLDM1LjM2bC05MS41Nyw1Mi44N2E0MC45Miw0MC45MiwwLDAsMS0zNy42OCwxLjYxYy0xLS42MS0xLjkxLTEuMjEtMi45LTEuNzdsLTkxLjU3LTUyLjg3Yy0xLS42LTIuMDgtMS4xNi0zLjE0LTEuN2E0MC45NCw0MC45NCwwLDAsMS0xNy41Mi0zMy41VjQxNi4yOWE0MC45Myw0MC45MywwLDAsMSwxOS4wNy0zNC41MnEuNzMtLjM5LDEuNDctLjgxbDkxLjU3LTUyLjg3Yy40NS0uMjYuODktLjUzLDEuMzMtLjhBNDAuOSw0MC45LDAsMCwxLDE1ODYuODQsMzIyLjYxWk0xMzA3LjQ2LDE2MS41NGE0MSw0MSwwLDAsMSwyMC40Mi0zNS4zNmw5MS41Ny01Mi44N2E0MSw0MSwwLDAsMSw0MC44MywwbDkxLjU3LDUyLjg3YTQwLjk0LDQwLjk0LDAsMCwxLDIwLjQxLDM1LjM2VjI2Ny4yN2E0MSw0MSwwLDAsMS0yMC40MSwzNS4zN2wtOTEuNTcsNTIuODZhNDAuOTQsNDAuOTQsMCwwLDEtNDAuODMsMGwtOTEuNTctNTIuODZhNDEsNDEsMCwwLDEtMjAuNDItMzUuMzdabS0zNS42MSwxNjYuMzlhNDEsNDEsMCwwLDEsNDAuODMsMGw5MS41Nyw1Mi44N2E0MSw0MSwwLDAsMSwyMC40MiwzNS4zNlY1MjEuODlhNDEsNDEsMCwwLDEtMjAuNDIsMzUuMzZsLTkxLjU3LDUyLjg3YTQxLDQxLDAsMCwxLTM3LjY4LDEuNjJjLTEuMDYtLjY5LTIuMTMtMS4zNi0zLjIyLTJsLTkxLjU3LTUyLjg3Yy0xLS41Ny0yLTEuMTItMy0xLjY0YTQxLDQxLDAsMCwxLTE3LjMxLTMzLjM1VjQxNi4xNmE0MSw0MSwwLDAsMSwyMC40Mi0zNS4zNlptLTI0MC4yNC0xNTkuOGEzMy44NiwzMy44NiwwLDAsMSwxNi44OC0yOS4yNGw3OS45Mi00Ni4xNGEzMy44NCwzMy44NCwwLDAsMSwzMy43NiwwbDc5LjkyLDQ2LjE0QTMzLjg2LDMzLjg2LDAsMCwxLDEyNTksMTY4LjEzdjkyLjI4YTMzLjg2LDMzLjg2LDAsMCwxLTE2Ljg4LDI5LjI0bC03OS45Miw0Ni4xNGEzMy44NiwzMy44NiwwLDAsMS0zMy43NiwwbC03OS45Mi00Ni4xNGEzMy44NiwzMy44NiwwLDAsMS0xNi44OC0yOS4yNFpNMTAxMi43LDc3Ni4zVjY3MC41N2E0MC45NCw0MC45NCwwLDAsMSwyMC40MS0zNS4zNmw5MS41Ny01Mi44N2E0MC45LDQwLjksMCwwLDEsNDAuODMsMGw5MS41Nyw1Mi44N2E0MSw0MSwwLDAsMSwyMC40MiwzNS4zNlY3NzYuM2E0MSw0MSwwLDAsMS0yMC40MiwzNS4zNmwtOTEuNTcsNTIuODdhNDAuOTQsNDAuOTQsMCwwLDEtNDAuODMsMGwtOTEuNTctNTIuODdBNDAuOTQsNDAuOTQsMCwwLDEsMTAxMi43LDc3Ni4zWk0xMjQwLjM0LDEyNjRhMjYuODgsMjYuODgsMCwwLDEtMTMuNDEsMjMuMjFsLTY4LjQzLDM5LjUxYTI2Ljg4LDI2Ljg4LDAsMCwxLTI2LjgsMGwtNjguNDQtMzkuNTFhMjYuODcsMjYuODcsMCwwLDEtMTMuNC0yMy4yMXYtNzlhMjYuODcsMjYuODcsMCwwLDEsMTMuNC0yMy4yMWw2OC40NC0zOS41MWEyNi44NywyNi44NywwLDAsMSwyNi44LDBsNjguNDMsMzkuNTFhMjYuODgsMjYuODgsMCwwLDEsMTMuNDEsMjMuMjFabTEyMy4yNS0yNTQuODFhMTcuNTMsMTcuNTMsMCwwLDEtOC43NSwxNS4xNUwxMzAxLjc2LDEwNTVhMTcuNTYsMTcuNTYsMCwwLDEtMTcuNDksMGwtNTMuMDgtMzAuNjVhMTcuNTQsMTcuNTQsMCwwLDEtOC43NC0xNS4xNVY5NDcuODlhMTcuNTUsMTcuNTUsMCwwLDEsOC43NC0xNS4xNWw1My4wOC0zMC42NGExNy41MSwxNy41MSwwLDAsMSwxNy40OSwwbDUzLjA4LDMwLjY0YTE3LjU0LDE3LjU0LDAsMCwxLDguNzUsMTUuMTVaTTEzMjgsODEyYTQxLDQxLDAsMCwxLTIwLjQyLTM1LjM2VjY3MC45MUE0MSw0MSwwLDAsMSwxMzI4LDYzNS41NWw5MS41Ny01Mi44N2E0MSw0MSwwLDAsMSw0MC44MywwTDE1NTIsNjM1LjU1YTQwLjk0LDQwLjk0LDAsMCwxLDIwLjQxLDM1LjM2Vjc3Ni42NUE0MC45NCw0MC45NCwwLDAsMSwxNTUyLDgxMmwtOTEuNTcsNTIuODdhNDAuOTQsNDAuOTQsMCwwLDEtNDAuODMsMFptMTM2LjEsNDM0Ljc3LTIzLjM2LDEzLjQ5LTIzLjM3LTEzLjQ5di0yN2wyMy4zNy0xMy40OCwyMy4zNiwxMy40OFptMTAzLjA3LTEyNy05MS41Ny01Mi44N2E0MC45Myw0MC45MywwLDAsMS0yMC40Mi0zNS4zNlY5MjUuODFhNDAuOTMsNDAuOTMsMCwwLDEsMjAuNDItMzUuMzZsOTEuNTctNTIuODdhNDEsNDEsMCwwLDEsNDAuODMsMGw5MS41Nyw1Mi44N0E0MC45NCw0MC45NCwwLDAsMSwxNzIwLDkyNS44MXYxMDUuNzNhNDAuOTQsNDAuOTQsMCwwLDEtMjAuNDEsMzUuMzZMMTYwOCwxMTE5Ljc3QTQwLjk0LDQwLjk0LDAsMCwxLDE1NjcuMTgsMTExOS43N1ptMzAwLjU0LDE2Ni41M2E0MC45NCw0MC45NCwwLDAsMS0yMC40MSwzNS4zNmwtOTEuNTcsNTIuODdhNDAuOTQsNDAuOTQsMCwwLDEtNDAuODMsMGwtOTEuNTctNTIuODdhNDAuOTMsNDAuOTMsMCwwLDEtMjAuNDItMzUuMzZWMTE4MC41NmE0MC45Myw0MC45MywwLDAsMSwyMC40Mi0zNS4zNmw5MS41Ni01Mi44N2E0MSw0MSwwLDAsMSw0MC44NCwwbDkxLjU3LDUyLjg3YTQwLjk0LDQwLjk0LDAsMCwxLDIwLjQxLDM1LjM2WiIvPjwvc3ZnPg==);
	
	background-repeat: no-repeat;
    background-position: 100% 72%;
    overflow: hidden;
}

.background-pattern {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjE2KSIgaGVpZ2h0PSI4cHgiIHdpZHRoPSI4cHgiIHZpZXdCb3g9IjAgMCA4IDgiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQiIGhlaWdodD0iNCIvPjwvc3ZnPg==);
    background-size: 4px 4px;
}

.background-pattern {
    background-position: 0 0;
    background-repeat: repeat;
}

/* Hero Light */
.sunlight{
	display: inline-block;
    background: linear-gradient(135deg, var(--teal11) 0%, #2D4597 50%, var(--purple11) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.hero-light:before{
	opacity: 0.5;
	z-index: 0;
	mask-image: linear-gradient(to bottom, black 0px, transparent 200px);
    -webkit-mask-image: linear-gradient(to bottom, black 00px, transparent 200px);
}

.hero-light:after{
	content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 1;
    pointer-events: none;
	background-image: url(img/hero-radar-color.svg);
	background-size: 1600px 40px;
	background-position: center -400px;
	background-repeat: no-repeat;
	/* mix-blend-mode: overlay; */
	opacity:0.2;
	mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}

/* Map */
.map,.map-wrap {
    position: relative
}

.map-wrap {
    background-image: url(img/map-wrap.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 96%;
    padding-top: 44%;
    margin: 0;
    background-position: top;
    z-index: 2
}

.map-wrap .map-locations li[data-location=GER] {
    left: 49.8%;
    top: 18.3%
}

.map-wrap .map-locations li[data-location=ENG] {
    left: 47.2%;
    top: 17.5%
}

.map-wrap .map-locations li[data-location=NED] {
    left: 47.7%;
    top: 20.7%
}

.map-wrap .map-locations li[data-location=ESP] {
    left: 47.7%;
    top: 24.7%
}

.map-wrap .map-locations li[data-location=SWI] {
    left: 49.9%;
    top: 21.4%
}

.map-wrap .map-locations li[data-location=USA] {
    left: 19.3%;
    top: 33%
}

.map-wrap .map-locations li[data-location=RUM] {
    left: 54.6%;
    top: 21.8%
}

.map-wrap .map-locations li[data-location=SWE] {
    left: 51%;
    top: 12.2%
}

.map-wrap .map-locations li[data-location=EST] {
    left: 53.25%;
    top: 12.45%
}

.map-wrap .map-locations li:hover {
    z-index: 111!important
}

.map-wrap .map-locations .location-pin {
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    z-index: -1
}

.map-wrap .map-locations .location-pin:before {
    content: "";
    margin: 6px;
    height: 8px;
    width: 8px;
    position: relative;
    display: block;
    background-color: var(--primary10);
	/* background: linear-gradient(135deg, var(--teal10) 23%, var(--teal11) 70%); */
	/* border:0.5px solid var(--teal12); */
	/* box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.05); */
    border-radius: 50%;
    cursor: pointer;
    z-index: -1;
    opacity: .99
}

.map-wrap .map-locations .location-pin:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    margin-top: -25%;
    margin-left: -25%;
    border-radius: 50%;
    background-color: var(--primary9);
    pointer-events: none;
    -webkit-animation: sonarWave 1.2s ease infinite;
    animation: sonarWave 1.2s ease infinite;
    z-index: -2;
}

.map-wrap.purple {
    background-image: url(img/map-wrap-purple.svg);
}

.map-wrap.purple .map-locations .location-pin:before {
    background-color: var(--purple10);
}

.map-wrap.purple .map-locations .location-pin:after {
    background-color: var(--purple9);
}

.map-wrap .map-locations {
    padding: 0;
    margin: 0;
    list-style: none
}

.map-wrap .map-locations li {
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    transition: transform .2s ease;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translateZ(0)
}

@-webkit-keyframes sonarWave {
    0% {
        opacity: .4
    }

    to {
        transform: scale(1.8);
        opacity: 0
    }
}

@keyframes sonarWave {
    0% {
        opacity: .4
    }

    to {
        transform: scale(1.8);
        opacity: 0
    }
}

.map-wrap .map-locations .location-name {
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    margin: 0 0 0 6px;
    background-color: #fff;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    color: var(--slate12);
    padding: 4px 10px;
    letter-spacing: 0;
    box-shadow: var(--shadow-xs);
	border-radius: 4px;
    transform: translate(-50%);
    opacity: 0;
    pointer-events: none;
    transition: transform .3s,opacity .3s;
    z-index: 999
}

.map-wrap .map-locations li .location-name:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-color: #ffffff transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    transform: rotate(180deg)
}

.map-wrap .map-locations li:hover .location-name {
    opacity: 1;
    transform: translate(-50%,-12px)
}

/* Price Switcher */
.price-switcher input {
	position: absolute;
	display: none;
}
  
.price-switcher label {
	display: block;
	position: relative;
	margin: auto;
	width: 44px;
	height: 22px;
	border-radius: 9999px;
	/* box-shadow: 0 0 0 1px var(--slate11); */
	color: blue;
	text-indent: -100vw;
	transition: 0.2s;
	cursor: pointer;
	/* border:1px solid var(--slate7);
	box-sizing: content-box;
	box-shadow: rgba(17, 24, 28, 0.1) 0px 10px 15px -3px, rgba(17, 24, 28, 0.05) 0px 4px 6px -2px; */
	background-color: var(--slate4);
	border: 1px solid var(--slate4);
	/* padding: 2px; */
	box-sizing: content-box;
	/* box-shadow: 0 0 0 1px var(--slate6); */
}

.price-switcher label:before {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	border: 2px solid white;
	border-radius: 50%;
	transform: translate(calc(var(--f, 0) * 100%));
	background: var(--white);
	transition: inherit;
	content: "";
	box-shadow: rgba(17, 24, 28, 0.1) 0px 0px 0px 1px, rgba(17, 24, 28, 0.1) 0px 10px 15px -3px, rgba(17, 24, 28, 0.05) 0px 4px 6px -2px;

}

.price-switcher input:checked + label {
	--f: 1;
}

.swiper-pagination-bullet {
	pointer-events: none;
    width: 32px;
    height: 2px;
    display: inline-block;
    border-radius: 8px;
	transition: all 0.5s ease;
}

.vps-panel{
	background-image: radial-gradient(at 98% 56%, rgba(33, 132, 104, 0.7) 0px, transparent 50%), radial-gradient(at 20% 81%, rgba(53, 81, 179, 0.8) 0px, transparent 50%);
}

.vps-panel:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: url(img/bg-radar-dark.svg);
    background-repeat: no-repeat;
    background-position: center 5vh;
	background-size: cover;
    mix-blend-mode: overlay;
	pointer-events: none;
    opacity: 0.8;
	mask-image: linear-gradient(to bottom, transparent 0%, black 70%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 70%);
}

.vps-cta{
	background-image: radial-gradient(at 98% 56%, rgba(33, 132, 104, 0.3) 0px, transparent 50%), radial-gradient(at 20% 81%, rgba(53, 81, 179, 0.7) 0px, transparent 50%);
}

.vps-cta:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: url(img/bg-radar-dark.svg);
    background-repeat: no-repeat;
    background-position: center 6vh;
	background-size: cover;
    mix-blend-mode: overlay;
	pointer-events: none;
    opacity: 0.6;
	mask-image: linear-gradient(to bottom, transparent 40%, black 80%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 40%, black 80%);
}

/* Light-Table */
.light-table-wrap{
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-s);
	background-color: var(--white);
}
body .wp-block-table.light-table th{
    color: var(--slate11);
    background-color: var(--slate1);
    border-bottom: 1px solid var(--slate3);
    padding: 12px 24px;
    font-weight: 500;
    font-size: var(--fontsize-xs);
}

body .wp-block-table.light-table td {
    padding: 12px 24px;
    vertical-align: middle;
    font-size: var(--fontsize-xs);
    color: var(--slate12);
}

body .wp-block-table.light-table tr:nth-child(even) td {
    background-color: transparent;
    border-bottom:1px solid var(--slate2);
}

body .wp-block-table.light-table tr:nth-child(odd) td {
    background-color: transparent;
    border-bottom:1px solid var(--slate2);
}

body .wp-block-table.light-table tr:last-child td{
    border-bottom: none
}

body .wp-block-table.light-table mark.has-secondary-8-color{
    color: var(--secondary10)!important;
}

body .wp-block-table.light-table mark.has-slate-11-color{
    color: var(--slate9)!important;
}

.vpn-price{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3em;
}

.vpn-price sup{
	bottom: unset;
	font-size: 55%;
	/* opacity: 0.5; */
}

.rainbow-box{
	background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)) padding-box, linear-gradient(170deg, var(--purple8) 0%, var(--purple7) 50%, var(--secondary8) 100%) border-box;
    border: 1.2px solid transparent;
	-webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
	/* box-shadow: rgba(17, 24, 28, 0.08) 0px 4px 7px -1px, rgba(17, 24, 28, 0.05) 0px 2px 4px -1px */
}

.proxmox-glow{
    position: relative;
    /* background: radial-gradient(circle, rgba(255,145,1,1) 0%, rgba(255,255,255,1) 100%); */
}

.proxmox-glow:before{
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background-color: #FF9101;
    filter: blur(100px);
    z-index: 0;
    opacity: 0.2;
}

.proxmox-glow > *{
    position: relative;
    z-index: 2;
}

.s3-pricing{
    background-image: radial-gradient(at 98% 56%,rgba(33, 132, 104, 0.4) 0px, transparent 50%), /* cyan 11 */ radial-gradient(at 20% 81%, rgba(143, 78, 198, 0.4) 0px, transparent 50%);
}

.s3-pricing:after{
    mix-blend-mode: color-dodge;
    mask-image: linear-gradient(to bottom, black, transparent 80%);
    -webkit-mask-image: linear-gradient(to bottom, black, transparent 80%);
}

.hidden{
    display: none!important;
}

.s3-pricing div.fluentform .frm-fluent-form .ff-el-input--label label{
    color: var(--color-white);
}

.s3-pricing .rangeslider__handle{
    height: 24px;
    width: 24px;
}

.s3-pricing .rangeslider--horizontal .rangeslider__handle{
    top: -9px;
    background-image: none;
    box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.6);
    border: none;
    transition: box-shadow 0.2s ease;
}

.s3-pricing .rangeslider__handle:after{
    content: '';
    height: 8px;
    width: 2px;
    border-radius: 8px;
    background: var(--slate6);
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.s3-pricing .ff_range_value{
    display: none;
}



.s3-pricing .rangeslider--horizontal{
    height: 6px;
    background: rgba(255,255,255,0.1);
    background-image: none;
    margin-bottom: 0;
    -webkit-box-shadow: var(--shadow-xs);
    box-shadow: var(--shadow-xs);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.08); 
    box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.08);
}



.s3-pricing .rangeslider__fill{
    background: linear-gradient(to right, var(--purple8) 60%, var(--purple7));
    box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.2), 0 0 1px 1px rgba(33, 132, 104, 0.2);
}

.s3-pricing .rangeslider--horizontal.rangeslider--active .rangeslider__handle,
.s3-pricing input[type="range"]:focus + .rangeslider .rangeslider__handle,
.s3-pricing input[type="range"]:focus + .rangeslider .rangeslider__handle{
    -moz-box-shadow: 0px 0px 8px 0 var(--purple-9); 
    -webkit-box-shadow: 0px 0px 8px 0 var(--purple-9); 
    box-shadow: 0px 0px 8px 0 var(--purple-9);
}

.s3-pricing-result:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.8)) padding-box,
                linear-gradient(170deg, var(--purple9) 0%, rgba(0,0,0,0) 50%, var(--secondary11) 100%) border-box;
    border-radius: 8px;
    border: 1px solid transparent;
    z-index: -1;
    opacity: 0.85;
    box-shadow: var(--shadow-l);
}

.s3-pricing-result .result-title{
    font-size: var(--fontsize-s);
    letter-spacing: var(--letterspacing-normal);
    color: var(--purple-8);
    font-weight: 500;
}

.s3-pricing-result{
    position: relative;
    margin: 0 auto 40px auto!important;
    padding: 28px 16px;
    z-index: 1;
    background-color: var(--slate12);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    /* max-width: 240px; */
}

.s3-pricing-result p{
    display: flex;
    align-items: center;
    margin: 0;
    font-size: var(--fontsize-4xl);
    letter-spacing: var(--letterspacing-tight);
}

.s3-pricing-result p em,
.s3-pricing-result p strong{
    margin-left: 8px;
    font-style: normal;
    font-size: var(--fontsize-m);
    letter-spacing: var(--letterspacing-normal);
}

.s3-apps figure:hover:before{
    opacity: 1;
}

.s3-apps figure:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(var(--white), var(--white)) padding-box, linear-gradient(170deg, var(--purple9) 0%, var(--secondary6) 50%, var(--secondary10) 100%) border-box;
    border: 3px solid transparent;
    border-radius: 12px;
    transition: all 0.2s ease;
    z-index: -1;
}

.wp_swiper__navigation{ display: none; }