@import url(https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap);

:root {
	--_size: 1.8rem;
	--_font-default: "Funnel Sans", sans-serif;
	--_font-accent: "Funnel Display", sans-serif;
	--_radius-s: 1rem;
	--_radius-m: 1.6rem;
	--_radius-pt-m: 1.6rem;
	--_radius-l: 3.8rem;
	--_radius-xl: 6rem;
	--_animspeed-fast: 0.1s;
	--_animspeed-medium: 0.3s;
	--_animspeed-slow: 0.6s;
	--_animbezier: cubic-bezier(0.23, 0.65, 0.74, 1.09);
	--base--light: #FAF7F6;
	--base-rgb--light: 250, 247, 246;
	--base-tint--light: #FFFFFF;
	--base-shade--light: #e0dddb;
	--base-opp--light: #161616;
	--base-opp-tint--light: #1C1C1C;
	--accent--light: #9F8BE7;
	--accent-rgb--light: 159, 139, 231;
	--additional--light: #DDF160;
	--additional-rgb--light: 221, 241, 96;
	--neutral-transparent--light: rgba(255, 255, 255, 0.3);
	--st-bright--light: #161616;
	--st-medium--light: #7C7C7C;
	--st-muted--light: #E0DDDB;
	--st-opp-bright--light: #FFFFFF;
	--fw-regular--light: 400;
	--fw-medium--light: 600;
	--fw-semibold--light: 700;
	--fw-bold--light: 800;
	--fw-regular-opp--light: 300;
	--fw-medium-opp--light: 500;
	--t-bright--light: #161616;
	--t-medium--light: #303030;
	--t-muted--light: #585858;
	--t-muted-extra--light: #B2AEAD;
	--t-opp-bright--light: #FFFFFF;
	--t-opp-medium--light: #ACACAC;
	--t-opp-muted--light: #838383;
	--bg-demo-screen-01--light: url(../img/demo/screens/01.webp);
	--bg-demo-screen-02--light: url(../img/demo/screens/02.webp);
	--bg-demo-screen-03--light: url(../img/demo/screens/03.webp);
	--bg-demo-screen-04--light: url(../img/demo/screens/04.webp);
	--bg-demo-screen-05--light: url(../img/demo/screens/05.webp);
	--bg-demo-screen-06--light: url(../img/demo/screens/06.webp);
	--bg-demo-screen-07--light: url(../img/demo/screens/07.webp);
	--bg-demo-screen-08--light: url(../img/demo/screens/08.webp);
	--bg-demo-screen-09--light: url(../img/demo/screens/09.webp);
	--base--dark: #161616;
	--base-rgb--dark: 22, 22, 22;
	--base-tint--dark: #1C1C1C;
	--base-shade--dark: #0a0a0a;
	--base-opp--dark: #FAF7F6;
	--base-opp-tint--dark: #ffffff;
	--accent--dark: #DDF160;
	--accent-rgb--dark: 221, 241, 96;
	--additional--dark: #9F8BE7;
	--additional-rgb--dark: 159, 139, 231;
	--neutral-transparent--dark: rgba(0, 0, 0, 0.3);
	--st-bright--dark: #FFFFFF;
	--st-medium--dark: #646464;
	--st-muted--dark: #252525;
	--st-opp-bright--dark: #0f0f0f;
	--fw-regular--dark: 300;
	--fw-medium--dark: 500;
	--fw-semibold--dark: 600;
	--fw-bold--dark: 700;
	--fw-regular-opp--dark: 400;
	--fw-medium-opp--dark: 600;
	--t-bright--dark: #FFFFFF;
	--t-medium--dark: #ACACAC;
	--t-muted--dark: #838383;
	--t-muted-extra--dark: #535151;
	--t-opp-bright--dark: #161616;
	--t-opp-medium--dark: #303030;
	--t-opp-muted--dark: #969696;
	--bg-demo-screen-01--dark: url(../img/demo/screens/01-d.webp);
	--bg-demo-screen-02--dark: url(../img/demo/screens/02-d.webp);
	--bg-demo-screen-03--dark: url(../img/demo/screens/03-d.webp);
	--bg-demo-screen-04--dark: url(../img/demo/screens/04-d.webp);
	--bg-demo-screen-05--dark: url(../img/demo/screens/05-d.webp);
	--bg-demo-screen-06--dark: url(../img/demo/screens/06-d.webp);
	--bg-demo-screen-07--dark: url(../img/demo/screens/07-d.webp);
	--bg-demo-screen-08--dark: url(../img/demo/screens/08-d.webp);
	--bg-demo-screen-09--dark: url(../img/demo/screens/09-d.webp);
	--pt-base: #FFFFFF;
	--pt-base-dark: #161616;
	--pt-t-light-bright: #FFFFFF;
	--pt-t-dark-bright: #161616;
	--pt-st-light-bright: #FFFFFF;
	--pt-st-dark-bright: #161616;
	--pt-purple-rgb: 159, 139, 231;
	--pt-purple-dark-rgb: 33, 10, 113;
	--nl-white: #ffffff;
	--nl-black: #000000
}

@media only screen and (min-width:768px) {
	:root {
		--_radius-m: 2.6rem;
		--_radius-l: 5rem;
		--_radius-xl: 8rem
	}
}

@media only screen and (min-width:1200px) {
	:root {
		--_radius-xl: 8rem
	}
}

@media (prefers-color-scheme:light) {
	:root {
		--base: var(--base--light);
		--base-rgb: var(--base-rgb--light);
		--base-tint: var(--base-tint--light);
		--base-shade: var(--base-shade--light);
		--base-opp: var(--base-opp--light);
		--base-opp-tint: var(--base-opp-tint--light);
		--accent: var(--accent--light);
		--accent-rgb: var(--accent-rgb--light);
		--additional: var(--additional--light);
		--additional-rgb: var(--additional-rgb--light);
		--neutral-transparent: var(--neutral-transparent--light);
		--st-bright: var(--st-bright--light);
		--st-medium: var(--st-medium--light);
		--st-muted: var(--st-muted--light);
		--st-opp-bright: var(--st-opp-bright--light);
		--fw-regular: var(--fw-regular--light);
		--fw-medium: var(--fw-medium--light);
		--fw-semibold: var(--fw-semibold--light);
		--fw-bold: var(--fw-bold--light);
		--fw-regular-opp: var(--fw-regular-opp--light);
		--fw-medium-opp: var(--fw-medium-opp--light);
		--t-bright: var(--t-bright--light);
		--t-medium: var(--t-medium--light);
		--t-muted: var(--t-muted--light);
		--t-muted-extra: var(--t-muted-extra--light);
		--t-opp-bright: var(--t-opp-bright--light);
		--t-opp-medium: var(--t-opp-medium--light);
		--t-opp-muted: var(--t-opp-muted--light);
		--bg-demo-screen-01: var(--bg-demo-screen-01--light);
		--bg-demo-screen-02: var(--bg-demo-screen-02--light);
		--bg-demo-screen-03: var(--bg-demo-screen-03--light);
		--bg-demo-screen-04: var(--bg-demo-screen-04--light);
		--bg-demo-screen-05: var(--bg-demo-screen-05--light);
		--bg-demo-screen-06: var(--bg-demo-screen-06--light);
		--bg-demo-screen-07: var(--bg-demo-screen-07--light);
		--bg-demo-screen-08: var(--bg-demo-screen-08--light);
		--bg-demo-screen-09: var(--bg-demo-screen-09--light)
	}
}

@media (prefers-color-scheme:dark) {
	:root {
		--base: var(--base--dark);
		--base-rgb: var(--base-rgb--dark);
		--base-tint: var(--base-tint--dark);
		--base-shade: var(--base-shade--dark);
		--base-opp: var(--base-opp--dark);
		--base-opp-tint: var(--base-opp-tint--dark);
		--accent: var(--accent--dark);
		--accent-rgb: var(--accent-rgb--dark);
		--additional: var(--additional--dark);
		--additional-rgb: var(--additional-rgb--dark);
		--neutral-transparent: var(--neutral-transparent--dark);
		--st-bright: var(--st-bright--dark);
		--st-medium: var(--st-medium--dark);
		--fw-semibold: var(--fw-semibold--dark);
		--st-muted: var(--st-muted--dark);
		--st-opp-bright: var(--st-opp-bright--dark);
		--fw-regular: var(--fw-regular--dark);
		--fw-medium: var(--fw-medium--dark);
		--fw-bold: var(--fw-bold--dark);
		--fw-regular-opp: var(--fw-regular-opp--dark);
		--fw-medium-opp: var(--fw-medium-opp--dark);
		--t-bright: var(--t-bright--dark);
		--t-medium: var(--t-medium--dark);
		--t-muted: var(--t-muted--dark);
		--t-muted-extra: var(--t-muted-extra--dark);
		--t-opp-bright: var(--t-opp-bright--dark);
		--t-opp-medium: var(--t-opp-medium--dark);
		--t-opp-muted: var(--t-opp-muted--dark);
		--bg-demo-screen-01: var(--bg-demo-screen-01--dark);
		--bg-demo-screen-02: var(--bg-demo-screen-02--dark);
		--bg-demo-screen-03: var(--bg-demo-screen-03--dark);
		--bg-demo-screen-04: var(--bg-demo-screen-04--dark);
		--bg-demo-screen-05: var(--bg-demo-screen-05--dark);
		--bg-demo-screen-06: var(--bg-demo-screen-06--dark);
		--bg-demo-screen-07: var(--bg-demo-screen-07--dark);
		--bg-demo-screen-08: var(--bg-demo-screen-08--dark);
		--bg-demo-screen-09: var(--bg-demo-screen-09--dark)
	}
}

[color-scheme=light] {
	--base: var(--base--light);
	--base-rgb: var(--base-rgb--light);
	--base-tint: var(--base-tint--light);
	--base-shade: var(--base-shade--light);
	--base-opp: var(--base-opp--light);
	--base-opp-tint: var(--base-opp-tint--light);
	--accent: var(--accent--light);
	--accent-rgb: var(--accent-rgb--light);
	--additional: var(--additional--light);
	--additional-rgb: var(--additional-rgb--light);
	--neutral-transparent: var(--neutral-transparent--light);
	--st-bright: var(--st-bright--light);
	--st-medium: var(--st-medium--light);
	--st-muted: var(--st-muted--light);
	--st-opp-bright: var(--st-opp-bright--light);
	--fw-regular: var(--fw-regular--light);
	--fw-medium: var(--fw-medium--light);
	--fw-semibold: var(--fw-semibold--light);
	--fw-bold: var(--fw-bold--light);
	--fw-regular-opp: var(--fw-regular-opp--light);
	--fw-medium-opp: var(--fw-medium-opp--light);
	--t-bright: var(--t-bright--light);
	--t-medium: var(--t-medium--light);
	--t-muted: var(--t-muted--light);
	--t-muted-extra: var(--t-muted-extra--light);
	--t-opp-bright: var(--t-opp-bright--light);
	--t-opp-medium: var(--t-opp-medium--light);
	--t-opp-muted: var(--t-opp-muted--light);
	--bg-demo-screen-01: var(--bg-demo-screen-01--light);
	--bg-demo-screen-02: var(--bg-demo-screen-02--light);
	--bg-demo-screen-03: var(--bg-demo-screen-03--light);
	--bg-demo-screen-04: var(--bg-demo-screen-04--light);
	--bg-demo-screen-05: var(--bg-demo-screen-05--light);
	--bg-demo-screen-06: var(--bg-demo-screen-06--light);
	--bg-demo-screen-07: var(--bg-demo-screen-07--light);
	--bg-demo-screen-08: var(--bg-demo-screen-08--light);
	--bg-demo-screen-09: var(--bg-demo-screen-09--light)
}

[color-scheme=dark] {
	--base: var(--base--dark);
	--base-rgb: var(--base-rgb--dark);
	--base-tint: var(--base-tint--dark);
	--base-shade: var(--base-shade--dark);
	--base-opp: var(--base-opp--dark);
	--base-opp-tint: var(--base-opp-tint--dark);
	--accent: var(--accent--dark);
	--accent-rgb: var(--accent-rgb--dark);
	--additional: var(--additional--dark);
	--additional-rgb: var(--additional-rgb--dark);
	--neutral-transparent: var(--neutral-transparent--dark);
	--st-bright: var(--st-bright--dark);
	--st-medium: var(--st-medium--dark);
	--st-muted: var(--st-muted--dark);
	--st-opp-bright: var(--st-opp-bright--dark);
	--fw-regular: var(--fw-regular--dark);
	--fw-medium: var(--fw-medium--dark);
	--fw-semibold: var(--fw-semibold--dark);
	--fw-bold: var(--fw-bold--dark);
	--fw-regular-opp: var(--fw-regular-opp--dark);
	--fw-medium-opp: var(--fw-medium-opp--dark);
	--t-bright: var(--t-bright--dark);
	--t-medium: var(--t-medium--dark);
	--t-muted: var(--t-muted--dark);
	--t-muted-extra: var(--t-muted-extra--dark);
	--t-opp-bright: var(--t-opp-bright--dark);
	--t-opp-medium: var(--t-opp-medium--dark);
	--t-opp-muted: var(--t-opp-muted--dark);
	--bg-demo-screen-01: var(--bg-demo-screen-01--dark);
	--bg-demo-screen-02: var(--bg-demo-screen-02--dark);
	--bg-demo-screen-03: var(--bg-demo-screen-03--dark);
	--bg-demo-screen-04: var(--bg-demo-screen-04--dark);
	--bg-demo-screen-05: var(--bg-demo-screen-05--dark);
	--bg-demo-screen-06: var(--bg-demo-screen-06--dark);
	--bg-demo-screen-07: var(--bg-demo-screen-07--dark);
	--bg-demo-screen-08: var(--bg-demo-screen-08--dark);
	--bg-demo-screen-09: var(--bg-demo-screen-09--dark)
}

*,
::after,
::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

body {
    line-height: 1.6!important;
    font-size: 18px!important;
    font-weight: 400!important;
}

.container,
.container-fluid {
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    padding: 0 30px!important;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    line-height: 1.3!important;
    margin-bottom: 2px!important;
}

h2 {
    font-size: 36px!important;
}

.section-spacing-sm {
    padding: 80px 0 80px;
}

.section-footer {
    padding: 15px 0;
    background-color: #9F8BE7;
}

.section-footer p {
    color: #fff!important;
    font-size: 16px;
}

button:active,
button:focus {
	outline: 0 !important
}

button::-moz-focus-inner {
	border: 0 !important
}

input::-moz-focus-inner {
	border: 0 !important
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none
}

a:focus,
button:focus,
input:focus,
textarea:focus {
	-webkit-tap-highlight-color: transparent
}

a,
button,
input,
select,
textarea {
	-webkit-tap-highlight-color: transparent
}

::-moz-selection {
	background-color: var(--accent);
	color: var(--t-opp-bright);
	text-shadow: none
}

::selection {
	background-color: var(--accent);
	color: var(--t-opp-bright);
	text-shadow: none
}

::-webkit-scrollbar {
	display: none;
	width: 6px;
	background: var(--base-shade)
}

@media only screen and (min-width:768px) {
	::-webkit-scrollbar {
		display: block
	}
}

::-webkit-scrollbar-track {
	background-color: var(--base-shade)
}

::-webkit-scrollbar-thumb {
	background-color: var(--accent);
	border-radius: var(--_radius-s)
}

html {
	width: 100%;
	height: 100%;
	font-family: sans-serif;
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
	position: relative;
	width: 100%;
	min-width: 360px;
	overflow-x: unset !important;
	font: normal 400 var(--_size)/1.6 var(--_font-default);
	text-rendering: optimizeLegibility;
	background-color: var(--base);
	color: var(--t-medium);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

section {
	position: relative;
	width: 100%;
	min-width: 360px
}

a {
	text-decoration: none;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: all var(--_animspeed-medium) var(--_animbezier);
	-moz-transition: all var(--_animspeed-medium) var(--_animbezier);
	transition: all var(--_animspeed-medium) var(--_animbezier)
}

img {
	display: block;
	width: 100%;
	height: auto
}

.overflow-hidden {
	overflow: hidden !important
}

.components {
	position: relative
}

.components__item {
	position: relative;
	padding: 8rem 10%;
	border-bottom: 1px solid var(--st-muted)
}

.components__item.no-padding {
	padding: 0
}

.components__caption {
	display: block;
	font: normal 400 1.3rem/1 var(--_font-default);
	color: var(--t-medium);
	text-transform: uppercase;
	letter-spacing: .1rem;
	margin-bottom: 2rem
}

.width-50-desktop {
	width: 100%
}

@media only screen and (min-width:1200px) {
	.width-50-desktop {
		width: 50%
	}
}

.mxd-spacer {
	position: relative;
	width: 100%;
	height: 100px
}

html.lenis,
html.lenis body {
	height: auto
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
	-ms-scroll-chaining: none;
	overscroll-behavior: contain
}

.lenis.lenis-stopped {
	overflow: hidden
}

.lenis.lenis-scrolling iframe {
	pointer-events: none
}

.mxd-page-content {
	position: relative
}

.mxd-page-content.inner-page-content {
	padding-top: 7.6rem
}

@media only screen and (min-width:768px) {
	.mxd-page-content.inner-page-content {
		padding-top: 9.6rem
	}
}

.mxd-wrapper {
	position: relative;
	width: 100%;
	min-width: 360px
}

.mxd-wrapper.mxd-wrapper-opposite {
	background-color: var(--base-opp);
	-moz-border-radius: var(--_radius-l);
	border-radius: var(--_radius-l)
}

.mxd-wrapper.padding-top-pre-title {
	padding-top: 13rem
}

.mxd-wrapper.margin-bottom-pre-title {
	margin-bottom: 13rem
}

@media only screen and (min-width:768px) {
	.mxd-wrapper.padding-top-pre-title {
		padding-top: 14.3rem
	}

	.mxd-wrapper.margin-bottom-pre-title {
		margin-bottom: 14.3rem
	}
}

@media only screen and (min-width:1600px) {
	.mxd-wrapper.padding-top-pre-title {
		padding-top: 18.3rem
	}

	.mxd-wrapper.margin-bottom-pre-title {
		margin-bottom: 18.3rem
	}
}

.mxd-section {
	position: relative;
	width: 100%;
	min-width: 360px
}

.mxd-section.padding-blog-default-pre-grid {
	padding-bottom: 3rem
}

.mxd-section.padding-blog-descr-pre-grid {
	padding-bottom: 2.2rem
}

.mxd-section.padding-default {
	padding-bottom: 14rem
}

.mxd-section.padding-default.mobile-title {
	padding-bottom: 13rem
}

.mxd-section.padding-pre-footer {
	padding-bottom: 11rem
}

.mxd-section.padding-pre-pinned-img {
	padding-bottom: 14rem
}

.mxd-section.padding-pre-grid {
	padding-bottom: 11rem
}

.mxd-section.padding-pre-grid.mobile-grid-s {
	padding-bottom: 12.5rem
}

.mxd-section.padding-pre-grid.mobile-grid-title {
	padding-bottom: 10rem
}

.mxd-section.padding-pre-title {
	padding-bottom: 13rem
}

.mxd-section.padding-pre-manifest {
	padding-bottom: 13.7rem
}

.mxd-section.padding-pre-manifest.mobile-point-subtitle {
	padding-bottom: 13.7rem
}

.mxd-section.padding-pre-stack {
	padding-bottom: 11rem
}

.mxd-section.padding-stacked-section {
	padding-bottom: 10.1rem
}

.mxd-section.padding-stacked-pre-mtext {
	padding-bottom: 8.1rem
}

.mxd-section.padding-grid-pre-pinned {
	padding-bottom: 13rem
}

.mxd-section.padding-grid-pre-mtext {
	padding-bottom: 11.3rem
}

.mxd-section.padding-pinned-img-pre-mtext {
	padding-bottom: 10.4rem
}

.mxd-section.padding-mtext {
	padding-bottom: 12.6rem
}

.mxd-section.padding-mtext.mobile-title {
	padding-bottom: 11.6rem
}

.mxd-section.padding-mtext-pre-title {
	padding-bottom: 11.6rem
}

.mxd-section.padding-mtext-pre-grid {
	padding-bottom: 9.8rem
}

.mxd-section.padding-mtext-pre-grid.mobile-grid-s {
	padding-bottom: 11.3rem
}

.mxd-section.padding-mtext-pre-pinned {
	padding-bottom: 10.8rem
}

.mxd-section.padding-mtext-pre-stack {
	padding-bottom: 2rem
}

.mxd-section.padding-blog {
	padding-bottom: 13.1rem
}

@media only screen and (min-width:768px) {
	.mxd-section.padding-default {
		padding-bottom: 16rem
	}

	.mxd-section.padding-default.mobile-title {
		padding-bottom: 14.5rem
	}

	.mxd-section.padding-pre-footer {
		padding-bottom: 10.7rem
	}

	.mxd-section.padding-pre-pinned-img {
		padding-bottom: 16rem
	}

	.mxd-section.padding-pre-grid {
		padding-bottom: 13rem
	}

	.mxd-section.padding-pre-grid.mobile-grid-s {
		padding-bottom: 13rem
	}

	.mxd-section.padding-pre-grid.mobile-grid-title {
		padding-bottom: 11.3rem
	}

	.mxd-section.padding-pre-title {
		padding-bottom: 14.3rem
	}

	.mxd-section.padding-pre-manifest {
		padding-bottom: 13.9rem
	}

	.mxd-section.padding-pre-manifest.mobile-point-subtitle {
		padding-bottom: 15.7rem
	}

	.mxd-section.padding-pre-stack {
		padding-bottom: 10rem
	}

	.mxd-section.padding-stacked-section {
		padding-bottom: 11.3rem
	}

	.mxd-section.padding-stacked-pre-mtext {
		padding-bottom: 7.3rem
	}

	.mxd-section.padding-grid-pre-pinned {
		padding-bottom: 14.3rem
	}

	.mxd-section.padding-grid-pre-mtext {
		padding-bottom: 10.4rem
	}

	.mxd-section.padding-pinned-img-pre-mtext {
		padding-bottom: 10rem
	}

	.mxd-section.padding-mtext {
		padding-bottom: 13.4rem
	}

	.mxd-section.padding-mtext.mobile-title {
		padding-bottom: 11.6rem
	}

	.mxd-section.padding-mtext-pre-title {
		padding-bottom: 11.6rem
	}

	.mxd-section.padding-mtext-pre-grid {
		padding-bottom: 10.6rem
	}

	.mxd-section.padding-mtext-pre-grid.mobile-grid-s {
		padding-bottom: 10.6rem
	}

	.mxd-section.padding-mtext-pre-pinned {
		padding-bottom: 10.8rem
	}

	.mxd-section.padding-mtext-pre-stack {
		padding-bottom: 0
	}

	.mxd-section.padding-blog {
		padding-bottom: 15.1rem
	}
}

@media only screen and (min-width:992px) {
	.mxd-section.padding-pre-footer {
		padding-bottom: 8.7rem
	}
}

@media only screen and (min-width:1200px) {
	.mxd-section.padding-blog-default-pre-grid {
		padding-bottom: 9rem
	}

	.mxd-section.padding-blog-descr-pre-grid {
		padding-bottom: 7.2rem
	}

	.mxd-section.padding-default {
		padding-bottom: 16rem
	}

	.mxd-section.padding-default.mobile-title {
		padding-bottom: 14.5rem
	}

	.mxd-section.padding-pre-footer {
		padding-bottom: 7.2rem
	}

	.mxd-section.padding-pre-pinned-img {
		padding-bottom: 10rem
	}

	.mxd-section.padding-pre-grid {
		padding-bottom: 13rem
	}

	.mxd-section.padding-pre-grid.mobile-grid-s {
		padding-bottom: 13rem
	}

	.mxd-section.padding-pre-grid.mobile-grid-title {
		padding-bottom: 13rem
	}

	.mxd-section.padding-pre-title {
		padding-bottom: 14.3rem
	}

	.mxd-section.padding-pre-manifest {
		padding-bottom: 13.9rem
	}

	.mxd-section.padding-pre-manifest.mobile-point-subtitle {
		padding-bottom: 13.9rem
	}

	.mxd-section.padding-pre-stack {
		padding-bottom: 10rem
	}

	.mxd-section.padding-grid-pre-pinned {
		padding-bottom: 10rem
	}

	.mxd-section.padding-grid-pre-mtext {
		padding-bottom: 10.4rem
	}

	.mxd-section.padding-pinned-img-pre-mtext {
		padding-bottom: 4.3rem
	}

	.mxd-section.padding-mtext {
		padding-bottom: 13.4rem
	}

	.mxd-section.padding-mtext.mobile-title {
		padding-bottom: 13.4rem
	}

	.mxd-section.padding-mtext-pre-pinned {
		padding-bottom: 7.6rem
	}
}

@media only screen and (min-width:1400px) {
	.mxd-section.padding-pre-footer {
		padding-bottom: 5.6rem
	}
}

@media only screen and (min-width:1600px) {
	.mxd-section.padding-blog-default-pre-grid {
		padding-bottom: 11rem
	}

	.mxd-section.padding-default {
		padding-bottom: 20rem
	}

	.mxd-section.padding-default.mobile-title {
		padding-bottom: 20rem
	}

	.mxd-section.padding-pre-footer {
		padding-bottom: 6rem
	}

	.mxd-section.padding-pre-pinned-img {
		padding-bottom: 11rem
	}

	.mxd-section.padding-pre-grid {
		padding-bottom: 17rem
	}

	.mxd-section.padding-pre-grid.mobile-grid-s {
		padding-bottom: 17rem
	}

	.mxd-section.padding-pre-grid.mobile-grid-title {
		padding-bottom: 17rem
	}

	.mxd-section.padding-pre-title {
		padding-bottom: 18.3rem
	}

	.mxd-section.padding-pre-manifest {
		padding-bottom: 17.9rem
	}

	.mxd-section.padding-pre-manifest.mobile-point-subtitle {
		padding-bottom: 17.9rem
	}

	.mxd-section.padding-pre-stack {
		padding-bottom: 11rem
	}

	.mxd-section.padding-stacked-section {
		padding-bottom: 12.3rem
	}

	.mxd-section.padding-stacked-pre-mtext {
		padding-bottom: 8.3rem
	}

	.mxd-section.padding-grid-pre-pinned {
		padding-bottom: 11rem
	}

	.mxd-section.padding-grid-pre-mtext {
		padding-bottom: 14.4rem
	}

	.mxd-section.padding-pinned-img-pre-mtext {
		padding-bottom: 5.3rem
	}

	.mxd-section.padding-mtext {
		padding-bottom: 17.3rem
	}

	.mxd-section.padding-mtext.mobile-title {
		padding-bottom: 17.3rem
	}

	.mxd-section.padding-mtext-pre-title {
		padding-bottom: 15.6rem
	}

	.mxd-section.padding-mtext-pre-grid {
		padding-bottom: 14.6rem
	}

	.mxd-section.padding-mtext-pre-grid.mobile-grid-s {
		padding-bottom: 14.6rem
	}

	.mxd-section.padding-mtext-pre-pinned {
		padding-bottom: 5.6rem
	}

	.mxd-section.padding-mtext-pre-stack {
		padding-bottom: 3.7rem
	}

	.mxd-section.padding-blog {
		padding-bottom: 19.2rem
	}
}

.mxd-section.padding-hero-07 {
	padding-top: 14rem
}

.mxd-section.padding-hero-06,
.mxd-section.padding-hero-09 {
	padding-top: 13rem
}

.mxd-section.padding-hero-08 {
	padding-top: 3.4rem
}

@media only screen and (min-width:768px) {
	.mxd-section.padding-hero-07 {
		padding-top: 16rem
	}

	.mxd-section.padding-hero-06,
	.mxd-section.padding-hero-09 {
		padding-top: 13.8rem
	}

	.mxd-section.padding-hero-08 {
		padding-top: 2.4rem
	}
}

@media only screen and (min-width:1200px) {
	.mxd-section.padding-hero-01 {
		padding-top: 12rem
	}

	.mxd-section.padding-hero-07 {
		padding-top: 12rem
	}

	.mxd-section.padding-hero-09 {
		padding-top: 6rem
	}

	.mxd-section.padding-hero-06 {
		padding-top: 5.4rem
	}

	.mxd-section.padding-hero-08 {
		padding-top: 0
	}
}

@media only screen and (min-width:1600px) {
	.mxd-section.padding-hero-01 {
		padding-top: 16rem
	}

	.mxd-section.padding-hero-07 {
		padding-top: 16rem
	}

	.mxd-section.padding-hero-06 {
		padding-top: 6.4rem
	}

	.mxd-section.padding-hero-09 {
		padding-top: 7rem
	}
}

.mxd-section-inner-headline {
	padding-top: 13rem
}

@media only screen and (min-width:768px) {
	.mxd-section-inner-headline {
		padding-top: 15rem
	}
}

@media only screen and (min-width:1200px) {
	.mxd-section-inner-headline {
		padding-top: 13.6rem
	}

	.mxd-section-inner-headline.grid-headline {
		padding-top: 16rem
	}
}

@media only screen and (min-width:1600px) {
	.mxd-section-inner-headline {
		padding-top: 17rem
	}

	.mxd-section-inner-headline.grid-headline {
		padding-top: 20rem
	}
}

.mxd-section-inner-headline.padding-default {
	padding-bottom: 14rem
}

.mxd-section-inner-headline.padding-headline-pre-block {
	padding-bottom: 13rem
}

.mxd-section-inner-headline.padding-headline-pre-grid {
	padding-bottom: 10rem
}

.mxd-section-inner-headline.padding-s-headline-pre-grid {
	padding-bottom: 2rem
}

.mxd-section-inner-headline.padding-headline-pre-stack {
	padding-bottom: 2.3rem
}

.mxd-section-inner-headline.padding-text-pre-block {
	padding-bottom: 13rem
}

.mxd-section-inner-headline.padding-s-text-pre-block {
	padding-bottom: 4.9rem
}

@media only screen and (min-width:768px) {
	.mxd-section-inner-headline.padding-default {
		padding-bottom: 16rem
	}

	.mxd-section-inner-headline.padding-headline-pre-block {
		padding-bottom: 14.6rem
	}

	.mxd-section-inner-headline.padding-headline-pre-grid {
		padding-bottom: 11.6rem
	}

	.mxd-section-inner-headline.padding-s-headline-pre-grid {
		padding-bottom: 3.6rem
	}

	.mxd-section-inner-headline.padding-headline-pre-stack {
		padding-bottom: 1rem
	}

	.mxd-section-inner-headline.padding-text-pre-block {
		padding-bottom: 14.8rem
	}

	.mxd-section-inner-headline.padding-s-text-pre-form {
		padding-bottom: 0
	}

	.mxd-section-inner-headline.padding-s-text-pre-block {
		padding-bottom: 6.9rem
	}
}

@media only screen and (min-width:1200px) {
	.mxd-section-inner-headline.padding-headline-pre-block {
		padding-bottom: 14.2rem
	}

	.mxd-section-inner-headline.padding-headline-pre-grid {
		padding-bottom: 11.2rem
	}

	.mxd-section-inner-headline.padding-s-headline-pre-grid {
		padding-bottom: 3.2rem
	}

	.mxd-section-inner-headline.padding-headline-pre-stack {
		padding-bottom: .6rem
	}

	.mxd-section-inner-headline.padding-s-text-pre-form {
		padding-bottom: 3.2rem
	}
}

@media only screen and (min-width:1600px) {
	.mxd-section-inner-headline.padding-default {
		padding-bottom: 20rem
	}

	.mxd-section-inner-headline.padding-headline-pre-block {
		padding-bottom: 18rem
	}

	.mxd-section-inner-headline.padding-headline-pre-grid {
		padding-bottom: 15rem
	}

	.mxd-section-inner-headline.padding-s-headline-pre-grid {
		padding-bottom: 4.9rem
	}

	.mxd-section-inner-headline.padding-headline-pre-stack {
		padding-bottom: 4.4rem
	}

	.mxd-section-inner-headline.padding-text-pre-block {
		padding-bottom: 18.7rem
	}

	.mxd-section-inner-headline.padding-s-text-pre-form {
		padding-bottom: 3rem
	}

	.mxd-section-inner-headline.padding-s-text-pre-block {
		padding-bottom: 8.8rem
	}
}

.mxd-section-fullscreen {
	width: 100%;
	height: 100vh;
	padding-top: 7.6rem;
	overflow: hidden
}

@media only screen and (min-width:768px) {
	.mxd-section-fullscreen {
		padding-top: 9.6rem
	}
}

.mxd-container {
	position: relative;
	width: 100%;
	max-width: 1920px;
	padding: 0 3rem;
	margin: 0 auto
}

.mxd-container.fullwidth-container {
	max-width: none;
	padding: 0
}

.mxd-container.fullscreen-container {
	height: 100%
}

.mxd-container.no-padding-container {
	padding: 0;
	overflow: hidden
}

.mxd-container.grid-container {
	padding: 0 1.5rem
}

.mxd-container.grid-l-container {
	padding: 0 1.5rem
}

@media only screen and (min-width:768px) {
	.mxd-container {
		padding: 0 6rem
	}

	.mxd-container.grid-container {
		padding: 0 4.5rem
	}

	.mxd-container.grid-l-container {
		padding: 0 4.5rem
	}
}

@media only screen and (min-width:1200px) {
	.mxd-container.grid-container.no-padding-right {
		padding-right: 0
	}

	.mxd-container.grid-l-container {
		padding: 0 3rem
	}
}

@media only screen and (min-width:1600px) {
	.mxd-container {
		padding: 0 9rem
	}

	.mxd-container.grid-container {
		padding: 0 7.5rem
	}

	.mxd-container.grid-l-container {
		padding: 0 4.5rem
	}
}

.mxd-container__circle {
	z-index: 2;
	position: relative;
	margin-bottom: -10rem;
	text-align: center
}

@media only screen and (min-width:1200px) {
	.mxd-container__circle {
		margin-bottom: 0;
		position: absolute;
		top: -10rem;
		right: 12rem
	}

	.mxd-container__circle.circle-fit {
		right: 6rem
	}
}

@media only screen and (min-width:1600px) {
	.mxd-container__circle {
		right: 18rem
	}

	.mxd-container__circle.circle-fit {
		right: 9rem
	}
}

.mxd-grid-item {
	padding: 0 1.5rem;
	margin-top: 3rem
}

.mxd-grid-item.no-margin {
	margin: 0
}

.mxd-grid-item.no-margin-desktop {
	margin-top: 3rem
}

@media only screen and (min-width:1200px) {
	.mxd-grid-item.no-margin-desktop {
		margin: 0
	}
}

.mxd-grid-item-l {
	padding: 0 1.5rem;
	margin-top: 3rem
}

.mxd-grid-item-l.no-margin {
	margin: 0
}

@media only screen and (min-width:1200px) {
	.mxd-grid-item-l {
		padding: 0 3rem
	}
}

.mxd-block {
	position: relative
}

.mxd-block.pre-stack-block {
	margin-bottom: -3rem;
	z-index: 1
}

.mxd-block.fullscreen-block {
	height: 100%
}

.mxd-block.absolute-centered-block {
	position: absolute;
	left: 0;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media only screen and (min-width:768px) {
	.mxd-block.pre-stack-block {
		margin-bottom: -6rem
	}
}

@media only screen and (min-width:1600px) {
	.mxd-block.pre-stack-block {
		margin-bottom: -9rem
	}
}

.mxd-block__image {
	position: relative;
	height: 460px;
	-moz-border-radius: var(--_radius-l);
	border-radius: var(--_radius-l);
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size: cover;
	background-size: cover;
	overflow: hidden;
	margin-bottom: 3.8rem
}

.mxd-block__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media only screen and (min-width:768px) {
	.mxd-block__image {
		height: 600px;
		margin-bottom: 4.4rem
	}
}

@media only screen and (min-width:1200px) {
	.mxd-block__image {
		height: 100%
	}
}

.mxd-block__name {
	position: relative
}

.mxd-block__name.name-manifest {
	margin-bottom: 2.8rem;
	padding-top: 0
}

.mxd-block__name.name-inner-headline {
	margin-bottom: .2rem
}

.mxd-block__name.name-project-link {
	margin-top: 0;
	margin-bottom: .1rem
}

@media only screen and (min-width:768px) {
	.mxd-block__name.name-manifest {
		margin-bottom: 3.2rem
	}

	.mxd-block__name.name-inner-headline {
		margin-bottom: .4rem
	}
}

@media only screen and (min-width:1200px) {
	.mxd-block__name.name-manifest {
		margin-bottom: 0;
		padding-top: 1.5rem
	}

	.mxd-block__name.name-inner-headline {
		margin-bottom: 0;
		margin-top: 2rem
	}

	.mxd-block__name.name-project-link {
		margin-top: 1.3rem;
		margin-bottom: 0
	}
}

@media only screen and (min-width:1600px) {
	.mxd-block__name.name-inner-headline {
		margin-top: 2.6rem
	}

	.mxd-block__name.name-project-link {
		margin-top: 2rem
	}
}

.mxd-block__content.content-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 6rem
}

@media only screen and (min-width:768px) {
	.mxd-block__content.content-flex {
		gap: 9rem
	}
}

.inner-headline__title {
	position: relative
}

.inner-headline__title.headline-img-before::before {
	content: "";
	display: inline-block;
	width: 8rem;
	height: 4.3rem;
	-moz-border-radius: 4.2rem;
	border-radius: 4.2rem;
	margin-right: 1.6rem;
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size: cover;
	background-size: cover
}

.inner-headline__title.headline-img-after::after {
	content: "";
	display: inline-block;
	width: 8rem;
	height: 4.3rem;
	-moz-border-radius: 4.2rem;
	border-radius: 4.2rem;
	margin-left: 1.6rem;
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size: cover;
	background-size: cover
}

@media only screen and (min-width:768px) {
	.inner-headline__title.headline-img-before::before {
		width: 11rem;
		height: 5.8rem;
		margin-right: 2.2rem
	}

	.inner-headline__title.headline-img-after::after {
		width: 11rem;
		height: 5.8rem;
		margin-left: 2.2rem
	}
}

@media only screen and (min-width:1200px) {
	.inner-headline__title.headline-img-before::before {
		width: 14rem;
		height: 7rem;
		margin-right: 2.6rem
	}

	.inner-headline__title.headline-img-after::after {
		width: 14rem;
		height: 7rem;
		margin-left: 2.6rem
	}
}

@media only screen and (min-width:1600px) {
	.inner-headline__title.headline-img-before::before {
		width: 16rem;
		height: 8.4rem;
		margin-right: 3.3rem
	}

	.inner-headline__title.headline-img-after::after {
		width: 16rem;
		height: 8.4rem;
		margin-left: 3.3rem
	}
}

.inner-headline__descr {
	margin-top: 3.8rem
}

@media only screen and (min-width:1200px) {
	.inner-headline__descr {
		margin-top: 1.8rem;
		padding-left: 3rem;
		max-width: 560px
	}
}

@media only screen and (min-width:1600px) {
	.inner-headline__descr {
		margin-top: 2rem;
		max-width: 620px
	}
}

.inner-headline__text {
	margin-top: 3.3rem
}

@media only screen and (min-width:768px) {
	.inner-headline__text {
		margin-top: 4.9rem
	}
}

@media only screen and (min-width:1200px) {
	.inner-headline__text {
		margin-top: 4.6rem
	}
}

@media only screen and (min-width:1600px) {
	.inner-headline__text {
		margin-top: 5.9rem
	}
}

.inner-headline__paragraph {
	margin-top: 3.8rem
}

@media only screen and (min-width:768px) {
	.inner-headline__paragraph {
		margin-top: 3.5rem
	}
}

@media only screen and (min-width:1200px) {
	.inner-headline__paragraph {
		margin-top: 4.1rem
	}
}

@media only screen and (min-width:1600px) {
	.inner-headline__paragraph {
		margin-top: 4.5rem
	}
}

.inner-headline__data {
	margin-top: 4.4rem
}

@media only screen and (min-width:1200px) {
	.inner-headline__data {
		margin-top: 5.4rem
	}
}

@media only screen and (min-width:1600px) {
	.inner-headline__data {
		margin-top: 6.1rem
	}
}

.inner-headline__tags {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 5.5rem
}

@media only screen and (min-width:768px) {
	.inner-headline__tags {
		margin-top: 5.4rem
	}
}

@media only screen and (min-width:1200px) {
	.inner-headline__tags {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: end;
		-moz-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: end;
		-moz-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		gap: 1rem;
		height: 100%;
		margin-top: 0
	}

	.inner-headline__tags .tag {
		-ms-flex-item-align: end;
		align-self: flex-end
	}
}

.inner-headline__blogtags {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 4.9rem
}

@media only screen and (min-width:1200px) {
	.inner-headline__blogtags {
		margin-top: 5.2rem
	}
}

@media only screen and (min-width:1600px) {
	.inner-headline__blogtags {
		margin-top: 5.9rem
	}
}

.inner-headline__breadcrumbs {
	margin-top: 4.9rem
}

@media only screen and (min-width:1200px) {
	.inner-headline__breadcrumbs {
		margin-top: 5.2rem
	}
}

@media only screen and (min-width:1600px) {
	.inner-headline__breadcrumbs {
		margin-top: 5.9rem
	}
}

.mxd-block__decoration {
	display: block;
	width: 7rem;
	height: auto
}

.mxd-block__manifest.centered {
	text-align: center
}

.mxd-manifest__controls {
	margin-top: 4.4rem
}

@media only screen and (min-width:768px) {
	.mxd-manifest__controls {
		margin-top: 5rem
	}
}

.mxd-block__paragraph {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 2rem;
	margin-top: 1.8rem
}

@media only screen and (min-width:768px) {
	.mxd-block__paragraph {
		margin-top: 1.3rem
	}
}

@media only screen and (min-width:1200px) {
	.mxd-block__paragraph {
		margin-top: .4rem;
		gap: 3rem
	}
}

@media only screen and (min-width:1600px) {
	.mxd-block__paragraph {
		max-width: 855px
	}
}

.mxd-paragraph__lists-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1.2rem;
	margin-bottom: 2.1rem
}

.mxd-paragraph__lists-item:last-of-type {
	margin-bottom: 0
}

.mxd-paragraph__lists-item ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.mxd-paragraph__lists-item ul li {
	display: block;
	font: normal var(--fw-regular) 1.8rem/1.4 var(--_font-accent)
}

.mxd-paragraph__lists-item ul li a {
	font: normal var(--fw-regular) 1.8rem/1.4 var(--_font-accent);
	color: var(--t-medium);
	text-decoration: none;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, right top, from(var(--t-bright)), to(var(--t-bright)));
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), -moz-linear-gradient(left, var(--t-bright), var(--t-bright));
	background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, var(--t-bright), var(--t-bright));
	-moz-background-size: 100% 1px, 0 1px;
	background-size: 100% 1px, 0 1px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	-webkit-transition: background-size .3s, color .3s;
	-moz-transition: background-size .3s, color .3s, -moz-background-size .3s;
	transition: background-size .3s, color .3s;
	transition: background-size .3s, color .3s, -moz-background-size .3s
}

.no-touch .mxd-paragraph__lists-item ul li a:hover {
	color: var(--t-bright);
	-moz-background-size: 0 1px, 100% 1px;
	background-size: 0 1px, 100% 1px
}

@media only screen and (min-width:1200px) {
	.mxd-paragraph__lists-item {
		gap: 1.8rem;
		margin-bottom: 0
	}
}

@media only screen and (min-width:1600px) {
	.mxd-paragraph__lists-item ul li a {
		font-size: 1.8rem
	}
}

.mxd-paragraph__controls {
	margin-top: 1.3rem
}

@media only screen and (min-width:1200px) {
	.mxd-paragraph__controls {
		margin-top: 1.4rem
	}
}

@media only screen and (min-width:1600px) {
	.mxd-paragraph__controls {
		margin-top: 1.7rem
	}
}

.mxd-paragraph__client {
	margin-top: .2rem
}

@media only screen and (min-width:1200px) {
	.mxd-paragraph__client {
		margin-top: 0
	}
}

@media only screen and (min-width:1600px) {
	.mxd-paragraph__client {
		margin-top: .2rem
	}
}

.mxd-pinned-fullscreen {
	position: relative
}

.mxd-pinned-fullscreen__static {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 1
}

.mxd-pinned-fullscreen__scroll {
	width: 100%;
	position: relative;
	top: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20vh;
	z-index: 3
}

.mxd-pinned-fullscreen__scroll p {
	font-size: 30rem
}

.mxd-pinned-fullscreen__tl-trigger {
	position: absolute;
	right: 0;
	bottom: 30vh;
	width: 1px;
	height: 1px
}

.d-none {
    display: none;
}

h1 {
	font: normal var(--fw-medium) 6rem/1.1 var(--_font-accent)!important;
	letter-spacing: -.06rem!important;
	color: var(--t-bright)!important
}

@media only screen and (min-width:768px) {
	h1 {
		font-size: 8rem!important
	}
}

@media only screen and (min-width:1200px) {
	h1 {
		font-size: 8rem!important
	}

    .d-xl-block {
        display: block;
    }
}

.typed-cursor {
	color: var(--accent)
}

h2 {
	font: normal var(--fw-medium) 36px/1.1 var(--_font-accent);
	letter-spacing: -.06rem;
	color: var(--t-bright)
}

h2.opposite {
	color: var(--t-opp-bright)
}

h2.permanent-light {
	color: var(--pt-t-light-bright)
}

h2.permanent-dark {
	color: var(--pt-t-dark-bright)
}

@media only screen and (min-width:768px) {
	h2 {
		font-size: 7rem
	}
}

@media only screen and (min-width:1600px) {
	h2 {
		font-size: 7rem
	}

	h2.h2-small {
		font-size: 7rem
	}

	h2.h2-large {
		font-size: 12rem
	}
}

h3 {
	font: normal var(--fw-medium) 3.6rem/1.2 var(--_font-accent);
	color: var(--t-bright)
}

h3.opposite {
	color: var(--t-opp-bright)
}

@media only screen and (min-width:768px) {
	h3 {
		font-size: 5rem
	}
}

h4 {
	font: normal var(--fw-medium) 3rem/1.2 var(--_font-accent);
	color: var(--t-bright)
}

@media only screen and (min-width:1200px) {
	h4 {
		font-size: 4.4rem
	}
}

h5 {
	font: normal var(--fw-medium) 2.6rem/1.2 var(--_font-accent);
	color: var(--t-bright)
}

h5 small {
	display: block;
	font: normal var(--fw-regular) 1.6rem/1.2 var(--_font-accent);
	color: var(--t-medium);
	margin-top: .2rem
}

h5 a {
	color: var(--t-bright)
}

h5.opposite {
	color: var(--t-opp-bright)
}

h5.opposite a {
	color: var(--t-opp-bright)
}

@media only screen and (min-width:768px) {
	h5 {
		font-size: 3.4rem
	}
}

@media only screen and (min-width:1600px) {
	h5 small {
		font-size: 1.8rem
	}
}

h6 {
	font: normal var(--fw-medium) 2.2rem/1.2 var(--_font-accent);
	color: var(--t-bright)
}

h6 a {
	color: var(--t-bright)
}

h6.opposite {
	color: var(--t-opp-bright)
}

h6.opposite a {
	color: var(--t-opp-bright)
}

@media only screen and (min-width:1200px) {
	h6 {
		font-size: 3rem
	}
}

p {
	font: normal var(--fw-regular) 18px/1.6 var(--_font-accent);
	color: var(--t-medium)
}

p a,
p span {
	color: var(--t-bright)
}

p span {
	font-weight: var(--fw-semibold)
}

p a {
	text-decoration: none;
	background: -webkit-gradient(linear, left top, right top, from(var(--t-medium)), to(var(--t-medium))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
	background: -moz-linear-gradient(left, var(--t-medium), var(--t-medium)), -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	background: linear-gradient(to right, var(--t-medium), var(--t-medium)), linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	-moz-background-size: 100% 1px, 0 1px;
	background-size: 100% 1px, 0 1px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	-webkit-transition: background-size .4s, color .3s;
	-moz-transition: background-size .4s, color .3s, -moz-background-size .4s;
	transition: background-size .4s, color .3s;
	transition: background-size .4s, color .3s, -moz-background-size .4s
}

p a.opposite {
	background: -webkit-gradient(linear, left top, right top, from(var(--t-opp-medium)), to(var(--t-opp-medium))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
	background: -moz-linear-gradient(left, var(--t-opp-medium), var(--t-opp-medium)), -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	background: linear-gradient(to right, var(--t-opp-medium), var(--t-opp-medium)), linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
}

.no-touch p a:hover {
	color: var(--t-bright);
	-moz-background-size: 0 1px, 100% 1px;
	background-size: 0 1px, 100% 1px
}

.no-touch p a:hover.opposite {
	color: var(--t-opp-bright)
}

p.t-120 {
	line-height: 1.2
}

p.t-140 {
	line-height: 1.4
}

p.t-xsmall {
	font-size: 1.4rem;
	line-height: 1.2
}

p.t-small {
	font-size: 1.6rem
}

p.t-small-mobile {
	font-size: 1.6rem
}

p.t-large {
	font-family: var(--_font-accent);
	font-size: 2.5rem;
	color: var(--t-bright)
}

p.t-caption {
	line-height: 1.4;
	font-weight: var(--fw-medium)
}

p.t-muted {
	color: var(--t-muted)
}

p.t-muted span {
	color: var(--t-medium)
}

p.t-muted a {
	font-weight: var(--fw-regular);
	color: var(--t-muted);
	text-decoration: none;
	background: -webkit-gradient(linear, left top, right top, from(var(--t-muted)), to(var(--t-muted))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
	background: -moz-linear-gradient(left, var(--t-muted), var(--t-muted)), -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	background: linear-gradient(to right, var(--t-muted), var(--t-muted)), linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	-moz-background-size: 100% 1px, 0 1px;
	background-size: 100% 1px, 0 1px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	-webkit-transition: background-size .4s, color .3s;
	-moz-transition: background-size .4s, color .3s, -moz-background-size .4s;
	transition: background-size .4s, color .3s;
	transition: background-size .4s, color .3s, -moz-background-size .4s
}

.no-touch p.t-muted a:hover {
	color: var(--t-medium);
	-moz-background-size: 0 1px, 100% 1px;
	background-size: 0 1px, 100% 1px
}

p.t-muted a.no-effect {
	background: 0 0
}

p.t-opposite {
	color: var(--t-opp-bright)
}

p.t-opposite-medium {
	color: var(--t-opp-medium)
}

p.t-opposite-medium a {
	color: var(--t-opp-bright);
	text-decoration: none;
	background: -webkit-gradient(linear, left top, right top, from(var(--t-opp-medium)), to(var(--t-opp-medium))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
	background: -moz-linear-gradient(left, var(--t-opp-medium), var(--t-opp-medium)), -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	background: linear-gradient(to right, var(--t-opp-medium), var(--t-opp-medium)), linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	-moz-background-size: 100% 1px, 0 1px;
	background-size: 100% 1px, 0 1px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	-webkit-transition: background-size .4s, color .3s;
	-moz-transition: background-size .4s, color .3s, -moz-background-size .4s;
	transition: background-size .4s, color .3s;
	transition: background-size .4s, color .3s, -moz-background-size .4s
}

.no-touch p.t-opposite-medium a:hover {
	color: var(--t-opp-bright);
	-moz-background-size: 0 1px, 100% 1px;
	background-size: 0 1px, 100% 1px
}

p.t-bright {
	color: var(--t-bright)
}

p.t-bright.opposite {
	color: var(--t-opp-bright)
}

p.t-medium {
	font-weight: var(--fw-medium)
}

p.t-semibold {
	font-weight: var(--fw-semibold)
}

@media only screen and (min-width:768px) {
	p.t-small-mobile {
		font-size: 1.8rem
	}
}

@media only screen and (min-width:1600px) {
	p {
		font-size: 2rem
	}
}

.mxd-point-subtitle {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: left;
	-moz-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	gap: 1rem;
	font: normal var(--fw-regular) 2.2rem/1.2 var(--_font-accent);
	color: var(--t-bright)
}

.mxd-point-subtitle svg {
	width: 1.9rem;
	height: 1.9rem;
	fill: var(--t-bright)
}

.mxd-point-subtitle span {
	font-weight: var(--fw-regular)
}

.mxd-point-subtitle a {
	color: var(--t-bright);
	background: 0 0
}

.no-touch .mxd-point-subtitle:hover a {
	color: var(--t-medium)
}

.mxd-manifest {
	font: normal var(--fw-regular) 2.8rem/1.6 var(--_font-accent);
	color: var(--t-bright)
}

@media only screen and (min-width:768px) {
	.mxd-manifest {
		font-size: 4.4rem
	}
}

@media only screen and (min-width:1600px) {
	.mxd-manifest {
		max-width: 855px
	}

	.mxd-manifest.mxd-manifest-l {
		max-width: none
	}
}

.mxd-stats-number {
	font: normal var(--fw-medium) 7rem/.8 var(--_font-accent);
	color: var(--t-bright);
	letter-spacing: -.1rem
}

.mxd-stats-number.opposite {
	color: var(--t-opp-bright)
}

.mxd-stats-number.small {
	font-size: 5rem
}

.mxd-stats-number.xsmall {
	font-size: 5rem
}

@media only screen and (min-width:768px) {
	.mxd-stats-number.small {
		font-size: 7rem
	}

	.mxd-stats-number.xsmall {
		font-size: 5rem
	}
}

@media only screen and (min-width:1200px) {
	.mxd-stats-number {
		font-size: 9rem
	}
}

@media only screen and (min-width:1600px) {
	.mxd-stats-number {
		font-size: 12rem
	}
}

.mxd-color-switcher {
	position: relative;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 4.6rem;
	height: 4.6rem;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: none;
	outline: 0;
	cursor: pointer;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	color: var(--t-bright);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px)
}

.mxd-color-switcher::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: transparent;
	-webkit-transition: background-color var(--_animspeed-medium) var(--_animbezier), -webkit-transform var(--_animspeed-medium);
	transition: background-color var(--_animspeed-medium) var(--_animbezier), -webkit-transform var(--_animspeed-medium);
	-moz-transition: transform var(--_animspeed-medium), background-color var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium);
	transition: transform var(--_animspeed-medium), background-color var(--_animspeed-medium) var(--_animbezier);
	transition: transform var(--_animspeed-medium), background-color var(--_animspeed-medium) var(--_animbezier), -webkit-transform var(--_animspeed-medium), -moz-transform var(--_animspeed-medium)
}

.mxd-color-switcher i {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	font-size: 2rem;
	overflow: hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform var(--_animspeed-medium) var(--_animbezier);
	transition: -webkit-transform var(--_animspeed-medium) var(--_animbezier);
	-moz-transition: transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier);
	transition: transform var(--_animspeed-medium) var(--_animbezier);
	transition: transform var(--_animspeed-medium) var(--_animbezier), -webkit-transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier)
}

.no-touch .mxd-color-switcher:hover::before {
	background-color: var(--base-tint);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1.04);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1.04);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1.04);
	transform: translateX(-50%) translateY(-50%) scale(1.04)
}

.no-touch .mxd-color-switcher:hover i {
	-webkit-transform: scale(.92);
	-moz-transform: scale(.92);
	-ms-transform: scale(.92);
	transform: scale(.92)
}

@media only screen and (min-width:768px) {
	.mxd-color-switcher {
		width: 5.6rem;
		height: 5.6rem
	}

	.mxd-color-switcher i {
		font-size: 3rem
	}
}

.btn-rotating {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	color: var(--t-bright);
	font-size: 2.2rem
}

.btn-rotating .btn-rotating__text {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.btn-rotating .btn-rotating__text text {
	fill: var(--t-bright);
	font-family: var(--_font-accent);
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition: var(--_animspeed-medium) var(--_animbezier);
	-moz-transition: var(--_animspeed-medium) var(--_animbezier);
	transition: var(--_animspeed-medium) var(--_animbezier)
}

.btn-rotating .btn-rotating__image {
	display: block;
	height: auto;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform var(--_animspeed-medium) var(--_animbezier);
	transition: -webkit-transform var(--_animspeed-medium) var(--_animbezier);
	-moz-transition: transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier);
	transition: transform var(--_animspeed-medium) var(--_animbezier);
	transition: transform var(--_animspeed-medium) var(--_animbezier), -webkit-transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier)
}

.no-touch .btn-rotating:hover .btn-rotating__image {
	-webkit-transform: scale(.92);
	-moz-transform: scale(.92);
	-ms-transform: scale(.92);
	transform: scale(.92)
}

.btn-rotating-160 {
	width: 160px;
	height: 160px
}

.btn-rotating-160 .btn-rotating__text {
	width: 160px;
	height: 160px
}

.btn-rotating-160 .btn-rotating__text text {
	font-size: 1.39rem;
	letter-spacing: normal
}

.btn-rotating-160 .btn-rotating__image {
	width: 6rem
}

.btn-rotating-120-160 {
	width: 120px;
	height: 120px
}

.btn-rotating-120-160 .btn-rotating__text {
	width: 120px;
	height: 120px
}

.btn-rotating-120-160 .btn-rotating__text text {
	font-size: 1.4rem;
	letter-spacing: normal
}

.btn-rotating-120-160 .btn-rotating__image {
	width: 5rem
}

@media only screen and (min-width:1600px) {
	.btn-rotating-120-160 {
		width: 160px;
		height: 160px
	}

	.btn-rotating-120-160 .btn-rotating__text {
		width: 160px;
		height: 160px
	}

	.btn-rotating-120-160 .btn-rotating__text text {
		font-size: 1.39rem;
		letter-spacing: normal
	}

	.btn-rotating-120-160 .btn-rotating__image {
		width: 6rem
	}
}

.btn-rotating-180 {
	width: 180px;
	height: 180px
}

.btn-rotating-180 .btn-rotating__text {
	width: 180px;
	height: 180px
}

.btn-rotating-180 .btn-rotating__text text {
	font-size: 1.53rem;
	letter-spacing: .1rem
}

.btn-rotating-180 .btn-rotating__image {
	width: 7.6rem
}

.btn-rotating-180.ver-02 .btn-rotating__text text {
	font-size: 1.36rem
}

.btn-rotating-blur-outline {
	width: 200px;
	height: 200px;
	border: 1px solid var(--st-opp-bright);
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: var(--neutral-transparent);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px)
}

.btn-rotating-blur-outline .btn-rotating__text {
	width: 180px;
	height: 180px;
	top: 1rem;
	left: 1rem
}

.btn-rotating-blur-outline .btn-rotating__text text {
	font-size: 1.4rem;
	letter-spacing: .09rem
}

.btn-rotating-blur-outline .btn-rotating__image {
	width: 8rem
}

.btn-rotating-blur-outline.ver-02 .btn-rotating__text text {
	font-size: 1.374rem;
	letter-spacing: .09rem
}

.btn-rotating-blur-outline.ver-03 .btn-rotating__text text {
	font-size: 1.54rem;
	letter-spacing: .1rem
}

.btn-rotating-blur-outline.ver-04 {
	width: 147px;
	height: 147px;
	color: var(--nl-white)
}

.btn-rotating-blur-outline.ver-04 .btn-rotating__text {
	width: 130px;
	height: 130px;
	top: .8rem;
	left: .8rem
}

.btn-rotating-blur-outline.ver-04 .btn-rotating__text text {
	font-size: 1.54rem;
	letter-spacing: .1rem
}

.btn-rotating-blur-outline.ver-04 .btn-rotating__image {
	width: 5rem
}

@media only screen and (min-width:1200px) {
	.btn-rotating-blur-outline.permanent-desktop {
		border: 1px solid rgba(255, 255, 255, .5);
		background-color: rgba(255, 255, 255, .05)
	}

	.btn-rotating-blur-outline.permanent-desktop .btn-rotating__text {
		fill: var(--nl-white)
	}

	.btn-rotating-blur-outline.permanent-desktop .btn-rotating__text text {
		fill: var(--nl-white)
	}
}

.btn {
	position: relative;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1.4rem;
	border: none;
	outline: 0;
	padding: 0;
	font: inherit;
	background-color: transparent;
	cursor: pointer;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.btn-to-top {
	position: fixed;
	right: 3rem;
	bottom: 3rem;
	width: 4.6rem;
	height: 4.6rem;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border-width: 2px;
	background-color: rgba(255, 255, 255, .03);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: var(--nl-white);
	mix-blend-mode: difference;
	font: normal var(--fw-regular) 2.2rem/1.5 var(--_font-accent);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform var(--_animspeed-medium) var(--_animbezier);
	transition: -webkit-transform var(--_animspeed-medium) var(--_animbezier);
	-moz-transition: transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier);
	transition: transform var(--_animspeed-medium) var(--_animbezier);
	transition: transform var(--_animspeed-medium) var(--_animbezier), -webkit-transform var(--_animspeed-medium) var(--_animbezier), -moz-transform var(--_animspeed-medium) var(--_animbezier);
	z-index: 9;
	overflow: hidden
}

.btn-to-top i {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	font-size: 2.2rem;
	overflow: hidden
}

.no-touch .btn-to-top:hover {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}

@media only screen and (min-width:768px) {
	.btn-to-top {
		right: 6rem;
		bottom: 4rem;
		width: 5.6rem;
		height: 5.6rem
	}

	.btn-to-top i {
		font-size: 2.5rem
	}
}

@media only screen and (min-width:1600px) {
	.btn-to-top {
		right: 9rem
	}
}

.btn-line-default {
	gap: 1rem;
	font: normal var(--fw-medium) 1.8rem/1.2 var(--_font-accent);
	color: var(--t-bright)
}

.btn-line-default .btn-caption,
.btn-line-default i {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative
}

.btn-line-default i {
	font-size: 2.2rem;
	overflow: hidden
}

@media only screen and (min-width:1600px) {
	.btn-line-default {
		font-size: 2.2rem
	}

	.btn-line-default i {
		font-size: 2.6rem
	}
}

.btn-line-medium {
	gap: 1rem;
	font: normal var(--fw-regular) 1.6rem/1.2 var(--_font-accent);
	color: var(--t-bright)
}

.btn-line-medium .btn-caption,
.btn-line-medium i {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative
}

.btn-line-medium i {
	font-size: 1.8rem;
	overflow: hidden
}

@media only screen and (min-width:1600px) {
	.btn-line-medium {
		font-size: 1.8rem
	}

	.btn-line-medium i {
		font-size: 2rem
	}
}

.btn-line-small {
	gap: 1rem;
	font: normal var(--fw-regular) 1.8rem/1.2 var(--_font-accent);
	color: var(--t-muted)
}

.btn-line-small .btn-caption,
.btn-line-small i {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative
}

.btn-line-small i {
	font-size: 2.2rem;
	overflow: hidden
}

.btn-line-xsmall {
	font: normal var(--fw-regular) 1.4rem/1.2 var(--_font-accent);
	gap: .6rem;
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: auto
}

.btn-line-xsmall .btn-caption,
.btn-line-xsmall i {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative
}

.btn-line-xsmall i {
	font-size: 1.6rem;
	overflow: hidden
}

.btn-line-headline {
	gap: 1rem;
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: auto;
	font: normal var(--fw-medium) 3.6rem/1.1 var(--_font-accent);
	letter-spacing: -.06rem;
	color: var(--t-muted-extra);
	margin-top: 1rem
}

.btn-line-headline .btn-caption,
.btn-line-headline i {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative
}

.btn-line-headline i {
	font-size: 3.1rem;
	overflow: hidden
}

@media only screen and (min-width:768px) {
	.btn-line-headline {
		font-size: 8rem;
		margin-top: 0
	}

	.btn-line-headline i {
		font-size: 6.7rem
	}
}

@media only screen and (min-width:1200px) {
	.btn-line-headline {
		font-size: 10rem
	}

	.btn-line-headline i {
		font-size: 8.7rem
	}

	.no-touch .btn-line-headline:hover {
		color: var(--accent)
	}
}

@media only screen and (min-width:1600px) {
	.btn-line-headline {
		font-size: 12rem
	}

	.btn-line-headline i {
		font-size: 10.1rem
	}
}

.btn-default {
	gap: 1.2rem;
	padding: 1.5rem 2.2rem;
    background-color: #9F8BE7;
    color: #fff;
	-moz-border-radius: 2.8rem;
	border-radius: 2.8rem;
	border-width: 2px;
	font: normal var(--fw-medium) 2rem/1.5 var(--_font-accent)
}

.mxd-hero-08 {
	position: relative;
	width: 100%
}

.mxd-hero-08__tl-trigger {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 1px
}

.mxd-hero-08__wrap {
	position: relative;
    margin: 0 auto;
	width: 100%;
    max-width: 1400px;
	padding-top: 20px;
    padding-bottom: 80px;
}


@media only screen and (min-width:1200px) {
	.mxd-hero-08__wrap {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: block;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
        padding-top: 150px;
	}
}

.mxd-hero-08__center {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 6rem 0 0rem 0
}

@media only screen and (min-width:768px) {
	.mxd-hero-08__center {
		padding: 7rem 0 7rem 0
	}
}

@media only screen and (min-width:1200px) {
	.mxd-hero-08__center {
		padding: 0
	}
}

.mxd-hero-08__headline {
	position: relative
}

.hero-08-headline__image {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 50vw
}

@media only screen and (min-width:768px) {
	.hero-08-headline__image {
		width: 20vw
	}
}

@media only screen and (min-width:1600px) {
	.hero-08-headline__image {
		width: 20vw
	}
}

.hero-08-headline__title {
	position: relative;
	mix-blend-mode: difference
}

.hero-08-headline__title h1 {
	color: var(--nl-white)!important;
}

.mxd-hero-08__bottom {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 3.6rem;
	padding: 0 3rem;
}

@media only screen and (min-width:768px) {
	.mxd-hero-08__bottom {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 6rem;
		padding: 3rem 6rem
	}
}

@media only screen and (min-width:1200px) {
	.mxd-hero-08__bottom {
		left: 0;
		width: 100%;
		-webkit-box-align: end;
		-moz-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 0
	}
}

@media only screen and (min-width:1600px) {
	.mxd-hero-08__bottom {
		padding: 3 9rem
	}
}

.mxd-hero-08__video-wrap {
	position: relative;
	-moz-border-radius: var(--_radius-l);
	border-radius: var(--_radius-l);
	overflow: hidden
}

@media only screen and (min-width:768px) {
	.mxd-hero-08__video-wrap {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		-webkit-box-flex: 0;
		-moz-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-moz-border-radius: var(--_radius-m);
		border-radius: var(--_radius-m)
	}
}

@media only screen and (min-width:1200px) {
	.mxd-hero-08__video-wrap {
		-ms-flex-preferred-size: 24.6rem;
		flex-basis: 24.6rem;
		-webkit-box-flex: 0;
		-moz-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
}

.mxd-hero-08__video-btn {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1rem
}

.mxd-hero-08__video {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.mxd-hero-08__data-wrap {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 2.3rem
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mxd-rotate-slow {
    -webkit-animation: spin 16s linear infinite;
    -moz-animation: spin 16s linear infinite;
    animation: spin 16s linear infinite;
}

.bg-grey {
    background-color: #fbf8f7;
}

#table {
    border-collapse: collapse!important;
    margin-bottom: 15px!important;
    margin-top: 10px!important;
}

#table td, #table th {
    border: 1px solid #ddd!important;
    padding: 8px!important;
    font-size: 16px!important;
}

#table th {
    padding-top: 12px!important;
    padding-bottom: 12px!important;
    text-align: left!important;
    background-color: #9F8BE7!important;
    color: #fff !important;
    font-weight: 600!important;
} 

.content-list a {
    color: #fff!important;
}

.content-list a:hover {
    transform: translateY(-2px)!important;
    color:var(--text-color)!important;
}

@media only screen and (max-width:1000px) {
    .logo img {
        max-width: 120px;
    }

    .mobno {
        display: none;
    }

    #table {
        display: block;  
        overflow-x: auto;    
        white-space: nowrap;
    }
}

.rating {
    display: inline-block;
    padding: 5px 12px;
    background: linear-gradient(135deg, #9F8BE7, #9277f4);
    color: #fff;
    font-weight: bold;
    border-radius: 12px;
    font-size: 17px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    text-align: center;
    min-width: 40px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.table-main {
    max-width: 1400px;
    border:none!important;
    margin: 0px auto 40px;
    background-color: #E0DDDB;
    color: var(--text-primary);
    border-radius: 10px;
    overflow: hidden;
}
  
.table-main th, .table-main td {
    padding: 15px;
    border:none!important;
    text-align: center;
}

tr, th, td {
    border:none!important;
}
  
.table-main th {
    color: #fff;
    font-size: 18px;
}
  
.table-main tr:nth-child(even) {
    background-color: rgba(207, 204, 204, 0.5);
}
  
.table-main tr:hover {
    background-color: rgba(207, 204, 204, 0.5);
}
  
.tlogo img {
    width: 170px;
    height: auto;
    border-radius: 10px;
}
  
.bonus {
    font-size: 20px;
    vertical-align: middle;
}
  
.table-main .tp-btn-cpc-lg {
    text-transform: uppercase;
}
  
@media only screen and (min-width: 768px) {
    .brand-logo img {
      padding: 10px 0;
    }
  
    td.features {
      text-align: left;
    }
}
  
@media only screen and (max-width: 767px) {
    .table-main td {
        display: block;
        text-align: center;		
    }
  
    .table-main .btn-default {
        text-align: center;
        margin-bottom: 20px!important;
    }

    .table-main {
        max-width: 98%!important;
    }
  
    .tlogo img {
        max-width:250px;
        margin-top: 20px;
    }
  
    .bonus strong {
        font-size: 22px;
        padding: 15px 30px;
    }
  
    .table tbody tr td  {
        border: none;
    }	
      
    .table-main tr  {
        padding-bottom: 20px;
        display: block!important;
    }	
  
    td.features {
        font-size: 18px!important;
        text-align: center;
    }

    p.t-large {
        font-size: 2rem;
        margin-top: 20px;
    }
}
  
.table-main .tf-btn {
    color: #fff;
    text-transform: uppercase;
}
  
td.features {
    font-size: 14px;
    line-height: 1.4;
    padding: 10px;
    vertical-align: middle;
}
  
td.features span {
    display: block;
    margin-bottom: 4px;
}

.content ul {
    list-style: disc!important;
}

.content ul li::marker {
    color: var(--bg-color);
}

.faq-item {
	background-color: rgba(255, 255, 255, 0.5);
    color: #000;
	border-radius: 8px;
	margin-bottom: 1rem;
	border: 1px solid var(--border-color);
	overflow: hidden;
}

.faq-question {
	padding: 1.5rem;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
    font-size: 22px;
	font-weight: 500;
	color: var(--text-dark);
}

.faq-answer {
	padding: 0 1.5rem 1.5rem;
    font-size: 17px;
}

p:has(+ ul) {
    margin-bottom: 5px!important; 
}

p:last-child {
    margin-bottom: 0px!important; 
}

a {
    text-decoration: none!important;
}