/* ! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com */
		*,
		:after,
		:before {
			box-sizing: border-box;
			border: 0 solid #e5e7eb
		}

		:after,
		:before {
			--tw-content: ""
		}

		html {
			line-height: 1.5;
			-webkit-text-size-adjust: 100%;
			-moz-tab-size: 4;
			-o-tab-size: 4;
			tab-size: 4;
			font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
			font-feature-settings: normal;
			font-variation-settings: normal
		}

		body {
			margin: 0;
			line-height: inherit
		}

		hr {
			height: 0;
			color: inherit;
			border-top-width: 1px
		}

		abbr:where([title]) {
			-webkit-text-decoration: underline dotted;
			text-decoration: underline dotted
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-size: inherit;
			font-weight: inherit
		}

		a {
			color: inherit;
			text-decoration: inherit
		}

		b,
		strong {
			font-weight: bolder
		}

		code,
		kbd,
		pre,
		samp {
			font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
			font-size: 1em
		}

		small {
			font-size: 80%
		}

		sub,
		sup {
			font-size: 75%;
			line-height: 0;
			position: relative;
			vertical-align: baseline
		}

		sub {
			bottom: -.25em
		}

		sup {
			top: -.5em
		}

		table {
			text-indent: 0;
			border-color: inherit;
			border-collapse: collapse
		}

	

		button,
		select {
			text-transform: none
		}

		[type=button],
		[type=reset],
		[type=submit],
		button {
			-webkit-appearance: button;
			background-color: transparent;
			background-image: none
		}

		:-moz-focusring {
			outline: auto
		}

		:-moz-ui-invalid {
			box-shadow: none
		}

		progress {
			vertical-align: baseline
		}

		::-webkit-inner-spin-button,
		::-webkit-outer-spin-button {
			height: auto
		}

		[type=search] {
			-webkit-appearance: textfield;
			outline-offset: -2px
		}

		::-webkit-search-decoration {
			-webkit-appearance: none
		}

		::-webkit-file-upload-button {
			-webkit-appearance: button;
			font: inherit
		}

		summary {
			display: list-item
		}

	

		fieldset {
			margin: 0
		}

		fieldset,
		legend {
			padding: 0
		}

		menu,
		ol,
		ul {
			list-style: none;
			margin: 0;
			padding: 0
		}

		textarea {
			resize: vertical
		}

		input::-moz-placeholder,
		textarea::-moz-placeholder {
			opacity: 1;
			color: #9ca3af
		}

		input::placeholder,
		textarea::placeholder {
			opacity: 1;
			color: #9ca3af
		}

		[role=button],
		button {
			cursor: pointer
		}

		:disabled {
			cursor: default
		}

		audio,
		canvas,
		embed,
		iframe,
		img,
		object,
		svg,
		video {
			display: block;
			vertical-align: middle
		}

		img,
		video {
			max-width: 100%;
			height: auto
		}

		[hidden] {
			display: none
		}

		*,
		:after,
		:before {
			--tw-border-spacing-x: 0;
			--tw-border-spacing-y: 0;
			--tw-translate-x: 0;
			--tw-translate-y: 0;
			--tw-rotate: 0;
			--tw-skew-x: 0;
			--tw-skew-y: 0;
			--tw-scale-x: 1;
			--tw-scale-y: 1;
			--tw-pan-x: ;
			--tw-pan-y: ;
			--tw-pinch-zoom: ;
			--tw-scroll-snap-strictness: proximity;
			--tw-ordinal: ;
			--tw-slashed-zero: ;
			--tw-numeric-figure: ;
			--tw-numeric-spacing: ;
			--tw-numeric-fraction: ;
			--tw-ring-inset: ;
			--tw-ring-offset-width: 0px;
			--tw-ring-offset-color: #fff;
			--tw-ring-color: rgba(59, 130, 246, .5);
			--tw-ring-offset-shadow: 0 0 #0000;
			--tw-ring-shadow: 0 0 #0000;
			--tw-shadow: 0 0 #0000;
			--tw-shadow-colored: 0 0 #0000;
			--tw-blur: ;
			--tw-brightness: ;
			--tw-contrast: ;
			--tw-grayscale: ;
			--tw-hue-rotate: ;
			--tw-invert: ;
			--tw-saturate: ;
			--tw-sepia: ;
			--tw-drop-shadow: ;
			--tw-backdrop-blur: ;
			--tw-backdrop-brightness: ;
			--tw-backdrop-contrast: ;
			--tw-backdrop-grayscale: ;
			--tw-backdrop-hue-rotate: ;
			--tw-backdrop-invert: ;
			--tw-backdrop-opacity: ;
			--tw-backdrop-saturate: ;
			--tw-backdrop-sepia:
		}

		::backdrop {
			--tw-border-spacing-x: 0;
			--tw-border-spacing-y: 0;
			--tw-translate-x: 0;
			--tw-translate-y: 0;
			--tw-rotate: 0;
			--tw-skew-x: 0;
			--tw-skew-y: 0;
			--tw-scale-x: 1;
			--tw-scale-y: 1;
			--tw-pan-x: ;
			--tw-pan-y: ;
			--tw-pinch-zoom: ;
			--tw-scroll-snap-strictness: proximity;
			--tw-ordinal: ;
			--tw-slashed-zero: ;
			--tw-numeric-figure: ;
			--tw-numeric-spacing: ;
			--tw-numeric-fraction: ;
			--tw-ring-inset: ;
			--tw-ring-offset-width: 0px;
			--tw-ring-offset-color: #fff;
			--tw-ring-color: rgba(59, 130, 246, .5);
			--tw-ring-offset-shadow: 0 0 #0000;
			--tw-ring-shadow: 0 0 #0000;
			--tw-shadow: 0 0 #0000;
			--tw-shadow-colored: 0 0 #0000;
			--tw-blur: ;
			--tw-brightness: ;
			--tw-contrast: ;
			--tw-grayscale: ;
			--tw-hue-rotate: ;
			--tw-invert: ;
			--tw-saturate: ;
			--tw-sepia: ;
			--tw-drop-shadow: ;
			--tw-backdrop-blur: ;
			--tw-backdrop-brightness: ;
			--tw-backdrop-contrast: ;
			--tw-backdrop-grayscale: ;
			--tw-backdrop-hue-rotate: ;
			--tw-backdrop-invert: ;
			--tw-backdrop-opacity: ;
			--tw-backdrop-saturate: ;
			--tw-backdrop-sepia:
		}

		.container {
			width: 100%
		}

		

		.aspect-h-1 {
			--tw-aspect-h: 1
		}

		.aspect-w-1 {
			position: relative;
			padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
			--tw-aspect-w: 1
		}

		.aspect-w-1>* {
			position: absolute;
			height: 100%;
			width: 100%;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0
		}

		.pointer-events-none {
			pointer-events: none
		}

		.fixed {
			position: fixed
		}

		.absolute {
			position: absolute
		}

		.relative {
			position: relative
		}

		.bottom-0 {
			bottom: 0
		}

		.left-0 {
			left: 0
		}

		.right-0 {
			right: 0
		}

		.top-0 {
			top: 0
		}

		.z-0 {
			z-index: 0
		}

		.z-10 {
			z-index: 10
		}

		.z-20 {
			z-index: 20
		}

		.z-\[1000\] {
			z-index: 1000
		}

		.z-\[100\] {
			z-index: 100
		}

		.z-\[9999\] {
			z-index: 9999
		}

		.z-\[999\] {
			z-index: 999
		}

		.z-\[99\] {
			z-index: 99
		}

		.col-span-full {
			grid-column: 1/-1
		}

		.col-start-1 {
			grid-column-start: 1
		}

		.col-start-2 {
			grid-column-start: 2
		}

		.col-start-3 {
			grid-column-start: 3
		}

		.col-start-4 {
			grid-column-start: 4
		}

		.col-start-5 {
			grid-column-start: 5
		}

		.col-start-6 {
			grid-column-start: 6
		}

		.col-start-8 {
			grid-column-start: 8
		}

		.col-start-9 {
			grid-column-start: 9
		}

		.col-end-10 {
			grid-column-end: 10
		}

		.col-end-11 {
			grid-column-end: 11
		}

		.col-end-12 {
			grid-column-end: 12
		}

		.col-end-13 {
			grid-column-end: 13
		}

		.col-end-3 {
			grid-column-end: 3
		}

		.col-end-5 {
			grid-column-end: 5
		}

		.col-end-6 {
			grid-column-end: 6
		}

		.col-end-7 {
			grid-column-end: 7
		}

		.col-end-8 {
			grid-column-end: 8
		}

		.col-end-9 {
			grid-column-end: 9
		}

		.row-start-2 {
			grid-row-start: 2
		}

		.row-start-3 {
			grid-row-start: 3
		}

		.row-end-3 {
			grid-row-end: 3
		}

		.row-end-4 {
			grid-row-end: 4
		}

		.mx-auto {
			margin-left: auto;
			margin-right: auto
		}

		.mx-gutter {
			margin-left: var(--gutter);
			margin-right: var(--gutter)
		}

		.\!mr-0 {
			margin-right: 0 !important
		}

		.mb-0 {
			margin-bottom: 0
		}

		.mb-1 {
			margin-bottom: .25rem
		}

		.mb-10 {
			margin-bottom: 2.5rem
		}

		.mb-12 {
			margin-bottom: 3rem
		}

		.mb-16 {
			margin-bottom: 4rem
		}

		.mb-2 {
			margin-bottom: .5rem
		}

		.mb-20 {
			margin-bottom: 5rem
		}

		.mb-24 {
			margin-bottom: 6rem
		}

		.mb-3 {
			margin-bottom: .75rem
		}

		.mb-32 {
			margin-bottom: 8rem
		}

		.mb-4 {
			margin-bottom: 1rem
		}

		.mb-5 {
			margin-bottom: 1.25rem
		}

		.mb-6 {
			margin-bottom: 1.5rem
		}

		.mb-7 {
			margin-bottom: 1.75rem
		}

		.mb-8 {
			margin-bottom: 2rem
		}

		.mb-\[-10px\] {
			margin-bottom: -10px
		}

		.mb-\[100px\] {
			margin-bottom: 100px
		}

		.mb-\[120px\] {
			margin-bottom: 120px
		}

		.mb-\[14px\] {
			margin-bottom: 14px
		}

		.mb-\[150px\] {
			margin-bottom: 150px
		}

		.mb-\[200px\] {
			margin-bottom: 200px
		}

		.mb-\[20px\] {
			margin-bottom: 20px
		}

		.mb-\[34px\] {
			margin-bottom: 34px
		}

		.mb-\[37px\] {
			margin-bottom: 37px
		}

		.mb-\[40px\] {
			margin-bottom: 40px
		}

		.mb-\[49px\] {
			margin-bottom: 49px
		}

		.mb-\[54px\] {
			margin-bottom: 54px
		}

		.mb-\[60px\] {
			margin-bottom: 60px
		}

		.mb-\[68px\] {
			margin-bottom: 68px
		}

		.mb-\[80px\] {
			margin-bottom: 80px
		}

		.mb-\[96px\] {
			margin-bottom: 96px
		}

		.ml-4 {
			margin-left: 1rem
		}

		.ml-gutter {
			margin-left: var(--gutter)
		}

		.mr-4 {
			margin-right: 1rem
		}

		.mr-\[-16px\] {
			margin-right: -16px
		}

		.mr-\[16px\] {
			margin-right: 16px
		}

		.mr-gutter {
			margin-right: var(--gutter)
		}

		.mt-10 {
			margin-top: 2.5rem
		}

		.mt-16 {
			margin-top: 4rem
		}

		.mt-28 {
			margin-top: 7rem
		}

		.mt-3 {
			margin-top: .75rem
		}

		.mt-5 {
			margin-top: 1.25rem
		}

		.mt-\[-10px\] {
			margin-top: -10px
		}

		.mt-\[-200px\] {
			margin-top: -200px
		}

		.mt-\[-36px\] {
			margin-top: -36px
		}

		.mt-\[100px\] {
			margin-top: 100px
		}

		.mt-\[118px\] {
			margin-top: 118px
		}

		.mt-\[30px\] {
			margin-top: 30px
		}

		.mt-\[40px\] {
			margin-top: 40px
		}

		.mt-\[60px\] {
			margin-top: 60px
		}

		.mt-\[80px\] {
			margin-top: 80px
		}

		.mt-\[98px\] {
			margin-top: 98px
		}

		.block {
			display: block
		}

		.\!flex {
			display: flex !important
		}

		.flex {
			display: flex
		}

		.grid {
			display: grid
		}

		.hidden {
			display: none
		}

		.h-10 {
			height: 2.5rem
		}

		.h-12 {
			height: 3rem
		}

		.h-\[140px\] {
			height: 140px
		}

		.h-\[1px\] {
			height: 1px
		}

		.h-\[250px\] {
			height: 250px
		}

		.h-\[297px\] {
			height: 297px
		}

		.h-\[35vw\] {
			height: 35vw
		}

		.h-\[372px\] {
			height: 372px
		}

		.h-auto {
			height: auto
		}

		.h-fit {
			height: -moz-fit-content;
			height: fit-content
		}

		.h-full {
			height: 100%
		}

		.h-screen {
			height: 100vh
		}

		.max-h-\[1000px\] {
			max-height: 1000px
		}

		.min-h-screen {
			min-height: 100vh
		}

		.w-10 {
			width: 2.5rem
		}

		.w-12 {
			width: 3rem
		}

		.w-6 {
			width: 1.5rem
		}

		.w-auto {
			width: auto
		}

		.w-fit {
			width: -moz-fit-content;
			width: fit-content
		}

		.w-full {
			width: 100%
		}

		.w-screen {
			width: 100vw
		}

		.max-w-2xl {
			max-width: 42rem
		}

		.max-w-\[252px\] {
			max-width: 252px
		}

		.max-w-\[400px\] {
			max-width: 400px
		}

		.origin-center {
			transform-origin: center
		}

		.origin-left {
			transform-origin: left
		}

		.translate-y-\[-2\.5px\] {
			--tw-translate-y: -2.5px
		}

		.translate-y-\[-2\.5px\],
		.translate-y-\[2\.5px\] {
			transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
		}

		.translate-y-\[2\.5px\] {
			--tw-translate-y: 2.5px
		}

		.rotate-180 {
			--tw-rotate: 180deg
		}

		.rotate-180,
		.rotate-45 {
			transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
		}

		.rotate-45 {
			--tw-rotate: 45deg
		}

		.rotate-90 {
			--tw-rotate: 90deg
		}

		.rotate-90,
		.rotate-\[-45deg\] {
			transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
		}

		.rotate-\[-45deg\] {
			--tw-rotate: -45deg
		}

		.scale-\[0\.55\] {
			--tw-scale-x: 0.55;
			--tw-scale-y: 0.55;
			transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
		}

		.cursor-not-allowed {
			cursor: not-allowed
		}

		.cursor-pointer {
			cursor: pointer
		}

		.resize {
			resize: both
		}

		.scroll-mt-\[26px\] {
			scroll-margin-top: 26px
		}

		.list-disc {
			list-style-type: disc
		}

		.grid-cols-1 {
			grid-template-columns: repeat(1, minmax(0, 1fr))
		}

		.grid-cols-12 {
			grid-template-columns: repeat(12, minmax(0, 1fr))
		}

		.grid-cols-4 {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}

		.flex-col {
			flex-direction: column
		}

		.items-end {
			align-items: flex-end
		}

		.items-center {
			align-items: center
		}

		.justify-end {
			justify-content: flex-end
		}

		.justify-center {
			justify-content: center
		}

		.justify-between {
			justify-content: space-between
		}

		.gap-2 {
			gap: .5rem
		}

		.gap-2\.5 {
			gap: .625rem
		}

		.gap-x-4 {
			-moz-column-gap: 1rem;
			column-gap: 1rem
		}

		.gap-x-5 {
			-moz-column-gap: 1.25rem;
			column-gap: 1.25rem
		}

		.gap-x-8 {
			-moz-column-gap: 2rem;
			column-gap: 2rem
		}

		.gap-x-\[26px\] {
			-moz-column-gap: 26px;
			column-gap: 26px
		}

		.gap-x-\[42px\] {
			-moz-column-gap: 42px;
			column-gap: 42px
		}

		.gap-x-grid-gap {
			-moz-column-gap: var(--gridGap);
			column-gap: var(--gridGap)
		}

		.gap-y-1 {
			row-gap: .25rem
		}

		.gap-y-10 {
			row-gap: 2.5rem
		}

		.gap-y-20 {
			row-gap: 5rem
		}

		.gap-y-40 {
			row-gap: 10rem
		}

		.self-end {
			align-self: flex-end
		}

		.self-center {
			align-self: center
		}

		.overflow-auto {
			overflow: auto
		}

		.overflow-hidden {
			overflow: hidden
		}

		.overflow-y-auto {
			overflow-y: auto
		}

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

		.whitespace-nowrap {
			white-space: nowrap
		}

		.rounded-full {
			border-radius: 9999px
		}

		.rounded-none {
			border-radius: 0
		}

		.border-\[1px\] {
			border: 1px solid;
		}

		.border-b,
		.border-b-\[1px\] {
			border-bottom-width: 1px
		}

		.border-t-\[1px\] {
			border-top-width: 1px
		}

		.border-black {
			--tw-border-opacity: 1;
			border-color: rgb(0 0 0/var(--tw-border-opacity))
		}

		.border-dark-blue {
			--tw-border-opacity: 1;
			border-color: rgb(9 42 48/var(--tw-border-opacity))
		}

		.border-grey-darker {
			--tw-border-opacity: 1;
			border-color: rgb(132 149 151/var(--tw-border-opacity))
		}

		.border-orange {
			--tw-border-opacity: 1;
			border-color: rgb(234 91 47/var(--tw-border-opacity))
		}

		.border-white {
			--tw-border-opacity: 1;
			border-color: rgb(255 255 255/var(--tw-border-opacity))
		}

		.border-b-white {
			--tw-border-opacity: 1;
			border-bottom-color: rgb(255 255 255/var(--tw-border-opacity))
		}

		.bg-black {
			--tw-bg-opacity: 1;
			background-color: rgb(0 0 0/var(--tw-bg-opacity))
		}

		.bg-blue {
			--tw-bg-opacity: 1;
			background-color: rgb(89 129 192/var(--tw-bg-opacity))
		}

		.bg-dark-blue {
			--tw-bg-opacity: 1;
			background-color: rgb(9 42 48/var(--tw-bg-opacity))
		}

		.bg-grey-mid {
			--tw-bg-opacity: 1;
			background-color: rgb(206 212 214/var(--tw-bg-opacity))
		}

		.bg-transparent {
			background-color: transparent
		}

		.bg-white {
			--tw-bg-opacity: 1;
			background-color: rgb(255 255 255/var(--tw-bg-opacity))
		}

		.bg-opacity-50 {
			--tw-bg-opacity: 0.5
		}

		.bg-opacity-80 {
			--tw-bg-opacity: 0.8
		}

		.object-cover {
			-o-object-fit: cover;
			object-fit: cover
		}

		.object-center {
			-o-object-position: center;
			object-position: center
		}

		.object-top {
			-o-object-position: top;
			object-position: top
		}

		.p-6 {
			padding: 1.5rem
		}

		.px-4 {
			padding-left: 1rem;
			padding-right: 1rem
		}

		.px-5 {
			padding-left: 1.25rem;
			padding-right: 1.25rem
		}

		.px-7 {
			padding-left: 1.75rem;
			padding-right: 1.75rem
		}

		.px-\[14px\] {
			padding-left: 14px;
			padding-right: 14px
		}

		.px-gutter {
			padding-left: var(--gutter);
			padding-right: var(--gutter)
		}

		.py-2 {
			padding-top: .5rem;
			padding-bottom: .5rem
		}

		.py-2\.5 {
			padding-top: .625rem;
			padding-bottom: .625rem
		}

		.py-3 {
			padding-top: .75rem;
			padding-bottom: .75rem
		}

		.py-5 {
			padding-top: 1.25rem;
			padding-bottom: 1.25rem
		}

		.py-\[16px\] {
			padding-top: 16px;
			padding-bottom: 16px
		}

		.pb-10 {
			padding-bottom: 2.5rem
		}

		.pb-2 {
			padding-bottom: .5rem
		}

		.pb-3 {
			padding-bottom: .75rem
		}

		.pb-5 {
			padding-bottom: 1.25rem
		}

		.pb-\[100px\] {
			padding-bottom: 100px
		}

		.pb-\[200px\] {
			padding-bottom: 200px
		}

		.pb-\[21px\] {
			padding-bottom: 21px
		}

		.pb-space-l {
			padding-bottom: var(--spaceLarge)
		}

		.pb-space-m {
			padding-bottom: var(--spaceMed)
		}

		.pb-space-s {
			padding-bottom: var(--spaceSmall)
		}

		.pl-4 {
			padding-left: 1rem
		}

		.pl-7 {
			padding-left: 1.75rem
		}

		.pl-gutter {
			padding-left: var(--gutter)
		}

		.pr-10 {
			padding-right: 2.5rem
		}

		.pr-4 {
			padding-right: 1rem
		}

		.pr-gutter {
			padding-right: var(--gutter)
		}

		.pt-10 {
			padding-top: 2.5rem
		}

		.pt-2 {
			padding-top: .5rem
		}

		.pt-40 {
			padding-top: 10rem
		}

		.pt-\[120px\] {
			padding-top: 120px
		}

		.pt-\[158px\] {
			padding-top: 158px
		}

		.pt-\[25vh\] {
			padding-top: 25vh
		}

		.pt-\[60px\] {
			padding-top: 60px
		}

		.pt-space-l {
			padding-top: var(--spaceLarge)
		}

		.pt-space-m {
			padding-top: var(--spaceMed)
		}

		.pt-space-s {
			padding-top: var(--spaceSmall)
		}

		.text-center {
			text-align: center
		}

		.text-right {
			text-align: right
		}

		.font-body {
			font-family: TWKLausanne-300, sans-serif
		}

		.font-bold {
			font-family: TWKLausanne-700, sans-serif
		}

		.font-semi-bold {
			font-family: TWKLausanne-500, sans-serif
		}

		.font-thin {
			font-family: TWKLausanne-150, sans-serif
		}

		.text-3xl {
			font-size: 26px;
			line-height: 1.4
		}

		.text-4xl {
			font-size: 28px;
			line-height: 1.4
		}

		.text-6xl {
			font-size: 34px;
			line-height: 1.4
		}

		.text-\[18px\] {
			font-size: 18px
		}

		.text-\[20px\] {
			font-size: 20px
		}

		.text-\[21px\] {
			font-size: 21px
		}

		.text-\[48px\] {
			font-size: 48px
		}

		.text-lg {
			font-size: 20px;
			line-height: 1.4
		}

		.text-sm {
			font-size: 16px;
			line-height: 1.4
		}

		.text-xl {
			font-size: 22px;
			line-height: 1.4
		}

		.font-bold {
			font-weight: 700
		}

		.font-thin {
			font-weight: 100
		}

		.leading-\[1\.2em\] {
			line-height: 1.2em
		}

		.leading-\[1\.6em\] {
			line-height: 1.6em
		}

		.leading-relaxed {
			line-height: 1.625
		}

		.leading-snug {
			line-height: 1.375
		}

		.leading-tight {
			line-height: 1.2
		}

		.tracking-tighter {
			letter-spacing: -.04em
		}

		.text-dark-blue {
			--tw-text-opacity: 1;
			color: rgb(9 42 48/var(--tw-text-opacity))
		}

		.text-grey-darker {
			--tw-text-opacity: 1;
			color: rgb(132 149 151/var(--tw-text-opacity)) !important;
		}

		.text-grey-mid {
			--tw-text-opacity: 1;
			color: rgb(206 212 214/var(--tw-text-opacity))
		}

		.text-inherit {
			color: inherit
		}

		.text-orange {
			--tw-text-opacity: 1;
			color: rgb(234 91 47/var(--tw-text-opacity)) !important;
		}

		.text-white {
			--tw-text-opacity: 1;
			color: rgb(255 255 255/var(--tw-text-opacity))
		}

		.underline {
			text-decoration-line: underline
		}

		.opacity-0 {
			opacity: 0
		}

		.opacity-30 {
			opacity: .3
		}

		.shadow-small {
			--tw-shadow: 0 5px 10px rgba(0, 0, 0, .12);
			--tw-shadow-colored: 0 5px 10px var(--tw-shadow-color);
			box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
		}

		.grayscale {
			--tw-grayscale: grayscale(100%)
		}

		.filter,
		.grayscale {
			filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
		}

		.transition {
			transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
			transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
			transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
			transition-timing-function: cubic-bezier(.4, 0, .2, 1);
			transition-duration: .15s
		}

		.transition-colors {
			transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
			transition-timing-function: cubic-bezier(.4, 0, .2, 1);
			transition-duration: .15s
		}

		.transition-shadow {
			transition-property: box-shadow;
			transition-timing-function: cubic-bezier(.4, 0, .2, 1);
			transition-duration: .15s
		}

		.duration-1000 {
			transition-duration: 1s
		}

		.duration-200 {
			transition-duration: .2s
		}

		.placeholder\:text-grey-mid::-moz-placeholder {
			--tw-text-opacity: 1;
			color: rgb(206 212 214/var(--tw-text-opacity))
		}

		.placeholder\:text-grey-mid::placeholder {
			--tw-text-opacity: 1;
			color: rgb(206 212 214/var(--tw-text-opacity))
		}

		.placeholder\:text-opacity-40::-moz-placeholder {
			--tw-text-opacity: 0.4
		}

		.placeholder\:text-opacity-40::placeholder {
			--tw-text-opacity: 0.4
		}

		.hover\:underline:hover {
			text-decoration-line: underline
		}

		.hover\:shadow-medium:hover {
			--tw-shadow: 0 8px 30px rgba(0, 0, 0, .12);
			--tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
			box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
		}

		.focus\:outline-none:focus {
			outline: 2px solid transparent;
			outline-offset: 2px
		}

		@media (min-width:640px) {
			.sm\:mx-0 {
				margin-left: 0;
				margin-right: 0
			}

			.sm\:h-\[450px\] {
				height: 450px
			}
		}

		@media (min-width:768px) {
			.md\:col-start-1 {
				grid-column-start: 1
			}

			.md\:col-start-7 {
				grid-column-start: 7
			}

			.md\:col-end-10 {
				grid-column-end: 10
			}

			.md\:col-end-13 {
				grid-column-end: 13
			}

			.md\:col-end-6 {
				grid-column-end: 6
			}

			.md\:row-start-1 {
				grid-row-start: 1
			}

			.md\:row-end-1 {
				grid-row-end: 1
			}

			.md\:mb-0 {
				margin-bottom: 0
			}

			.md\:mb-10 {
				margin-bottom: 2.5rem
			}

			.md\:mb-12 {
				margin-bottom: 3rem
			}

			.md\:mb-16 {
				margin-bottom: 4rem
			}

			.md\:mb-28 {
				margin-bottom: 7rem
			}

			.md\:mb-5 {
				margin-bottom: 1.25rem
			}

			.md\:mb-\[100px\] {
				margin-bottom: 100px
			}

			.md\:mb-\[43px\] {
				margin-bottom: 43px
			}

			.md\:mb-\[47px\] {
				margin-bottom: 47px
			}

			.md\:mb-\[60px\] {
				margin-bottom: 60px
			}

			.md\:mr-0 {
				margin-right: 0
			}

			.md\:mr-\[100px\] {
				margin-right: 100px
			}

			.md\:mr-gutter {
				margin-right: var(--gutter)
			}

			.md\:mt-\[-170px\] {
				margin-top: -170px
			}

			.md\:mt-\[148px\] {
				margin-top: 148px
			}

			.md\:mt-\[46px\] {
				margin-top: 46px
			}

			.md\:mt-\[60px\] {
				margin-top: 60px
			}

			.md\:block {
				display: block
			}

			.md\:flex {
				display: flex
			}

			.md\:grid {
				display: grid
			}

			.md\:hidden {
				display: none
			}

			.md\:h-\[360px\] {
				height: 360px
			}

			.md\:h-\[395px\] {
				height: 395px
			}

			.md\:h-\[495px\] {
				height: 495px
			}

			.md\:h-fit {
				height: -moz-fit-content;
				height: fit-content
			}

			.md\:max-h-full {
				max-height: 100%
			}

			.md\:w-fit {
				width: -moz-fit-content;
				width: fit-content
			}

			.md\:max-w-\[375px\] {
				max-width: 375px
			}

			.md\:scale-\[0\.7\] {
				--tw-scale-x: 0.7;
				--tw-scale-y: 0.7;
				transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
			}

			.md\:grid-cols-12 {
				grid-template-columns: repeat(12, minmax(0, 1fr))
			}

			.md\:grid-cols-2 {
				grid-template-columns: repeat(2, minmax(0, 1fr))
			}

			.md\:flex-row {
				flex-direction: row
			}

			.md\:items-center {
				align-items: center
			}

			.md\:justify-center {
				justify-content: center
			}

			.md\:justify-between {
				justify-content: space-between
			}

			.md\:gap-x-16 {
				-moz-column-gap: 4rem;
				column-gap: 4rem
			}

			.md\:gap-x-8 {
				-moz-column-gap: 2rem;
				column-gap: 2rem
			}

			.md\:gap-y-32 {
				row-gap: 8rem
			}

			.md\:px-0 {
				padding-left: 0;
				padding-right: 0
			}

			.md\:px-4 {
				padding-left: 1rem;
				padding-right: 1rem
			}

			.md\:px-gutter {
				padding-left: var(--gutter);
				padding-right: var(--gutter)
			}

			.md\:pb-0 {
				padding-bottom: 0
			}

			.md\:pb-\[120px\] {
				padding-bottom: 120px
			}

			.md\:pb-\[60px\] {
				padding-bottom: 60px
			}

			.md\:pb-\[83px\] {
				padding-bottom: 83px
			}

			.md\:pl-0 {
				padding-left: 0
			}

			.md\:pl-8 {
				padding-left: 2rem
			}

			.md\:pr-0 {
				padding-right: 0
			}

			.md\:pr-8 {
				padding-right: 2rem
			}

			.md\:text-left {
				text-align: left
			}

			.md\:text-7xl {
				font-size: 35px;
				line-height: 1.4
			}

			.md\:text-8xl {
				font-size: 40px;
				line-height: 1.4
			}

			.md\:text-\[28px\] {
				font-size: 28px
			}

			.md\:leading-none {
				line-height: 1
			}
		}

		@media (min-width:1024px) {
			.lg\:static {
				position: static
			}

			.lg\:fixed {
				position: fixed
			}

			.lg\:relative {
				position: relative
			}

			.lg\:left-0 {
				left: 0
			}

			.lg\:left-\[50px\] {
				left: 50px
			}

			.lg\:right-\[50px\] {
				right: 50px
			}

			.lg\:top-0 {
				top: 0
			}

			.lg\:top-\[108px\] {
				top: 108px
			}

			.lg\:top-\[50\%\] {
				top: 50%
			}

			.lg\:top-\[58px\] {
				top: 58px
			}

			.lg\:z-0 {
				z-index: 0
			}

			.lg\:col-start-1 {
				grid-column-start: 1
			}

			.lg\:col-start-2 {
				grid-column-start: 2
			}

			.lg\:col-start-3 {
				grid-column-start: 3
			}

			.lg\:col-start-4 {
				grid-column-start: 4
			}

			.lg\:col-start-6 {
				grid-column-start: 6
			}

			.lg\:col-start-7 {
				grid-column-start: 7
			}

			.lg\:col-start-8 {
				grid-column-start: 8
			}

			.lg\:col-start-9 {
				grid-column-start: 9
			}

			.lg\:col-end-10 {
				grid-column-end: 10
			}

			.lg\:col-end-12 {
				grid-column-end: 12
			}

			.lg\:col-end-13 {
				grid-column-end: 13
			}

			.lg\:col-end-7 {
				grid-column-end: 7
			}

			.lg\:col-end-8 {
				grid-column-end: 8
			}

			.lg\:col-end-9 {
				grid-column-end: 9
			}

			.lg\:row-start-1 {
				grid-row-start: 1
			}

			.lg\:row-start-2 {
				grid-row-start: 2
			}

			.lg\:row-end-1 {
				grid-row-end: 1
			}

			.lg\:row-end-2 {
				grid-row-end: 2
			}

			.lg\:row-end-3 {
				grid-row-end: 3
			}

			.lg\:mx-0 {
				margin-left: 0;
				margin-right: 0
			}

			.lg\:mx-gutter {
				margin-left: var(--gutter);
				margin-right: var(--gutter)
			}

			.lg\:mb-0 {
				margin-bottom: 0
			}

			.lg\:mb-10 {
				margin-bottom: 2.5rem
			}

			.lg\:mb-2 {
				margin-bottom: .5rem
			}

			.lg\:mb-\[-180px\] {
				margin-bottom: -180px
			}

			.lg\:mb-\[100px\] {
				margin-bottom: 100px
			}

			.lg\:mb-\[140px\] {
				margin-bottom: 140px
			}

			.lg\:mb-\[167px\] {
				margin-bottom: 167px
			}

			.lg\:mb-\[80px\] {
				margin-bottom: 80px
			}

			.lg\:mb-\[97px\] {
				margin-bottom: 97px
			}

			.lg\:mr-0 {
				margin-right: 0
			}

			.lg\:mt-0 {
				margin-top: 0
			}

			.lg\:mt-\[-400px\] {
				margin-top: -400px
			}

			.lg\:mt-\[0px\] {
				margin-top: 0
			}

			.lg\:mt-\[100px\] {
				margin-top: 100px
			}

			.lg\:mt-\[240px\] {
				margin-top: 240px
			}

			.lg\:mt-\[72px\] {
				margin-top: 72px
			}

			.lg\:block {
				display: block
			}

			.lg\:grid {
				display: grid
			}

			.lg\:hidden {
				display: none
			}

			.lg\:h-12 {
				height: 3rem
			}

			.lg\:h-\[2px\] {
				height: 2px
			}

			.lg\:h-\[30vw\] {
				height: 30vw
			}

			.lg\:h-\[73px\] {
				height: 73px
			}

			.lg\:h-auto {
				height: auto
			}

			.lg\:max-h-\[521px\] {
				max-height: 521px
			}

			.lg\:w-12 {
				width: 3rem
			}

			.lg\:w-\[44px\] {
				width: 44px
			}

			.lg\:w-\[73px\] {
				width: 73px
			}

			.lg\:max-w-\[412px\] {
				max-width: 412px
			}

			.lg\:translate-y-\[-50\%\] {
				--tw-translate-y: -50%
			}

			.lg\:translate-y-\[-50\%\],
			.lg\:translate-y-\[-6px\] {
				transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
			}

			.lg\:translate-y-\[-6px\] {
				--tw-translate-y: -6px
			}

			.lg\:translate-y-\[6px\] {
				--tw-translate-y: 6px
			}

			.lg\:scale-\[1\],
			.lg\:translate-y-\[6px\] {
				transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
			}

			.lg\:scale-\[1\] {
				--tw-scale-x: 1;
				--tw-scale-y: 1
			}

			.lg\:scroll-mt-\[0px\] {
				scroll-margin-top: 0
			}

			.lg\:scroll-mt-\[100px\] {
				scroll-margin-top: 100px
			}

			.lg\:grid-cols-12 {
				grid-template-columns: repeat(12, minmax(0, 1fr))
			}

			.lg\:justify-end {
				justify-content: flex-end
			}

			.lg\:justify-between {
				justify-content: space-between
			}

			.lg\:gap-x-32 {
				-moz-column-gap: 8rem;
				column-gap: 8rem
			}

			.lg\:gap-x-8 {
				-moz-column-gap: 2rem;
				column-gap: 2rem
			}

			.lg\:gap-x-\[42px\] {
				-moz-column-gap: 42px;
				column-gap: 42px
			}

			.lg\:gap-y-2 {
				row-gap: .5rem
			}

			.lg\:gap-y-2\.5 {
				row-gap: .625rem
			}

			.lg\:self-end {
				align-self: flex-end
			}

			.lg\:self-center {
				align-self: center
			}

			.lg\:break-words {
				overflow-wrap: break-word
			}

			.lg\:bg-transparent {
				background-color: transparent
			}

			.lg\:p-0 {
				padding: 0
			}

			.lg\:px-0 {
				padding-left: 0;
				padding-right: 0
			}

			.lg\:px-10 {
				padding-left: 2.5rem;
				padding-right: 2.5rem
			}

			.lg\:px-gutter {
				padding-left: var(--gutter);
				padding-right: var(--gutter)
			}

			.lg\:py-10 {
				padding-top: 2.5rem;
				padding-bottom: 2.5rem
			}

			.lg\:pb-0 {
				padding-bottom: 0
			}

			.lg\:pb-\[100px\] {
				padding-bottom: 100px
			}

			.lg\:pb-\[150px\] {
				padding-bottom: 150px
			}

			.lg\:pl-0 {
				padding-left: 0
			}

			.lg\:pr-0 {
				padding-right: 0
			}

			.lg\:pt-0 {
				padding-top: 0
			}

			.lg\:pt-\[148px\] {
				padding-top: 148px
			}

			.lg\:pt-\[158px\] {
				padding-top: 158px
			}

			.lg\:pt-\[50px\] {
				padding-top: 50px
			}

			.lg\:align-bottom {
				vertical-align: bottom
			}

			.lg\:text-6xl {
				font-size: 34px;
				line-height: 1.4
			}

			.lg\:text-8xl {
				font-size: 40px;
				line-height: 1.4
			}

			.lg\:opacity-\[0\.3\] {
				opacity: .3
			}
		}

		@media (min-width:1280px) {
			.xl\:fixed {
				position: fixed
			}

			.xl\:left-\[50px\] {
				left: 50px
			}

			.xl\:right-\[100px\] {
				right: 100px
			}

			.xl\:top-\[38px\] {
				top: 38px
			}

			.xl\:col-start-4 {
				grid-column-start: 4
			}

			.xl\:col-end-7 {
				grid-column-end: 7
			}

			.xl\:col-end-9 {
				grid-column-end: 9
			}

			.xl\:block {
				display: block
			}

			.xl\:\!hidden {
				display: none !important
			}

			.xl\:pt-\[280px\] {
				padding-top: 280px
			}

			.xl\:text-\[38px\] {
				font-size: 38px
			}
		}

		@media (min-width:1400px) {
			.mxl\:h-\[30vw\] {
				height: 30vw
			}

			.mxl\:pt-\[20vh\] {
				padding-top: 20vh
			}
		}

		:root {
			--gutter: 16px;
			--spaceSmall: 3.125rem;
			--spaceMed: 6.25rem;
			--spaceLarge: 8rem;
			--gridGap: 1.5rem;
			--app-height: 100%
		}

		@media screen and (min-width:768px) {
			:root {
				--gutter: 32px;
				--spaceSmall: 3.125rem;
				--spaceMed: 12.5rem;
				--spaceLarge: 25rem
			}
		}

		@media screen and (min-width:1024px) {
			:root {
				--headerSpacer: 135px
			}
		}

		@media screen and (min-width:1430px) {
			:root {
				--gutter: 100px
			}
		}

		@media screen and (min-width:1800px) {
			:root {
				--gutter: 100px
			}
		}

		@media screen and (min-width:2048px) {
			:root {
				--gutter: 12vw
			}
		}

		.svg-orange path {
			fill: #fff;
			animation-name: orange;
			animation-duration: .4s;
			animation-delay: 1.6s;
			animation-fill-mode: forwards
		}

		.birdSvgMobile path {
			fill: #fff
		}

		.birdSvgMobile,
		.birdSvgMobile path,
		.orangeBird path {
			transition: all .4s ease-in-out
		}

		.orangeBird path {
			fill: #ea5b2f
		}

		.svg-blue path {
			fill: #fff;
			animation-name: blue;
			animation-duration: 2s;
			animation-delay: 2s;
			animation-fill-mode: forwards
		}

	

		body,
		html {
			scroll-behavior: smooth
		}

		

		.hoverButton {
			transition: all .4s ease-in-out
		}

		.arrowButton img,
		.arrowButtonPrev img {
			transition: all .2s ease-in-out
		}

		.arrowButtonPrev:hover img {
			transform: translateX(-3px)
		}

		.arrowButton:hover img {
			transform: translateX(3px) rotate(180deg)
		}

		.hoverButton:hover {
			background: #ea5b2f;
			color: #fff
		}

		.hoverButton:hover span {
			color: #fff
		}

		.hoverButton:hover path {
			fill: #fff
		}

		.noScroll {
			overflow-y: hidden
		}

		.headerTransform,
		.menuOpen {
			transition: all .4s ease-in-out
		}

		.menuOpen {
			color: #fff
		}

		.menuClosed {
			transition: all .4s ease-in-out
		}

		.menuItem {
		    font-size:27px;
			position: relative
		}

		.menuItem:after {
			content: "";
			width: 100%;
			position: absolute;
			height: 3px;
			background: #849597;
			opacity: 0;
			transition: all .2s ease-in-out;
			bottom: -5px;
			left: 0
		}

		input::-webkit-inner-spin-button,
		input::-webkit-outer-spin-button {
			-webkit-appearance: none;
			margin: 0
		}

		input[type=number] {
			-moz-appearance: textfield
		}

	
		.selected:after {
			background: #ea5b2f
		}

		.menuItem:hover:after {
			opacity: 1
		}

		.headerTransition {
			transition: all .4s ease-in-out
		}

		@keyframes orange {
			0% {
				fill: #fff
			}

			to {
				fill: #ea5b2f
			}
		}

		@keyframes blue {
			0% {
				fill: #fff
			}

			to {
				fill: #092a30
			}
		}

		.projectGrid a:first-child {
			grid-column-start: 1;
			grid-column-end: 7
		}

		.projectGrid a:nth-child(2) {
			grid-column-start: 8;
			grid-column-end: 13;
			margin-top: 200px
		}

		.projectGrid a:nth-child(3) {
			grid-column-start: 1;
			grid-column-end: 6
		}

		.projectGrid a:nth-child(4) {
			grid-column-start: 7;
			grid-column-end: 13;
			margin-top: 180px
		}

		.projectGrid a:nth-child(5) {
			grid-column-start: 1;
			grid-column-end: 7
		}

		.projectGrid a:nth-child(6) {
			grid-column-start: 8;
			grid-column-end: 13;
			margin-top: 200px
		}

		.projectGrid a:nth-child(7) {
			grid-column-start: 1;
			grid-column-end: 6;
			margin-top: 200px
		}

		.projectGrid a:nth-child(8) {
			grid-column-start: 7;
			grid-column-end: 13;
			margin-top: 180px
		}

		.projectGrid a:nth-child(9) {
			grid-column-start: 1;
			grid-column-end: 7
		}

		.projectGrid a:nth-child(10) {
			grid-column-start: 8;
			grid-column-end: 13;
			margin-top: 200px
		}

		.projectGrid a:nth-child(11) {
			grid-column-start: 1;
			grid-column-end: 6
		}

		.projectGrid a:nth-child(12) {
			grid-column-start: 7;
			grid-column-end: 13;
			margin-top: 180px
		}

		body,
		html {
			padding: 0;
			margin: 0;
			font-family: TWKLausanne-300, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
			letter-spacing: 0
		}

		@font-face {
			font-family: TWKLausanne-150;
			src: url(/_next/static/media/TWKLausanne-150.aceb5425.woff);
			font-weight: 150;
			font-style: normal;
			font-display: swap
		}

		@font-face {
			font-family: TWKLausanne-150;
			src: url(/_next/static/media/TWKLausanne-150.98074650.woff2);
			font-weight: 150;
			font-style: normal;
			font-display: swap
		}

		@font-face {
			font-family: TWKLausanne-300;
			src: url(/_next/static/media/TWKLausanne-300.b8e402cb.woff);
			font-weight: 300;
			font-style: normal;
			font-display: swap
		}

		@font-face {
			font-family: TWKLausanne-300;
			src: url(/_next/static/media/TWKLausanne-300.0eaae608.woff2);
			font-weight: 300;
			font-style: normal;
			font-display: swap
		}

		@font-face {
			font-family: TWKLausanne-500;
			src: url(/_next/static/media/TWKLausanne-500.8b5bed6f.woff);
			font-weight: 500;
			font-style: normal;
			font-display: swap
		}

		@font-face {
			font-family: TWKLausanne-500;
			src: url(/_next/static/media/TWKLausanne-500.ea1b48ec.woff2);
			font-weight: 500;
			font-style: normal;
			font-display: swap
		}

		@font-face {
			font-family: TWKLausanne-700;
			src: url(/_next/static/media/TWKLausanne-700.e2147257.woff);
			font-weight: 700;
			font-style: normal;
			font-display: swap
		}

		@font-face {
			font-family: TWKLausanne-700;
			src: url(/_next/static/media/TWKLausanne-700.0a9efdcc.woff2);
			font-weight: 700;
			font-style: normal;
			font-display: swap
		}

		.blockH1 {
			font-size: 48px;
			line-height: 1.2
		}

		@media (min-width:768px) {
			.blockH1 {
				font-size: 60px;
				line-height: 72px
			}
		}

		@media (min-width:1024px) {
			.blockH1 {
				line-height: 120%
			}
		}

		@media (min-width:1280px) {
			.blockH1 {
				font-size: 80px
			}
		}

		.blockH2 {
			font-size: 32px;
			line-height: 44.8px
		}

		@media (min-width:768px) {
			.blockH2 {
				font-size: 44px;
				line-height: 53px
			}
		}

		@media (min-width:1280px) {
			.blockH2 {
				font-size: 48px
			}
		}

		.blockH3 {
			font-size: 24px;
			line-height: 35px
		}

		@media (min-width:768px) {
			.blockH3 {
				font-size: 28px;
				line-height: 39px
			}
		}

		@media (min-width:1280px) {
			.blockH3 {
				font-size: 32px
			}
		}

		.blockH4 {
			font-size: 20px;
			line-height: 32px
		}

		@media (min-width:768px) {
			.blockH4 {
				font-size: 22px
			}
		}

		@media (min-width:1280px) {
			.blockH4 {
				font-size: 24px
			}
		}

		.blockH5 {
			font-size: 18px;
			line-height: 28px
		}

		@media (min-width:768px) {
			.blockH5 {
				font-size: 19px;
				line-height: 30px
			}
		}

		@media (min-width:1280px) {
			.blockH5 {
				font-size: 20px
			}
		}

		.blockH6 {
			font-size: 16px;
			line-height: 25.6px
		}

		@media (min-width:768px) {
			.blockH6 {
				font-size: 18px;
				line-height: 28px
			}
		}

		@media (min-width:1280px) {
			.blockH6 {
				font-size: 18px
			}
		}

		.blockH7 {
			font-size: 15px;
			line-height: 24px
		}

		@media (min-width:768px) {
			.blockH7 {
				font-size: 16px;
				line-height: 25px
			}
		}

		@media (min-width:1280px) {
			.blockH7 {
				font-size: 16px
			}
		}

		.blockH8 {
			font-size: 13px;
			line-height: 20px
		}

		@media (min-width:768px) {
			.blockH8 {
				font-size: 14px;
				line-height: 22px
			}
		}
		
		#sidebar {
		  
          transition: transform 0.3s ease; /* Add a smooth transition effect */
        }
        
        
        @media screen and (max-width: 1200px){
            .origin-center {
                background-color: black !important;
            }
            
        }