:root {
	--fonts--body: "Clashgrotesk Variable", Arial, sans-serif;
	--fonts--headings: "Clashdisplay Variable", Arial, sans-serif;
	--colors--black: black;
	--colors--blackbg: black;
	--colors--white: white;
	--colors--whitebg: white;
	--colors--dark-beige: #e7d1b8;
	--colors--beige: #f5ecdf;
	--colors--grey: #757575;
	--colors--light-beige: #fbf7f1;
	--colors--alpha-white: #ffffff80;
	--colors--transparent: #0000002b;
	--colors--transparent-alternate: #00000080;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: sans-serif;
}
body {
	margin: 0;
}
details,
footer,
header,
menu,
nav,
section,
summary {
	display: block;
}
video {
	vertical-align: baseline;
	display: inline-block;
}
[hidden] {
	display: none;
}
a:active,
a:hover {
	outline: 0;
}
b {
	font-weight: 500;
}
h1 {
	margin: 0.67em 0;
	font-size: 2em;
}
small {
	font-size: 80%;
}
sup {
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
	position: relative;
}
sup {
	top: -0.5em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
button,
input,
select {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
.input-calculator {
	width: 120px;
	height: 40px;
}
@font-face {
	font-family: site-icons;
	src: url("data:application/x-font-ttf;charset=utf-8;base64,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")
		format("truetype");
	font-weight: 400;
	font-style: normal;
}
[class*=" w-icon-"],
[class^="w-icon-"] {
	speak: none;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	font-family: site-icons !important;
}
.w-icon-nav-menu:before {
	content: "";
}
.w-icon-arrow-down:before {
	content: "";
}
* {
	box-sizing: border-box;
}
html {
	height: 100%;
}
body {
	color: #333;
	background-color: var(--colors--whitebg);
	min-height: 100%;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
img {
	vertical-align: middle;
	max-width: 100%;
	display: inline-block;
}
.w-block {
	display: block;
}
.w-inline-block {
	max-width: 100%;
	display: inline-block;
}
.w-hidden {
	display: none;
}
.w-button {
	color: var(--colors--black);
	line-height: inherit;
	cursor: pointer;
	background-color: var(--colors--whitebg);
	border: 0;
	border-radius: 0;
	padding: 9px 15px;
	text-decoration: none;
	display: inline-block;
}
input.w-button {
	-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
	color: var(--colors--black) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 10px;
	font-weight: 500;
}
h1 {
	margin-top: 20px;
	font-size: 38px;
	line-height: 44px;
}
h2 {
	margin-top: 20px;
	font-size: 32px;
	line-height: 36px;
}
h3 {
	margin-top: 20px;
	font-size: 24px;
	line-height: 30px;
}
h4 {
	margin-top: 10px;
	font-size: 18px;
	line-height: 24px;
}
h5 {
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
}
h6 {
	margin-top: 10px;
	font-size: 12px;
	line-height: 18px;
}
p {
	margin-top: 0;
	margin-bottom: 10px;
}
.w-video {
	width: 100%;
	padding: 0;
	position: relative;
}
[type="button"],
[type="reset"],
button {
	cursor: pointer;
	-webkit-appearance: button;
	border: 0;
}
.w-form {
	margin: 0 0 15px;
}
.w-form-done {
	text-align: center;
	background-color: #ddd;
	padding: 20px;
	display: none;
}
.w-form-fail {
	background-color: #ffdede;
	margin-top: 10px;
	padding: 10px;
	display: none;
}
label {
	margin-bottom: 5px;
	font-weight: 500;
	display: block;
}
label.white {
	color: var(--colors--white);
}
.w-input,
.w-select {
	color: #333;
	vertical-align: middle;
	background-color: var(--colors--whitebg);
	border: 1px solid #ccc;
	width: 100%;
	height: 38px;
	margin-bottom: 10px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.42857;
	display: block;
}
.w-input::placeholder,
.w-select::placeholder {
	color: #999;
}
.w-input:focus,
.w-select:focus {
	border-color: #3898ec;
	outline: 0;
}
.w-input[disabled],
.w-input[readonly],
.w-select[disabled],
.w-select[readonly] {
	cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[disabled]:not(.w-input-disabled),
.w-select[readonly] {
	background-color: #eee;
}
.w-select {
	background-color: #f3f3f3;
}
.w-select[multiple] {
	height: auto;
}
.w-form-label {
	cursor: pointer;
	margin-bottom: 0;
	font-weight: 400;
	display: inline-block;
}
.w-container {
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}
.w-container:after,
.w-container:before {
	content: " ";
	grid-area: 1/1/2/2;
	display: table;
}
.w-container:after {
	clear: both;
}
.w-col {
	float: left;
	width: 100%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
.w-col .w-col {
	padding-left: 0;
	padding-right: 0;
}
.w-col-1 {
	width: 8.33333%;
}
.w-col-2 {
	width: 16.6667%;
}
.w-col-3 {
	width: 25%;
}
.w-col-4 {
	width: 33.3333%;
}
.w-col-5 {
	width: 41.6667%;
}
.w-col-6 {
	width: 50%;
}
.w-col-7 {
	width: 58.3333%;
}
.w-col-8 {
	width: 66.6667%;
}
.w-col-9 {
	width: 75%;
}
.w-col-10 {
	width: 83.3333%;
}
.w-col-11 {
	width: 91.6667%;
}
.w-col-12 {
	width: 100%;
}
@media screen and (max-width: 991px) {
	.w-container {
		max-width: 728px;
	}
}
@media screen and (max-width: 767px) {
	.w-hidden-small {
		display: none !important;
	}
	.w-col {
		width: 100%;
		left: auto;
		right: auto;
	}
	.w-col-small-1 {
		width: 8.33333%;
	}
	.w-col-small-2 {
		width: 16.6667%;
	}
	.w-col-small-3 {
		width: 25%;
	}
	.w-col-small-4 {
		width: 33.3333%;
	}
	.w-col-small-5 {
		width: 41.6667%;
	}
	.w-col-small-6 {
		width: 50%;
	}
	.w-col-small-7 {
		width: 58.3333%;
	}
	.w-col-small-8 {
		width: 66.6667%;
	}
	.w-col-small-9 {
		width: 75%;
	}
	.w-col-small-10 {
		width: 83.3333%;
	}
	.w-col-small-11 {
		width: 91.6667%;
	}
	.w-col-small-12 {
		width: 100%;
	}
}
@media screen and (max-width: 479px) {
	.w-container {
		max-width: none;
	}
	.w-hidden-small {
		display: inherit !important;
	}
	.w-col {
		width: 100%;
	}
}
.w-background-video {
	color: var(--colors--white);
	height: 500px;
	position: relative;
	overflow: hidden;
}
.w-background-video > video {
	object-fit: cover;
	z-index: -100;
	background-position: 50%;
	background-size: cover;
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
	-webkit-appearance: none;
	display: none !important;
}
.w-nav {
	z-index: 1000;
	background: #ddd;
	position: relative;
}
.w-nav:after,
.w-nav:before {
	content: " ";
	grid-area: 1/1/2/2;
	display: table;
}
.w-nav:after {
	clear: both;
}
.w-nav-link {
	vertical-align: top;
	color: #222;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	text-decoration: none;
	display: inline-block;
	position: relative;
}
.w-nav-link.w--current {
	color: #0082f3;
}
.w-nav-menu {
	float: right;
	position: relative;
}
[data-nav-menu-open] {
	text-align: center;
	background: #c8c8c8;
	min-width: 200px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	overflow: visible;
	display: block !important;
}
.w--nav-link-open {
	display: block;
	position: relative;
}
.w-nav[data-animation="over-left"] [data-nav-menu-open] {
	z-index: 1;
	top: 0;
	right: auto;
}
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
	z-index: 1;
	top: 0;
	left: auto;
}
.w-nav-button {
	float: right;
	cursor: pointer;
	-webkit-tap-highlight-color: var(--colors--blackbg);
	tap-highlight-color: var(--colors--blackbg);
	-webkit-user-select: none;
	user-select: none;
	padding: 18px;
	font-size: 24px;
	display: none;
	position: relative;
}
.w-nav-button:focus {
	outline: 0;
}
.w-nav-button.w--open {
	color: var(--colors--black);
	background-color: var(--colors--whitebg);
}
.w-nav[data-collapse="all"] .w-nav-menu {
	display: none;
}
.w-nav[data-collapse="all"] .w-nav-button {
	display: block;
}
@media screen and (max-width: 991px) {
	.w-nav[data-collapse="medium"] .w-nav-menu {
		display: none;
	}
	.w-nav[data-collapse="medium"] .w-nav-button {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.w-nav[data-collapse="small"] .w-nav-menu {
		display: none;
	}
	.w-nav[data-collapse="small"] .w-nav-button {
		display: block;
	}
}
@media screen and (max-width: 479px) {
	.w-nav[data-collapse="tiny"] .w-nav-menu {
		display: none;
	}
	.w-nav[data-collapse="tiny"] .w-nav-button {
		display: block;
	}
}
@keyframes spin {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
.wf-layout-layout {
	display: grid;
}
.w-layout-grid {
	grid-row-gap: 16px;
	grid-column-gap: 16px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}
body {
	font-family: var(--fonts--body);
	color: #333;
	font-size: 14px;
	line-height: 20px;
}
h1 {
	font-family: var(--fonts--headings);
	color: var(--colors--black);
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 59.72px;
	font-weight: 500;
	line-height: 44px;
}
h2 {
	font-family: var(--fonts--headings);
	color: var(--colors--black);
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 32px;
	font-weight: 500;
	line-height: 36px;
}
h3 {
	font-family: var(--fonts--headings);
	color: var(--colors--black);
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
}
h4 {
	font-family: var(--fonts--headings);
	color: var(--colors--black);
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
}
h6 {
	font-family: var(--fonts--headings);
	color: var(--colors--black);
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
}
p {
	margin-bottom: 10px;
}
.wrapper {
	width: 100%;
	min-height: 100vh;
}
.text-box {
	max-width: 750px;
}
.text-box.m {
	max-width: 500px;
	min-height: 64px;
}
.text-box.l {
	max-width: 600px;
	min-height: 64px;
}
.text-box.s {
	max-width: 400px;
	min-height: 64px;
}
.text-box.xl {
	max-width: 700px;
	min-height: 64px;
}
.text-box.xxl {
	max-width: 800px;
	min-height: 64px;
}
.text-box.centered {
	text-align: center;
}
.heading-2 {
	color: #111314;
}
.heading.h1 {
	margin-bottom: 18px;
	font-size: 59.72px;
	line-height: 115%;
}
.heading.h2 {
	margin-bottom: 20px;
	font-size: 49.77px;
	line-height: 115%;
}
.heading.h2.no-margin {
	margin-top: 0;
	margin-bottom: 0;
}
.heading.h2.no-margin.beige {
	color: var(--colors--black);
}
.heading.h2.white {
	color: var(--colors--white);
}
.heading.h2.centered,
.heading.h2.white.centered {
	text-align: center;
}
.heading.h3 {
	font-size: 41.47px;
	line-height: 120%;
}
.heading.h3.no-margin {
	margin-top: 0;
	margin-bottom: 0;
}
.heading.h4 {
	margin-bottom: 12px;
	font-size: 34.56px;
	font-weight: 500;
	line-height: 120%;
}
.heading.h4.white {
	color: var(--colors--white);
}
.heading.h4.white.no-margin {
	color: var(--colors--white);
	margin-top: 0;
	margin-bottom: 0;
}
.heading.h5 {
	font-family: var(--fonts--headings);
	color: var(--colors--black);
	letter-spacing: 1px;
	text-transform: capitalize;
	margin-bottom: 12px;
	font-size: 28.8px;
	font-weight: 500;
	line-height: 125%;
}
.heading.h5.small {
	text-transform: uppercase;
	font-size: 14px;
}
.heading.h6 {
	color: var(--colors--black);
	font-size: 24px;
	font-weight: 500;
	line-height: 130%;
}
.heading.h6.no-margin {
	color: var(--colors--black);
	margin-top: 0;
	margin-bottom: 0;
}
.heading.h6.white {
	color: var(--colors--white);
}
.heading.h6.white.no-margin:where(.var-a) {
	color: var(--colors--black);
}
.heading.h6.small {
	font-size: 16px;
}
.spacer {
	width: 48px;
	height: 48px;
}
.spacer._48 {
	width: 48px;
	height: 48px;
}
.spacer._16 {
	width: 16px;
	height: 16px;
}
.spacer._24 {
	width: 24px;
	height: 24px;
}
.spacer._32 {
	width: 32px;
	height: 32px;
}
.spacer._64 {
	width: 64px;
	height: 64px;
}
.spacer._80 {
	width: 80px;
	height: 80px;
}
.spacer._96px {
	width: 96px;
	height: 96px;
}
.spacer._128 {
	width: 128px;
	height: 128px;
}
.paragraph {
	color: var(--colors--black);
	margin-bottom: 16px;
	font-size: 16px;
	line-height: 150%;
}
.paragraph.large {
	font-size: 20px;
	line-height: 150%;
}
.paragraph.large.no-margin {
	text-transform: none;
	margin-top: 0;
	margin-bottom: 0;
}
.paragraph.large.white {
	color: var(--colors--white);
}
.paragraph.large.no-margin {
	margin-top: 0;
	margin-bottom: 0;
}
.paragraph.large.padding {
	margin-bottom: 0;
	padding: 2rem;
}
.paragraph.large.padding.white {
	padding: 32px;
}
.paragraph.small {
	opacity: 0.75;
	font-size: 14px;
}
.paragraph.small.white.no-margin:where(.var-a) {
	color: var(--colors--black);
}
.paragraph.no-margin {
	color: var(--colors--black);
	text-transform: capitalize;
	margin-bottom: 0;
}
.paragraph.white {
	color: var(--colors--white);
}
.paragraph.white.no-bottom-margin {
	color: var(--colors--white);
	margin-bottom: 0;
}
.paragraph.alpha {
	color: var(--colors--grey);
}
.block-quote {
	border-left-width: 2px;
	border-left-color: var(--colors--blackbg);
	font-size: 18px;
	line-height: 1.4em;
}
.color-block {
	background-color: #111314;
	border-radius: 5px;
	width: 100%;
	height: 60px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
}
.color-block.white {
	background-color: var(--colors--whitebg);
	border: 1px solid #f0f2f3;
}
.button {
	background-color: var(--colors--whitebg);
	font-family: var(--fonts--headings);
	color: var(--colors--black);
	text-align: center;
	border: 1px solid var(--colors--blackbg);
	border-radius: 0;
	flex: none;
	margin-bottom: 0;
	padding: 7px 32px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	transition: border-color 0.2s, color 0.2s, background-color 0.2s;
}
.button:where(.var-b) {
	border-color: var(--colors--blackbg);
	background-color: var(--colors--whitebg);
	color: var(--colors--black);
	width: 100%;
}
.button:where(.var-c) {
	border-color: var(--colors--beige);
	background-color: var(--colors--beige);
	color: var(--colors--black);
}
.button:where(.var-d) {
	color: var(--colors--black);
	background-color: var(--colors--whitebg);
}
.button:hover {
	color: var(--colors--black);
	background-color: var(--colors--whitebg);
}
.button:hover:where(.var-b) {
	border-color: var(--colors--beige);
	background-color: var(--colors--beige);
}
.button:hover:where(.var-c) {
	border-color: var(--colors--dark-beige);
	background-color: var(--colors--dark-beige);
}
.button:hover:where(.var-d) {
	color: var(--colors--white);
	background-color: var(--colors--blackbg);
}
.button:active {
	background-color: #0a309200;
}
.button:active:where(.var-b) {
	border-style: solid;
	border-color: var(--colors--beige);
}
.button.wide {
	width: 100%;
}
.grid {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	flex-direction: column;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	grid-auto-columns: 1fr;
	justify-content: center;
	align-items: stretch;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	position: relative;
}
.grid.desk-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid.desk-3 {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	grid-template-columns: 1fr 1fr 1fr;
}
.grid.desk-3.bg-image {
	background-image: url(../images/pricing-bg-image.avif);
	background-position: 50% 0;
	background-size: cover;
}
.grid.desk-3.bg-image.bottom-padding-60 {
	z-index: 1;
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	background-image: none;
	padding-top: 60px;
	padding-bottom: 60px;
}
.grid.desk-2 {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	grid-template-columns: 1fr 1fr;
}
.grid.full-width {
	width: 100%;
}
._2-1-grid {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	flex-direction: column;
	grid-template-rows: auto;
	grid-template-columns: 2fr 1fr;
	grid-auto-columns: 1fr;
	justify-content: center;
	align-items: stretch;
	max-width: 1000px;
	margin-bottom: 24px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	position: relative;
}
._2-1-grid.full-width {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	width: 100%;
	max-width: none;
}
._1-2-grid {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	flex-direction: column;
	grid-template-rows: auto;
	grid-template-columns: 1fr 2fr;
	grid-auto-columns: 1fr;
	justify-content: center;
	align-items: stretch;
	max-width: 1000px;
	margin-bottom: 24px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	position: relative;
}
._1-2-grid.full-width {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	width: 100%;
	max-width: none;
}
._1-2-grid.full-width.bottom-border {
	border-bottom: 1px solid var(--colors--blackbg);
	padding-bottom: 16px;
}
.icon {
	color: var(--colors--white);
	width: 55px;
	height: 55px;
	margin-bottom: 20px;
	font-size: 24px;
}
.footer {
	z-index: 300;
	background-color: var(--colors--blackbg);
	padding-top: 64px;
	padding-bottom: 64px;
	display: block;
	position: relative;
}
.container {
	flex-flow: column;
	justify-content: center;
	width: 88vw;
	max-width: 87.5rem;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0;
	display: block;
}
.container.wide {
	width: 98svw;
}
.container.wide.centered {
	justify-content: center;
	align-items: center;
	display: flex;
}
.container.left-align {
	justify-content: center;
	align-items: flex-start;
	display: flex;
}
.footer-links-grid {
	grid-column-gap: 64px;
	grid-row-gap: 32px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-flow: row;
	place-items: start;
}
.credits-wrap {
	justify-content: space-between;
	align-items: center;
	display: flex;
}
.footer-links-col {
	color: var(--colors--black);
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}
.footer-col-heading {
	color: var(--colors--white);
	margin-top: 0;
	padding-left: 8px;
}
.navigation-link {
	color: var(--colors--black);
	border: 1px var(--colors--black);
	margin-top: 0;
	margin-bottom: 8px;
	margin-right: 0;
	padding: 0 8px;
	font-size: 1rem;
	text-decoration: none;
	display: block;
	position: relative;
	overflow: hidden;
}
.navigation-link.no-bottom-margin {
	margin-bottom: 0;
}
.link-text {
	z-index: 99;
	font-family: var(--fonts--headings);
	color: var(--colors--black);
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 130%;
	transition: color 0.5s;
	display: flex;
	position: relative;
	overflow: visible;
	transform: perspective(725px);
}
.link-text:hover {
	opacity: 0.7;
}
.link-text.cc-1 {
	margin-bottom: 0;
	padding-bottom: 0;
}
.link-text.white {
	color: var(--colors--white);
}
.link-text.white:hover {
	opacity: 0.7;
}
.copyrights-link {
	color: var(--colors--alpha-white);
	text-decoration: underline;
	transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.copyrights-link:hover {
	opacity: 0.7;
}
._404-grid {
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	grid-auto-flow: row;
	place-items: center;
}
.col.centered {
	flex-flow: column;
	justify-content: center;
	align-items: center;
	display: flex;
}
._404-image {
	width: 440px;
}
.header {
	z-index: 100;
	background-color: var(--colors--whitebg);
	border-bottom: 1px solid var(--colors--blackbg);
	position: sticky;
	top: 0;
}
.navigation {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	flex: 1;
	grid-template-rows: auto;
	grid-template-columns: 1fr 0.25fr;
	grid-auto-columns: 1fr;
	justify-content: space-between;
	place-items: center stretch;
	display: grid;
}
.mobile-menu {
	z-index: 99;
	display: none;
	position: static;
}
.header-logo {
	width: auto;
	height: 32px;
}
.navigation-wrapper {
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 24px;
	padding-bottom: 24px;
	display: flex;
}
.navigation-left {
	grid-column-gap: 3rem;
	grid-row-gap: 3rem;
	align-items: center;
	display: flex;
}
.navigation-right {
	grid-column-gap: 0;
	grid-row-gap: 0;
	flex: 0 auto;
	justify-content: flex-end;
	align-items: center;
	display: flex;
}
.navigation-menu {
	grid-column-gap: 0;
	grid-row-gap: 0;
	flex: 0 auto;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	justify-content: flex-start;
	place-items: center stretch;
	display: grid;
}
.burger-menu {
	cursor: pointer;
	background-color: var(--colors--whitebg);
	border-radius: 4px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	display: none;
	position: relative;
}
.bar-1 {
	background-color: var(--colors--blackbg);
	width: 30px;
	height: 4px;
}
.bar-2 {
	background-color: var(--colors--blackbg);
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	display: flex;
}
.bar-1-middle {
	background-color: #858eca;
	width: 4px;
	height: 0;
}
.bar-3 {
	background-color: var(--colors--blackbg);
	width: 30px;
	height: 4px;
}
.body {
	color: var(--colors--black);
}
.section {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.section.hero-section {
	justify-content: flex-start;
	align-items: flex-start;
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
}
.section.dark {
	background-color: var(--colors--blackbg);
}
.licensing-link {
	color: var(--colors--black);
	text-decoration: none;
}
.hero-image-wrap {
	overflow: hidden;
}
.hero-image {
	border-radius: 0;
}
.link-area-wrap {
	background-color: var(--colors--whitebg);
	border: 1px solid var(--colors--blackbg);
	border-right-style: none;
	padding: 8px 12px;
}
.link-area-wrap.last {
	border-right-style: solid;
	padding: 8px 0px;
	width: 40px;
	font-weight: 500;
}
.logo-link {
	text-decoration: none;
}
.logo-link.white {
	filter: invert(1);
}
.logo-text-style {
	font-family: var(--fonts--headings);
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 600;
	line-height: 100%;
	color: var(--colors--black);
	float: right;
	margin-top: 3px;
	margin-left: 5px;
}
.logo-text-style.white {
	color: var(--colors--white);
}
.heading-style-xxl {
	font-family: var(--fonts--headings);
	text-align: center;
	text-transform: uppercase;
	font-size: 140px;
	font-weight: 400;
	line-height: 100%;
}
.subheading-style-xxl {
	text-align: center;
	font-size: 55px;
	font-weight: 200;
	line-height: 110%;
}
.partners-logos-wrap {
	background-color: var(--colors--whitebg);
	border: 1px solid var(--colors--blackbg);
	justify-content: space-between;
	align-items: center;
	padding: 24px;
	display: flex;
}
._5-1-grid {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}
._5-1-grid.full-width {
	grid-column-gap: 0;
	grid-row-gap: 0;
	width: 70%;
}
.cell-wrap {
	border: 1px solid var(--colors--blackbg);
	border-right-style: none;
	justify-content: center;
	align-items: center;
	padding: 8px;
	display: flex;
}
.cell-wrap.last {
	border-right-style: solid;
	padding-left: 8px;
	padding-right: 8px;
}
.cell-wrap.right-border {
	border-right-style: solid;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	padding: 24px;
}
.cell-wrap.right-border.left-align {
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding-bottom: 24px;
}
.cell-wrap.right-border.left-align.no-bottom-padding {
	padding-bottom: 0;
}
.cell-wrap.right-border.white {
	border-style: solid;
	border-color: var(--colors--whitebg);
}
.placeholder-logo {
	height: 20px;
}
.project-details-wrap {
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}
.project-image-wrap {
	object-fit: fill;
	max-height: none;
/*	display: flex;*/
	position: relative;
	overflow: hidden;
}
.project-image-wrap.m-height-300 {
	max-height: 300px;
}
.project-card-wrap {
	text-decoration: none;
}
.project-card-wrap._1-2-grid.full-width.bottom-border {
	color: var(--colors--black);
	margin-bottom: 24px;
	padding-bottom: 24px;
	text-decoration: none;
}
._2-2-grid.full-width {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	width: 100%;
}
.service-card-wrap {
	background-color: var(--colors--whitebg);
	border: 1px solid var(--colors--blackbg);
	padding: 24px;
}
.service-details-wrap {
	min-height: 330px;
}
.service-image-wrap {
	perspective-origin: 50% 0;
	transform-origin: 50% 0;
	position: relative;
	overflow: hidden;
}
.service-image {
	filter: saturate(70%);
	perspective-origin: 50% 0;
	transform-origin: 50% 0;
	object-fit: cover;
	width: 100%;
	height: 150px;
	position: static;
}
.eyebrow-wrap {
	background-color: var(--colors--blackbg);
	flex-flow: row;
	justify-content: flex-start;
	align-items: flex-start;
	width: auto;
	margin-bottom: 8px;
	padding: 0 8px;
	display: flex;
}
.eyebrow-wrap:where(.var-e) {
	border: 1px solid var(--colors--whitebg);
	color: var(--colors--black);
	background-color: #fff0;
}
.eyebrow-wrap.no-margin {
	background-color: var(--colors--blackbg);
	flex: 0 auto;
	width: auto;
	margin-bottom: 0;
}
.eyebrow-wrap.centered {
	justify-content: center;
	align-items: flex-start;
}
.eyebrow-wrap.no-padding {
	padding-left: 0;
	padding-right: 0;
}
.eyebrow-text {
	color: var(--colors--white);
	text-transform: uppercase;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 14px;
	font-weight: 400;
	display: block;
}
.eyebrow-text:where(.var-e) {
	color: var(--colors--white);
}
.credit-details-wrap {
	grid-column-gap: 32px;
	grid-row-gap: 32px;
	flex-flow: column;
	display: flex;
}
.detail-wrap {
	flex-flow: column;
	display: block;
}
.text-link {
	color: var(--colors--black);
}
.block-quote-2 {
	border-left-width: 2px;
	border-left-color: var(--colors--blackbg);
}
.text-field {
	border: 1px solid var(--colors--blackbg);
	height: 48px;
}
.text-field:focus {
	border-style: solid;
	border-color: var(--colors--blackbg);
	background-color: var(--colors--light-beige);
}
.text-field._70 {
	width: 70%;
}
.text-field.only-bottom-border {
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
}
._3-2-grid {
	grid-template-columns: 1fr 1fr 1fr;
}
._3-2-grid.full-width {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	width: 100%;
}
.team-image:hover {
	filter: none;
}
.team-image-wrap {
	overflow: hidden;
}
.title-contacts-wrap {
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	display: flex;
}
.phone-email-wrap {
	grid-column-gap: 8px;
	grid-row-gap: 8px;
	display: flex;
}
.contacts-icon {
	width: 24px;
}
.team-heading-wrap {
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	display: flex;
}
.story-card-wrap {
	background-color: var(--colors--light-beige);
}
.story-card-wrap.cell-wrap.right-border {
	background-color: var(--colors--whitebg);
	width: 100%;
}
.story-card-wrap.cell-wrap.right-border.z-index-100 {
	background-color: #fff0;
	display: block;
}
.story-image-wrap {
	overflow: hidden;
}
.story-image {
	z-index: -10;
/*	height: 100%;*/
	position: static;
	inset: -20% 0 0 auto;
}
.award-project-name-wrap {
	padding-left: 16px;
}
.project-cursor-wrap {
	z-index: 10;
	background-color: var(--colors--blackbg);
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	margin: auto;
	display: flex;
	position: absolute;
	inset: 0;
	overflow: hidden;
}
.cursor-outer-wrap {
	z-index: 1;
	cursor: none;
	flex: 0 auto;
	width: auto;
	height: auto;
	position: absolute;
	inset: 0;
	overflow: hidden;
}
.heading-style-xl {
	font-size: 130px;
	font-weight: 500;
	line-height: 100%;
}
.heading-style-xl.white {
	color: var(--colors--white);
}
.pricing-paragraph-wrap {
	justify-content: flex-start;
	align-items: flex-end;
	display: flex;
}
.pricing-card {
	background-color: var(--colors--transparent);
	border: 1px var(--colors--blackbg);
	padding: 16px;
	position: relative;
}
.pricing-button-wrap {
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	display: flex;
}
.bg-transparent {
	z-index: 0;
	background-color: var(--colors--transparent);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	color: var(--colors--white);
	position: absolute;
	inset: 0;
}
.pricing-card-text-wrap {
	z-index: 1;
	position: relative;
}
.feature-wrap {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}
.feature-icon {
	width: 16px;
	height: 16px;
}
.outer-feature-wrap {
	grid-column-gap: 4px;
	grid-row-gap: 4px;
	flex-flow: column;
	display: flex;
}
.pricing-bg-image {
	z-index: 0;
	display: block;
	position: absolute;
	inset: 0;
}
.pricing-cards-wrap {
	z-index: 1;
	position: relative;
	overflow: hidden;
}
.faq-items-wrapper {
	width: auto;
}
.faq-item {
	cursor: pointer;
	width: auto;
}
.faq-item-question {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	border-style: none none solid;
	border-width: 0.1px 1px;
	border-color: var(--colors--whitebg) var(--colors--blackbg);
	color: var(--colors--white);
	background-color: #16161600;
	border-radius: 0;
	justify-content: space-between;
	align-items: center;
	padding: 32px;
	transition: border-color 0.5s, background-color 0.5s;
	display: flex;
}
.faq-item-question:hover {
	border-style: none none solid;
	border-width: 1px 1px 0.1px;
	border-color: var(--colors--blackbg) var(--colors--blackbg) var(--colors--dark-beige);
	color: #f2f9ff;
	background-color: #16161600;
}
.faq-item-question.top-border {
	border-top-style: solid;
}
.faq-item-question.top-border:hover {
	border-top-width: 0.1px;
	border-top-color: var(--colors--whitebg);
}
.faq-expand-icon {
	filter: none;
	color: var(--colors--white);
	background-color: #fe492d00;
	border-radius: 10000px;
	width: 1.5rem;
	height: 1.5rem;
	margin-left: 10px;
	padding: 0.25rem;
}
.faq-item-answer {
	box-sizing: border-box;
	background-color: #fff0;
	border: 1px var(--colors--whitebg);
	border-radius: 0 0 1.5rem 1.5rem;
	margin-left: 1rem;
	margin-right: 1rem;
	padding: 0;
	overflow: hidden;
}
.eyebrow-outer-wrap {
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	display: flex;
}
.overflow-hidden {
	overflow: hidden;
}
.highlight-span {
	color: var(--colors--alpha-white);
	font-weight: 500;
}
.highlight-span-alternate {
	color: var(--colors--transparent-alternate);
	font-weight: 500;
}
.post-item {
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}
.post-wrap {
	color: var(--colors--black);
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	text-decoration: none;
	display: flex;
}
.post-thumbnail {
	object-fit: contain;
	max-height: none;
	overflow: clip;
}
.post-thumbnail-wrap {
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	max-height: 300px;
	display: flex;
	position: relative;
	overflow: hidden;
}
.category-date-wrap {
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	display: flex;
}
.right-col-wrap {
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-start;
	display: flex;
}
.form-block {
	width: 100%;
}
.success-text {
	font-weight: 500;
}
.post-link {
	color: var(--colors--black);
	text-decoration: none;
}
.vertical-2-1-grid {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	grid-template-columns: 1fr;
}
.testimonial-card-wrap {
	background-color: var(--colors--blackbg);
	padding: 16px;
}
.testimonial-card-wrap:where(.var-a) {
	background-color: var(--colors--whitebg);
	border: 1px solid var(--colors--blackbg);
}
.testimonial-details-wrap {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}
.testimonial-avatar {
	width: 48px;
}
.avatar-name-title-wrap {
	flex-flow: column;
	justify-content: flex-end;
	align-items: flex-start;
	display: flex;
}
.avatar-name {
	color: var(--colors--white);
	font-size: 16px;
	font-weight: 500;
}
.avatar-name:where(.var-a) {
	color: var(--colors--black);
}
.stars {
	width: 64px;
}
.stars-wrap {
	flex: 1;
	justify-content: flex-end;
	align-items: flex-start;
	width: 100%;
	display: flex;
}
.client-stats-wrap {
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-start;
	height: 100%;
	display: flex;
}
.footer-logo-wrap {
	grid-column-gap: 0;
	grid-row-gap: 0;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}
.footer-logo {
	grid-column-gap: 4px;
	grid-row-gap: 4px;
	display: flex;
}
.contact-form {
	background-color: var(--colors--whitebg);
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 0;
	padding: 16px 0 0;
	display: block;
}
.bottom-wrap {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}
.awards-list-wrap {
	border-bottom: 1px var(--colors--blackbg);
	width: 100%;
}
.award-wrap {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	border-bottom: 1px solid var(--colors--blackbg);
	grid-template-rows: auto;
	grid-template-columns: 1fr 0.75fr 0.25fr;
	grid-auto-columns: 1fr;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	padding-top: 16px;
	padding-bottom: 16px;
	display: grid;
}
.award-wrap:hover {
	background-color: var(--colors--whitebg);
	color: var(--colors--white);
}
.project-image {
	text-align: center;
}
.project-images-1-wrap {
	width: 100%;
}
.project-image-item {
	overflow: hidden;
}
.project-image-item:first-child {
	padding-top: 128px;
}
.process-wrap,
.results-wrap {
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}
.image-wrap,
.project-image-3-item {
	overflow: hidden;
}
.start-wrap {
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}
.image {
	object-fit: cover;
	width: 200px;
	height: 200px;
}
@media screen and (min-width: 1280px) {
	.link-area-wrap {
		padding: 8px 22px;
	}
	._1-2-grid.full-width {
		max-width: none;
	}
	.link-text {
		font-size: 1rem;
	}
	.hero-image {
		text-align: center;
	}
	.heading-style-xxl {
		font-size: 160px;
	}
	.subheading-style-xxl {
		font-size: 72px;
	}
	.project-cursor-wrap {
		inset: 0;
	}
}

@media screen and (min-width: 991px) and (max-width: 1150px) {
	.link-area-wrap {
		padding: 8px 0px;
	}
}

@media screen and (max-width: 991px) {
	.button {
		position: relative;
	}
	.button.auto:where(.var-b) {
		width: auto;
	}
	.grid {
		margin-left: 0;
	}
	.grid.desk-2 {
		grid-template-columns: 1fr;
	}
	._2-1-grid {
		margin-left: 0;
	}
	._2-1-grid.full-width {
		grid-template-columns: 2fr;
	}
	._1-2-grid {
		margin-left: 0;
	}
	.footer {
		z-index: 10;
		display: block;
	}
	.container {
		flex-flow: column;
		display: flex;
	}
	.footer-links-grid {
		grid-column-gap: 48px;
		grid-row-gap: 32px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-auto-columns: 1fr;
		display: grid;
	}
	.footer-links-col {
		text-align: left;
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		width: auto;
		display: flex;
	}
	.footer-col-heading {
		text-align: left;
	}
	.navigation-link {
		flex: 0 auto;
		align-self: flex-start;
		align-items: center;
		width: auto;
		display: flex;
	}
	.link-text {
		text-align: left;
		flex-flow: row;
		display: block;
	}
	.navigation {
		padding-left: 16px;
		padding-right: 16px;
	}
	.mobile-menu {
		z-index: 99;
		color: var(--colors--black);
		background-color: #d1d1d1;
		flex-flow: column;
		align-self: center;
		width: 100vw;
		display: none;
		position: absolute;
		top: 100%;
	}
	.header-logo {
		height: 32px;
	}
	.navigation-right {
		grid-column-gap: 32px;
		grid-row-gap: 32px;
	}
	.navigation-menu {
		display: none;
	}
	.mobile-menu-toggle {
		flex-flow: row;
		order: 1;
		justify-content: center;
		align-items: center;
		display: flex;
	}
	.burger-menu {
		justify-content: space-between;
		align-items: center;
		width: 30px;
		height: 30px;
		display: flex;
	}
	.bar-1 {
		height: 3px;
	}
	.bar-2 {
		height: 3px;
		margin-top: 6px;
		margin-bottom: 6px;
	}
	.bar-1-middle {
		width: 3px;
	}
	.bar-3 {
		height: 3px;
	}
	.mobile-menu-navigation {
		grid-column-gap: 8px;
		grid-row-gap: 8px;
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		display: flex;
	}
	.mobile-menu-wrapper {
		z-index: 99;
		background-color: var(--colors--blackbg);
		width: 100vw;
		padding: 32px;
		display: block;
		position: static;
		top: 100%;
		left: 0;
		right: 0;
	}
	.mobile-menu-link {
		font-family: var(--fonts--headings);
		color: var(--colors--white);
		justify-content: flex-start;
		align-items: flex-start;
		width: auto;
		font-size: 41px;
		line-height: 130%;
		text-decoration: none;
		display: flex;
	}
	.heading-style-xxl {
		font-size: 110px;
	}
	.subheading-style-xxl {
		font-size: 40px;
	}
	.placeholder-logo {
		height: 18px;
	}
	.text-field._70 {
		width: 100%;
	}
	._3-2-grid.full-width {
		grid-template-columns: 1fr 1fr;
	}
	.team-heading-wrap {
		flex-flow: column;
	}
	.project-cursor-wrap {
		inset: 0;
	}
	.heading-style-xl.white {
		font-size: 90px;
	}
	.faq-items-wrapper {
		width: 90%;
	}
	.right-col-wrap {
		padding-top: 16px;
	}
	.testimonial-details-wrap:where(.var-a) {
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.stars-wrap:where(.var-a) {
		justify-content: flex-start;
		align-items: flex-start;
	}
	.mobile-button-wrap {
		border-top: 1px solid var(--colors--alpha-white);
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.heading.h1 {
		font-size: 51px;
	}
	.heading.h2 {
		font-size: 41px;
	}
	.heading.h3 {
		font-size: 28px;
	}
	.heading.h4 {
		font-size: 20px;
	}
	.spacer {
		height: 32px;
	}
	.spacer._64 {
		height: 48px;
	}
	.paragraph {
		font-size: 15px;
	}
	.grid {
		grid-template-columns: 1fr;
		margin-left: 0;
	}
	.grid.desk-3 {
		grid-template-columns: 1fr 1fr;
	}
	.grid.desk-3.bg-image.bottom-padding-60 {
		grid-template-columns: 1fr;
	}
	.grid.desk-2 {
		width: 100%;
	}
	._1-2-grid,
	._2-1-grid {
		grid-template-columns: 2fr;
		margin-left: 0;
	}
	.container.wide,
	.container.wide.centered {
		width: 96svw;
	}
	.footer-links-grid {
		grid-template-rows: auto auto;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.header-logo {
		height: 32px;
	}
	.navigation-right {
		grid-column-gap: 32px;
		grid-row-gap: 32px;
	}
	.heading-style-xxl {
		font-size: 70px;
	}
	.subheading-style-xxl {
		font-size: 30px;
	}
	._2-2-grid,
	._2-2-grid.full-width,
	._3-2-grid.full-width {
		grid-template-columns: 1fr;
	}
	.project-cursor-wrap {
		inset: 0;
	}
	.faq-items-wrapper {
		width: 100%;
	}
	.faq-item {
		margin-bottom: 0.5rem;
	}
	.faq-expand-icon {
		flex: 0 auto;
		align-self: center;
		margin-left: 10px;
		padding-left: 0.25rem;
	}
	.contact-form {
		width: auto;
	}
	.award-wrap {
		grid-template-columns: 1fr 1fr 0.25fr;
	}
}

@media screen and (max-width: 530px) {
	.logo-text-style {
		margin-top: 7px;
		font-size: 18px;
	}
}

@media screen and (max-width: 479px) {
	.heading-2 {
		line-height: 110%;
	}
	.heading.h1 {
		text-align: left;
		font-size: 41px;
	}
	.heading.h2,
	.heading.h2.white.centered,
	.paragraph.large {
		text-align: left;
	}
	.color-block {
		margin-bottom: 20px;
	}
	.button {
		width: 100%;
		font-size: 16px;
	}
	.grid.desk-3 {
		grid-template-columns: 1fr;
	}
	.container.wide,
	.container.wide.centered {
		width: 94svw;
	}
	.footer-links-grid {
		grid-template-rows: auto auto auto;
		grid-template-columns: 1fr 1fr;
		padding-top: 32px;
	}
	.navigation-right {
		grid-column-gap: 16px;
		grid-row-gap: 16px;
	}
	.burger-menu {
		justify-content: space-between;
		align-items: center;
	}
	.heading-style-xxl {
		font-size: 56px;
	}
	.subheading-style-xxl {
		font-size: 16px;
	}
	.partners-logos-wrap {
		flex-flow: column;
	}
	.slider {
		width: 100%;
		flex-flow: column;
	}
	._5-1-grid.full-width {
		width: 100%;
	}
	._2-2-grid {
		grid-template-columns: 1fr;
		place-content: stretch center;
		place-items: start;
	}
	.award-project-name-wrap {
		padding-left: 0;
	}
	.project-cursor-wrap {
		inset: 0;
	}
	.heading-style-xl.white {
		font-size: 52px;
	}
	.faq-items-wrapper {
		text-align: left;
		width: 100%;
	}
	.faq-item {
		text-align: left;
	}
	.faq-expand-icon {
		padding-left: 0.25rem;
	}
	.eyebrow-outer-wrap {
		justify-content: flex-start;
		align-items: flex-start;
	}
	.client-stats-wrap {
		padding-top: 16px;
	}
	.award-wrap {
		grid-template-columns: 1fr;
		padding-left: 16px;
		padding-right: 16px;
	}
}
#node-a {
	grid-area: span 1 / span 1 / span 1 / span 1;
}
#node-b {
	align-self: start;
}
#node-c {
	grid-area: span 1 / span 1 / span 1 / span 1;
}
#node-d,
#node-e,
#node-f,
#node-g {
	align-self: start;
}
#node-h {
	place-self: end start;
}
#node-i {
	align-self: start;
}
#node-j:where(.var-r) {
	place-self: center end;
}
#node-k {
	justify-self: start;
}
#node-l {
/*	place-self: end start;*/
}
#node-p {
	place-self: center start;
}
#node-n {
	place-self: center end;
}
#node-r {
	grid-area: span 1 / span 1 / span 1 / span 1;
	place-self: end;
}
@media screen and (min-width: 1280px) {
	#node-a {
		grid-area: span 1 / span 1 / span 1 / span 1;
	}
}
@media screen and (max-width: 991px) {
	#node-j {
		place-self: start;
	}
	#node-m {
		grid-area: span 1 / span 1 / span 1 / span 1;
	}
	#node-k {
		place-self: auto start;
	}
	#node-l {
		align-self: start;
	}
	#node-n {
		order: 9999;
	}
}
@font-face {
	font-family: "Clashgrotesk Variable";
	src: url(../fonts/ClashGrotesk-Variable.ttf) format("truetype");
	font-weight: 200 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Clashdisplay Variable";
	src: url(../fonts/ClashDisplay-Variable.ttf) format("truetype");
	font-weight: 200 500;
	font-style: normal;
	font-display: swap;
}



/* show menu */

	#check {
		display: none;
	}
	#check:checked ~ #mobile-menu {
		display: block;
	}





/* logo slider */

@-webkit-keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-250px * 9));
	}
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-300px * 9));
	}
}
.slider {
	background: white;
	height: 100px;
	margin: auto;
	overflow: hidden;
	position: relative;
}
.slider::before, .slider::after {
	background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
	content: "";
	height: 100px;
	position: absolute;
	width: 100px;
	z-index: 2;
}
.slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}
.slider::before {
	left: 0;
	top: 0;
}
.slider .slide-track {
	-webkit-animation: scroll 40s linear infinite;
	animation: scroll 40s linear infinite;
	display: flex;
	width: calc(300px * 18);
}
.slider .slide {
	height: 100px;
	width: 300px;
	filter: opacity(50%) grayscale(1);
}