/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;

@font-face
{
	font-family: 'Instrument Serif';
	src: url('../fonts/InstrumentSerif-Regular.woff2') format('woff2'), url('../fonts/InstrumentSerif-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'Instrument Serif';
	src: url('../fonts/InstrumentSerif-Italic.woff2') format('woff2'), url('../fonts/InstrumentSerif-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face
{
	font-family: 'Urbanist';
	src: url('../fonts/Urbanist-Bold.woff2') format('woff2'), url('../fonts/Urbanist-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'Urbanist';
	src: url('../fonts/Urbanist-ExtraLight.woff2') format('woff2'), url('../fonts/Urbanist-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'Urbanist';
	src: url('../fonts/Urbanist-Medium.woff2') format('woff2'), url('../fonts/Urbanist-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'Urbanist';
	src: url('../fonts/Urbanist-Light.woff2') format('woff2'), url('../fonts/Urbanist-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'Urbanist';
	src: url('../fonts/Urbanist-Regular.woff2') format('woff2'), url('../fonts/Urbanist-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'Urbanist';
	src: url('../fonts/Urbanist-SemiBold.woff2') format('woff2'), url('../fonts/Urbanist-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'DM Sans';
	src: url('../fonts/DMSans-Light.woff2') format('woff2'), url('../fonts/DMSans-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'DM Sans';
	src: url('../fonts/DMSans-Regular.woff2') format('woff2'), url('../fonts/DMSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'DM Sans';
	src: url('../fonts/DMSans-Bold.woff2') format('woff2'), url('../fonts/DMSans-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'DM Sans';
	src: url('../fonts/DMSans-Medium.woff2') format('woff2'), url('../fonts/DMSans-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: 'DM Sans';
	src: url('../fonts/DMSans-SemiBold.woff2') format('woff2'), url('../fonts/DMSans-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@layer theme, base, components, utilities;

@layer theme
{

	:root,
	:host
	{
		--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
			"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
			"Courier New", monospace;
		--color-red-400: oklch(70.4% 0.191 22.216);
		--color-red-500: oklch(63.7% 0.237 25.331);
		--color-green-400: oklch(79.2% 0.209 151.711);
		--color-green-500: oklch(72.3% 0.219 149.579);
		--color-black: #000;
		--color-white: #fff;
		--spacing: 0.25rem;
		--text-xs: 0.75rem;
		--text-xs--line-height: calc(1 / 0.75);
		--text-sm: 0.875rem;
		--text-sm--line-height: calc(1.25 / 0.875);
		--text-base: 1rem;
		--text-base--line-height: calc(1.5 / 1);
		--text-lg: 1.125rem;
		--text-lg--line-height: calc(1.75 / 1.125);
		--text-xl: 1.25rem;
		--text-xl--line-height: calc(1.75 / 1.25);
		--text-2xl: 1.5rem;
		--text-2xl--line-height: calc(2 / 1.5);
		--text-3xl: 1.875rem;
		--text-3xl--line-height: calc(2.25 / 1.875);
		--text-4xl: 2.25rem;
		--text-4xl--line-height: calc(2.5 / 2.25);
		--text-5xl: 3rem;
		--text-5xl--line-height: 1;
		--text-6xl: 3.75rem;
		--text-6xl--line-height: 1;
		--text-7xl: 4.5rem;
		--text-7xl--line-height: 1;
		--font-weight-light: 300;
		--font-weight-normal: 400;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;
		--font-weight-bold: 700;
		--tracking-tighter: -0.05em;
		--tracking-tight: -0.025em;
		--tracking-normal: 0em;
		--leading-tight: 1.25;
		--leading-snug: 1.375;
		--leading-normal: 1.5;
		--radius-md: 0.375rem;
		--radius-lg: 0.5rem;
		--radius-xl: 0.75rem;
		--radius-2xl: 1rem;
		--radius-3xl: 1.5rem;
		--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
		--animate-spin: spin 1s linear infinite;
		--blur-md: 12px;
		--blur-2xl: 40px;
		--default-transition-duration: 150ms;
		--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		--default-font-family: var(--font-sans);
		--default-mono-font-family: var(--font-mono);
		--font-urbanist: "Urbanist", sans-serif;
		--font-dmSans: "DM Sans", sans-serif;
		--font-instrument: "Instrument Serif", serif;
		--color-primary: #4f46e5;
		--color-secondary: #0e1422;
		--color-tertiary: #a78bfa;
		--color-lineColor: #2d3a57;
		--color-offWhite: #fbfbfb;
		--color-platinum: #e3e3e3;
		--color-charcoalBlue: #222938;
		--color-slateBlue: #7d76ff;
		--color-royalBlue: #2f27b1;
		--color-blue: #131732;
	}
}

@layer base
{

	*,
	::after,
	::before,
	::backdrop,
	::file-selector-button
	{
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		border: 0 solid;
	}

	html,
	:host
	{
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
		tab-size: 4;
		font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
		font-feature-settings: var(--default-font-feature-settings, normal);
		font-variation-settings: var(--default-font-variation-settings, normal);
		-webkit-tap-highlight-color: transparent;
	}

	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;
		-webkit-text-decoration: inherit;
		text-decoration: inherit;
	}

	b,
	strong
	{
		font-weight: bolder;
	}

	code,
	kbd,
	samp,
	pre
	{
		font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
		font-feature-settings: var(--default-mono-font-feature-settings, normal);
		font-variation-settings: var(--default-mono-font-variation-settings, normal);
		font-size: 1em;
	}

	small
	{
		font-size: 80%;
	}

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

	sub
	{
		bottom: -0.25em;
	}

	sup
	{
		top: -0.5em;
	}

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

	:-moz-focusring
	{
		outline: auto;
	}

	progress
	{
		vertical-align: baseline;
	}

	summary
	{
		display: list-item;
	}

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

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

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

	button,
	input,
	select,
	optgroup,
	textarea,
	::file-selector-button
	{
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		border-radius: 0;
		background-color: transparent;
		opacity: 1;
	}

	:where(select:is([multiple], [size])) optgroup
	{
		font-weight: bolder;
	}

	:where(select:is([multiple], [size])) optgroup option
	{
		padding-inline-start: 20px;
	}

	::file-selector-button
	{
		margin-inline-end: 4px;
	}

	::placeholder
	{
		opacity: 1;
	}

	@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px)
	{
		::placeholder
		{
			color: currentcolor;

			@supports (color: color-mix(in lab, red, red))
			{
				color: color-mix(in oklab, currentcolor 50%, transparent);
			}
		}
	}

	textarea
	{
		resize: vertical;
	}

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

	::-webkit-date-and-time-value
	{
		min-height: 1lh;
		text-align: inherit;
	}

	::-webkit-datetime-edit
	{
		display: inline-flex;
	}

	::-webkit-datetime-edit-fields-wrapper
	{
		padding: 0;
	}

	::-webkit-datetime-edit,
	::-webkit-datetime-edit-year-field,
	::-webkit-datetime-edit-month-field,
	::-webkit-datetime-edit-day-field,
	::-webkit-datetime-edit-hour-field,
	::-webkit-datetime-edit-minute-field,
	::-webkit-datetime-edit-second-field,
	::-webkit-datetime-edit-millisecond-field,
	::-webkit-datetime-edit-meridiem-field
	{
		padding-block: 0;
	}

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

	button,
	input:where([type="button"], [type="reset"], [type="submit"]),
	::file-selector-button
	{
		appearance: button;
	}

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

	[hidden]:where(:not([hidden="until-found"]))
	{
		display: none !important;
	}
}

@layer utilities
{
	.pointer-events-none
	{
		pointer-events: none;
	}

	.invisible
	{
		visibility: hidden;
	}

	.visible
	{
		visibility: visible;
	}

	.\!absolute
	{
		position: absolute !important;
	}

	.absolute
	{
		position: absolute;
	}

	.fixed
	{
		position: fixed;
	}

	.relative
	{
		position: relative;
	}

	.static
	{
		position: static;
	}

	.sticky
	{
		position: sticky;
	}

	.inset-0
	{
		inset: calc(var(--spacing) * 0);
	}

	.\!top-\[-5px\]
	{
		top: -5px !important;
	}

	.top-0
	{
		top: calc(var(--spacing) * 0);
	}

	.top-1
	{
		top: calc(var(--spacing) * 1);
	}

	.top-1\/2
	{
		top: calc(1/2 * 100%);
	}

	.top-5
	{
		top: calc(var(--spacing) * 5);
	}

	.top-\[6px\]
	{
		top: 6px;
	}

	.right-0
	{
		right: calc(var(--spacing) * 0);
	}

	.right-5
	{
		right: calc(var(--spacing) * 5);
	}

	.right-8
	{
		right: calc(var(--spacing) * 8);
	}

	.right-\[6px\]
	{
		right: 6px;
	}

	.-bottom-1\.5
	{
		bottom: calc(var(--spacing) * -1.5);
	}

	.bottom-0
	{
		bottom: calc(var(--spacing) * 0);
	}

	.bottom-6
	{
		bottom: calc(var(--spacing) * 6);
	}

	.bottom-\[30px\]
	{
		bottom: 30px;
	}

	.bottom-full
	{
		bottom: 100%;
	}

	.left-0
	{
		left: calc(var(--spacing) * 0);
	}

	.left-1
	{
		left: calc(var(--spacing) * 1);
	}

	.left-1\/2
	{
		left: calc(1/2 * 100%);
	}

	.left-\[80\%\]
	{
		left: 80%;
	}

	.-z-1
	{
		z-index: calc(1 * -1);
	}

	.z-1
	{
		z-index: 1;
	}

	.z-10
	{
		z-index: 10;
	}

	.z-20
	{
		z-index: 20;
	}

	.z-50
	{
		z-index: 50;
	}

	.z-\[-1\]
	{
		z-index: -1;
	}

	.z-\[1\]
	{
		z-index: 1;
	}

	.z-\[50\]
	{
		z-index: 50;
	}

	.z-\[70\]
	{
		z-index: 70;
	}

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

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

	.z-\[99999\]
	{
		z-index: 99999;
	}

	.z-\[999999\]
	{
		z-index: 999999;
	}

	.container
	{
		width: 100%;

		@media (width >=640px)
		{
			max-width: 640px;
		}

		@media (width >=769px)
		{
			max-width: 769px;
		}

		@media (width >=1025px)
		{
			max-width: 1025px;
		}

		@media (width >=1280px)
		{
			max-width: 1280px;
		}

		@media (width >=1536px)
		{
			max-width: 1536px;
		}
	}

	.mx-auto
	{
		margin-inline: auto;
	}

	.my-4
	{
		margin-block: calc(var(--spacing) * 4);
	}

	.my-5
	{
		margin-block: calc(var(--spacing) * 5);
	}

	.my-8
	{
		margin-block: calc(var(--spacing) * 8);
	}

	.my-10
	{
		margin-block: calc(var(--spacing) * 10);
	}

	.mt-1
	{
		margin-top: calc(var(--spacing) * 1);
	}

	.mt-2
	{
		margin-top: calc(var(--spacing) * 2);
	}

	.mt-2\.5
	{
		margin-top: calc(var(--spacing) * 2.5);
	}

	.mt-3
	{
		margin-top: calc(var(--spacing) * 3);
	}

	.mt-4
	{
		margin-top: calc(var(--spacing) * 4);
	}

	.mt-5
	{
		margin-top: calc(var(--spacing) * 5);
	}

	.mt-6
	{
		margin-top: calc(var(--spacing) * 6);
	}

	.mt-7\.5
	{
		margin-top: calc(var(--spacing) * 7.5);
	}

	.mt-8
	{
		margin-top: calc(var(--spacing) * 8);
	}

	.mt-10
	{
		margin-top: calc(var(--spacing) * 10);
	}

	.mt-12
	{
		margin-top: calc(var(--spacing) * 12);
	}

	.mb-2
	{
		margin-bottom: calc(var(--spacing) * 2);
	}

	.mb-3
	{
		margin-bottom: calc(var(--spacing) * 3);
	}

	.mb-4
	{
		margin-bottom: calc(var(--spacing) * 4);
	}

	.mb-5
	{
		margin-bottom: calc(var(--spacing) * 5);
	}

	.mb-8
	{
		margin-bottom: calc(var(--spacing) * 8);
	}

	.mb-10
	{
		margin-bottom: calc(var(--spacing) * 10);
	}

	.-ml-5
	{
		margin-left: calc(var(--spacing) * -5);
	}

	.ml-2
	{
		margin-left: calc(var(--spacing) * 2);
	}

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

	.block
	{
		display: block;
	}

	.flex
	{
		display: flex;
	}

	.grid
	{
		display: grid;
	}

	.hidden
	{
		display: none;
	}

	.inline
	{
		display: inline;
	}

	.inline-block
	{
		display: inline-block;
	}

	.inline-flex
	{
		display: inline-flex;
	}

	.table
	{
		display: table;
	}

	.table-caption
	{
		display: table-caption;
	}

	.h-2
	{
		height: calc(var(--spacing) * 2);
	}

	.h-3
	{
		height: calc(var(--spacing) * 3);
	}

	.h-4
	{
		height: calc(var(--spacing) * 4);
	}

	.h-4\.5
	{
		height: calc(var(--spacing) * 4.5);
	}

	.h-5
	{
		height: calc(var(--spacing) * 5);
	}

	.h-6
	{
		height: calc(var(--spacing) * 6);
	}

	.h-7
	{
		height: calc(var(--spacing) * 7);
	}

	.h-9
	{
		height: calc(var(--spacing) * 9);
	}

	.h-10
	{
		height: calc(var(--spacing) * 10);
	}

	.h-10\.5
	{
		height: calc(var(--spacing) * 10.5);
	}

	.h-11
	{
		height: calc(var(--spacing) * 11);
	}

	.h-11\.5
	{
		height: calc(var(--spacing) * 11.5);
	}

	.h-12
	{
		height: calc(var(--spacing) * 12);
	}

	.h-16
	{
		height: calc(var(--spacing) * 16);
	}

	.h-21
	{
		height: calc(var(--spacing) * 21);
	}

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

	.h-\[3px\]
	{
		height: 3px;
	}

	.h-\[5px\]
	{
		height: 5px;
	}

	.h-\[22px\]
	{
		height: 22px;
	}

	.h-\[45px\]
	{
		height: 45px;
	}

	.h-\[58px\]
	{
		height: 58px;
	}

	.h-\[120px\]
	{
		height: 120px;
	}

	.h-\[129px\]
	{
		height: 129px;
	}

	.h-\[200\%\]
	{
		height: 200%;
	}

	.h-\[300px\]
	{
		height: 300px;
	}

	.h-\[500px\]
	{
		height: 500px;
	}

	.h-\[calc\(100\%\+10px\)\]
	{
		height: calc(100% + 10px);
	}

	.h-\[calc\(100\%\+50px\)\]
	{
		height: calc(100% + 50px);
	}

	.h-auto
	{
		height: auto;
	}

	.h-full
	{
		height: 100%;
	}

	.h-px
	{
		height: 1px;
	}

	.h-screen
	{
		height: 100vh;
	}

	.max-h-5
	{
		max-height: calc(var(--spacing) * 5);
	}

	.max-h-\[90\%\]
	{
		max-height: 90%;
	}

	.min-h-\[300px\]
	{
		min-height: 300px;
	}

	.w-2\.5
	{
		width: calc(var(--spacing) * 2.5);
	}

	.w-3
	{
		width: calc(var(--spacing) * 3);
	}

	.w-4
	{
		width: calc(var(--spacing) * 4);
	}

	.w-4\.5
	{
		width: calc(var(--spacing) * 4.5);
	}

	.w-5
	{
		width: calc(var(--spacing) * 5);
	}

	.w-6
	{
		width: calc(var(--spacing) * 6);
	}

	.w-9
	{
		width: calc(var(--spacing) * 9);
	}

	.w-10
	{
		width: calc(var(--spacing) * 10);
	}

	.w-10\.5
	{
		width: calc(var(--spacing) * 10.5);
	}

	.w-11
	{
		width: calc(var(--spacing) * 11);
	}

	.w-11\.5
	{
		width: calc(var(--spacing) * 11.5);
	}

	.w-12
	{
		width: calc(var(--spacing) * 12);
	}

	.w-14
	{
		width: calc(var(--spacing) * 14);
	}

	.w-16
	{
		width: calc(var(--spacing) * 16);
	}

	.w-21
	{
		width: calc(var(--spacing) * 21);
	}

	.w-\[0\%\]
	{
		width: 0%;
	}

	.w-\[1px\]
	{
		width: 1px;
	}

	.w-\[5px\]
	{
		width: 5px;
	}

	.w-\[10\%\]
	{
		width: 10%;
	}

	.w-\[15\%\]
	{
		width: 15%;
	}

	.w-\[30\%\]
	{
		width: 30%;
	}

	.w-\[55\%\]
	{
		width: 55%;
	}

	.w-\[90\%\]
	{
		width: 90%;
	}

	.w-\[200\%\]
	{
		width: 200%;
	}

	.w-\[200px\]
	{
		width: 200px;
	}

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

	.w-\[calc\(100\%\/2-12px\)\]
	{
		width: calc(100% / 2 - 12px);
	}

	.w-auto
	{
		width: auto;
	}

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

	.w-full
	{
		width: 100%;
	}

	.w-screen
	{
		width: 100vw;
	}

	.max-w-7
	{
		max-width: calc(var(--spacing) * 7);
	}

	.max-w-\[90\%\]
	{
		max-width: 90%;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

	.min-w-\[600px\]
	{
		min-width: 600px;
	}

	.flex-1
	{
		flex: 1;
	}

	.flex-none
	{
		flex: none;
	}

	.border-collapse
	{
		border-collapse: collapse;
	}

	.-translate-x-1\/2
	{
		--tw-translate-x: calc(calc(1/2 * 100%) * -1);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.-translate-x-6
	{
		--tw-translate-x: calc(var(--spacing) * -6);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.-translate-y-1\/2
	{
		--tw-translate-y: calc(calc(1/2 * 100%) * -1);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.translate-y-2
	{
		--tw-translate-y: calc(var(--spacing) * 2);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.translate-y-5
	{
		--tw-translate-y: calc(var(--spacing) * 5);
		translate: var(--tw-translate-x) var(--tw-translate-y);
	}

	.rotate-45
	{
		rotate: 45deg;
	}

	.rotate-90
	{
		rotate: 90deg;
	}

	.transform
	{
		transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
	}

	.animate-spin
	{
		animation: var(--animate-spin);
	}

	.cursor-grabbing
	{
		cursor: grabbing;
	}

	.cursor-pointer
	{
		cursor: pointer;
	}

	.resize
	{
		resize: both;
	}

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

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

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

	.flex-col
	{
		flex-direction: column;
	}

	.flex-wrap
	{
		flex-wrap: wrap;
	}

	.items-center
	{
		align-items: center;
	}

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

	.items-start
	{
		align-items: flex-start;
	}

	.\!justify-center
	{
		justify-content: center !important;
	}

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

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

	.gap-0
	{
		gap: calc(var(--spacing) * 0);
	}

	.gap-1
	{
		gap: calc(var(--spacing) * 1);
	}

	.gap-1\.5
	{
		gap: calc(var(--spacing) * 1.5);
	}

	.gap-2
	{
		gap: calc(var(--spacing) * 2);
	}

	.gap-2\.5
	{
		gap: calc(var(--spacing) * 2.5);
	}

	.gap-3
	{
		gap: calc(var(--spacing) * 3);
	}

	.gap-4
	{
		gap: calc(var(--spacing) * 4);
	}

	.gap-5
	{
		gap: calc(var(--spacing) * 5);
	}

	.gap-6
	{
		gap: calc(var(--spacing) * 6);
	}

	.gap-7
	{
		gap: calc(var(--spacing) * 7);
	}

	.gap-8
	{
		gap: calc(var(--spacing) * 8);
	}

	.gap-10
	{
		gap: calc(var(--spacing) * 10);
	}

	.space-y-2\.5
	{
		:where(& > :not(:last-child))
		{
			--tw-space-y-reverse: 0;
			margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
			margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
		}
	}

	.space-y-4
	{
		:where(& > :not(:last-child))
		{
			--tw-space-y-reverse: 0;
			margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
			margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
		}
	}

	.gap-x-4
	{
		column-gap: calc(var(--spacing) * 4);
	}

	.gap-y-4
	{
		row-gap: calc(var(--spacing) * 4);
	}

	.divide-y
	{
		:where(& > :not(:last-child))
		{
			--tw-divide-y-reverse: 0;
			border-bottom-style: var(--tw-border-style);
			border-top-style: var(--tw-border-style);
			border-top-width: calc(1px * var(--tw-divide-y-reverse));
			border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
		}
	}

	.divide-lineColor\/50
	{
		:where(& > :not(:last-child))
		{
			border-color: color-mix(in srgb, #2d3a57 50%, transparent);

			@supports (color: color-mix(in lab, red, red))
			{
				border-color: color-mix(in oklab, var(--color-lineColor) 50%, transparent);
			}
		}
	}

	.self-center
	{
		align-self: center;
	}

	.overflow-auto
	{
		overflow: auto;
	}

	.overflow-hidden
	{
		overflow: hidden;
	}

	.rounded
	{
		border-radius: 0.25rem;
	}

	.rounded-2xl
	{
		border-radius: var(--radius-2xl);
	}

	.rounded-\[10px\]
	{
		border-radius: 10px;
	}

	.rounded-\[15px\]
	{
		border-radius: 15px;
	}

	.rounded-\[18px\]
	{
		border-radius: 18px;
	}

	.rounded-\[20px\]
	{
		border-radius: 20px;
	}

	.rounded-full
	{
		border-radius: calc(infinity * 1px);
	}

	.rounded-lg
	{
		border-radius: var(--radius-lg);
	}

	.rounded-xl
	{
		border-radius: var(--radius-xl);
	}

	.rounded-t-\[20px\]
	{
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}

	.border
	{
		border-style: var(--tw-border-style);
		border-width: 1px;
	}

	.border-2
	{
		border-style: var(--tw-border-style);
		border-width: 2px;
	}

	.border-t
	{
		border-top-style: var(--tw-border-style);
		border-top-width: 1px;
	}

	.border-r
	{
		border-right-style: var(--tw-border-style);
		border-right-width: 1px;
	}

	.border-b
	{
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px;
	}

	.border-b-0
	{
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 0px;
	}

	.border-\[\#7D76FF\]\/20
	{
		border-color: color-mix(in oklab, #7D76FF 20%, transparent);
	}

	.border-green-500
	{
		border-color: var(--color-green-500);
	}

	.border-lineColor
	{
		border-color: var(--color-lineColor);
	}

	.border-lineColor\/50
	{
		border-color: color-mix(in srgb, #2d3a57 50%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			border-color: color-mix(in oklab, var(--color-lineColor) 50%, transparent);
		}
	}

	.border-lineColor\/70
	{
		border-color: color-mix(in srgb, #2d3a57 70%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			border-color: color-mix(in oklab, var(--color-lineColor) 70%, transparent);
		}
	}

	.border-red-500
	{
		border-color: var(--color-red-500);
	}

	.border-tertiary\/20
	{
		border-color: color-mix(in srgb, #a78bfa 20%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			border-color: color-mix(in oklab, var(--color-tertiary) 20%, transparent);
		}
	}

	.border-transparent
	{
		border-color: transparent;
	}

	.border-white
	{
		border-color: var(--color-white);
	}

	.border-white\/10
	{
		border-color: color-mix(in srgb, #fff 10%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
		}
	}

	.bg-black
	{
		background-color: var(--color-black);
	}

	.bg-black\/60
	{
		background-color: color-mix(in srgb, #000 60%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
		}
	}

	.bg-blue
	{
		background-color: var(--color-blue);
	}

	.bg-offWhite
	{
		background-color: var(--color-offWhite);
	}

	.bg-offWhite\/80
	{
		background-color: color-mix(in srgb, #fbfbfb 80%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			background-color: color-mix(in oklab, var(--color-offWhite) 80%, transparent);
		}
	}

	.bg-primary
	{
		background-color: var(--color-primary);
	}

	.bg-secondary
	{
		background-color: var(--color-secondary);
	}

	.bg-tertiary
	{
		background-color: var(--color-tertiary);
	}

	.bg-transparent
	{
		background-color: transparent;
	}

	.bg-white
	{
		background-color: var(--color-white);
	}

	.bg-white\/10
	{
		background-color: color-mix(in srgb, #fff 10%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
		}
	}

	.bg-linear-to-b
	{
		--tw-gradient-position: to bottom;

		@supports (background-image: linear-gradient(in lab, red, red))
		{
			--tw-gradient-position: to bottom in oklab;
		}

		background-image: linear-gradient(var(--tw-gradient-stops));
	}

	.bg-linear-to-r
	{
		--tw-gradient-position: to right;

		@supports (background-image: linear-gradient(in lab, red, red))
		{
			--tw-gradient-position: to right in oklab;
		}

		background-image: linear-gradient(var(--tw-gradient-stops));
	}

	.from-\[\#27295A\]
	{
		--tw-gradient-from: #27295A;
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.from-offWhite
	{
		--tw-gradient-from: var(--color-offWhite);
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.from-secondary
	{
		--tw-gradient-from: var(--color-secondary);
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.from-secondary\/0
	{
		--tw-gradient-from: color-mix(in srgb, #0e1422 0%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			--tw-gradient-from: color-mix(in oklab, var(--color-secondary) 0%, transparent);
		}

		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.from-slateBlue
	{
		--tw-gradient-from: var(--color-slateBlue);
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.from-slateBlue\/20
	{
		--tw-gradient-from: color-mix(in srgb, #7d76ff 20%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			--tw-gradient-from: color-mix(in oklab, var(--color-slateBlue) 20%, transparent);
		}

		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.from-tertiary\/20
	{
		--tw-gradient-from: color-mix(in srgb, #a78bfa 20%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			--tw-gradient-from: color-mix(in oklab, var(--color-tertiary) 20%, transparent);
		}

		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.to-\[\#191A4C\]
	{
		--tw-gradient-to: #191A4C;
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.to-platinum
	{
		--tw-gradient-to: var(--color-platinum);
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.to-primary\/20
	{
		--tw-gradient-to: color-mix(in srgb, #4f46e5 20%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			--tw-gradient-to: color-mix(in oklab, var(--color-primary) 20%, transparent);
		}

		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.to-royalBlue
	{
		--tw-gradient-to: var(--color-royalBlue);
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.to-royalBlue\/20
	{
		--tw-gradient-to: color-mix(in srgb, #2f27b1 20%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			--tw-gradient-to: color-mix(in oklab, var(--color-royalBlue) 20%, transparent);
		}

		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.to-secondary
	{
		--tw-gradient-to: var(--color-secondary);
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.to-secondary\/0
	{
		--tw-gradient-to: color-mix(in srgb, #0e1422 0%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			--tw-gradient-to: color-mix(in oklab, var(--color-secondary) 0%, transparent);
		}

		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.to-secondary\/50
	{
		--tw-gradient-to: color-mix(in srgb, #0e1422 50%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			--tw-gradient-to: color-mix(in oklab, var(--color-secondary) 50%, transparent);
		}

		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	}

	.bg-top-right
	{
		background-position: right top;
	}

	.fill-current
	{
		fill: currentcolor;
	}

	.stroke-current
	{
		stroke: currentcolor;
	}

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

	.p-1
	{
		padding: calc(var(--spacing) * 1);
	}

	.p-2\.5
	{
		padding: calc(var(--spacing) * 2.5);
	}

	.p-3
	{
		padding: calc(var(--spacing) * 3);
	}

	.p-4
	{
		padding: calc(var(--spacing) * 4);
	}

	.p-5
	{
		padding: calc(var(--spacing) * 5);
	}

	.p-10
	{
		padding: calc(var(--spacing) * 10);
	}

	.p-\[1px\]
	{
		padding: 1px;
	}

	.px-3
	{
		padding-inline: calc(var(--spacing) * 3);
	}

	.px-4
	{
		padding-inline: calc(var(--spacing) * 4);
	}

	.px-5
	{
		padding-inline: calc(var(--spacing) * 5);
	}

	.px-\[22px\]
	{
		padding-inline: 22px;
	}

	.py-1\.5
	{
		padding-block: calc(var(--spacing) * 1.5);
	}

	.py-2
	{
		padding-block: calc(var(--spacing) * 2);
	}

	.py-3
	{
		padding-block: calc(var(--spacing) * 3);
	}

	.py-8
	{
		padding-block: calc(var(--spacing) * 8);
	}

	.py-10
	{
		padding-block: calc(var(--spacing) * 10);
	}

	.py-14
	{
		padding-block: calc(var(--spacing) * 14);
	}

	.py-15
	{
		padding-block: calc(var(--spacing) * 15);
	}

	.pt-4\.5
	{
		padding-top: calc(var(--spacing) * 4.5);
	}

	.pt-5
	{
		padding-top: calc(var(--spacing) * 5);
	}

	.pt-8
	{
		padding-top: calc(var(--spacing) * 8);
	}

	.pt-14
	{
		padding-top: calc(var(--spacing) * 14);
	}

	.pt-15
	{
		padding-top: calc(var(--spacing) * 15);
	}

	.pr-20
	{
		padding-right: calc(var(--spacing) * 20);
	}

	.\!pb-0
	{
		padding-bottom: calc(var(--spacing) * 0) !important;
	}

	.pb-1
	{
		padding-bottom: calc(var(--spacing) * 1);
	}

	.pb-4
	{
		padding-bottom: calc(var(--spacing) * 4);
	}

	.pb-5
	{
		padding-bottom: calc(var(--spacing) * 5);
	}

	.pb-6
	{
		padding-bottom: calc(var(--spacing) * 6);
	}

	.pb-10
	{
		padding-bottom: calc(var(--spacing) * 10);
	}

	.\!text-left
	{
		text-align: left !important;
	}

	.text-center
	{
		text-align: center;
	}

	.text-left
	{
		text-align: left;
	}

	.font-dmSans
	{
		font-family: var(--font-dmSans);
	}

	.font-instrument
	{
		font-family: var(--font-instrument);
	}

	.font-urbanist
	{
		font-family: var(--font-urbanist);
	}

	.\!text-lg
	{
		font-size: var(--text-lg) !important;
		line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
	}

	.text-3xl
	{
		font-size: var(--text-3xl);
		line-height: var(--tw-leading, var(--text-3xl--line-height));
	}

	.text-4xl
	{
		font-size: var(--text-4xl);
		line-height: var(--tw-leading, var(--text-4xl--line-height));
	}

	.text-5xl
	{
		font-size: var(--text-5xl);
		line-height: var(--tw-leading, var(--text-5xl--line-height));
	}

	.text-base
	{
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
	}

	.text-lg
	{
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
	}

	.text-sm
	{
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
	}

	.text-xl
	{
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height));
	}

	.text-xs
	{
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
	}

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

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

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

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

	.\!leading-\[1\.1\]
	{
		--tw-leading: 1.1 !important;
		line-height: 1.1 !important;
	}

	.\!leading-\[1\.2\]
	{
		--tw-leading: 1.2 !important;
		line-height: 1.2 !important;
	}

	.\!leading-none
	{
		--tw-leading: 1 !important;
		line-height: 1 !important;
	}

	.\!leading-normal
	{
		--tw-leading: var(--leading-normal) !important;
		line-height: var(--leading-normal) !important;
	}

	.\!leading-snug
	{
		--tw-leading: var(--leading-snug) !important;
		line-height: var(--leading-snug) !important;
	}

	.\!leading-tight
	{
		--tw-leading: var(--leading-tight) !important;
		line-height: var(--leading-tight) !important;
	}

	.leading-\[1\.1\]\!
	{
		--tw-leading: 1.1 !important;
		line-height: 1.1 !important;
	}

	.leading-none
	{
		--tw-leading: 1;
		line-height: 1;
	}

	.leading-none\!
	{
		--tw-leading: 1 !important;
		line-height: 1 !important;
	}

	.leading-normal
	{
		--tw-leading: var(--leading-normal);
		line-height: var(--leading-normal);
	}

	.leading-snug
	{
		--tw-leading: var(--leading-snug);
		line-height: var(--leading-snug);
	}

	.leading-tight
	{
		--tw-leading: var(--leading-tight);
		line-height: var(--leading-tight);
	}

	.font-bold
	{
		--tw-font-weight: var(--font-weight-bold);
		font-weight: var(--font-weight-bold);
	}

	.font-light
	{
		--tw-font-weight: var(--font-weight-light);
		font-weight: var(--font-weight-light);
	}

	.font-medium
	{
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
	}

	.font-normal
	{
		--tw-font-weight: var(--font-weight-normal);
		font-weight: var(--font-weight-normal);
	}

	.font-semibold
	{
		--tw-font-weight: var(--font-weight-semibold);
		font-weight: var(--font-weight-semibold);
	}

	.-tracking-\[0\.4px\]
	{
		--tw-tracking: calc(0.4px * -1);
		letter-spacing: calc(0.4px * -1);
	}

	.-tracking-tight
	{
		--tw-tracking: calc(var(--tracking-tight) * -1);
		letter-spacing: calc(var(--tracking-tight) * -1);
	}

	.tracking-\[-0\.1px\]
	{
		--tw-tracking: -0.1px;
		letter-spacing: -0.1px;
	}

	.tracking-\[-0\.4px\]
	{
		--tw-tracking: -0.4px;
		letter-spacing: -0.4px;
	}

	.tracking-\[-1\.2px\]
	{
		--tw-tracking: -1.2px;
		letter-spacing: -1.2px;
	}

	.tracking-\[0\.1px\]
	{
		--tw-tracking: 0.1px;
		letter-spacing: 0.1px;
	}

	.tracking-\[0\.2px\]
	{
		--tw-tracking: 0.2px;
		letter-spacing: 0.2px;
	}

	.tracking-\[0\.3px\]
	{
		--tw-tracking: 0.3px;
		letter-spacing: 0.3px;
	}

	.tracking-\[3px\]
	{
		--tw-tracking: 3px;
		letter-spacing: 3px;
	}

	.tracking-normal
	{
		--tw-tracking: var(--tracking-normal);
		letter-spacing: var(--tracking-normal);
	}

	.tracking-tight
	{
		--tw-tracking: var(--tracking-tight);
		letter-spacing: var(--tracking-tight);
	}

	.text-green-400
	{
		color: var(--color-green-400);
	}

	.text-offWhite
	{
		color: var(--color-offWhite);
	}

	.text-offWhite\/40
	{
		color: color-mix(in srgb, #fbfbfb 40%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			color: color-mix(in oklab, var(--color-offWhite) 40%, transparent);
		}
	}

	.text-offWhite\/60
	{
		color: color-mix(in srgb, #fbfbfb 60%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			color: color-mix(in oklab, var(--color-offWhite) 60%, transparent);
		}
	}

	.text-offWhite\/80
	{
		color: color-mix(in srgb, #fbfbfb 80%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			color: color-mix(in oklab, var(--color-offWhite) 80%, transparent);
		}
	}

	.text-red-400
	{
		color: var(--color-red-400);
	}

	.text-secondary
	{
		color: var(--color-secondary);
	}

	.text-tertiary
	{
		color: var(--color-tertiary);
	}

	.text-white
	{
		color: var(--color-white);
	}

	.text-white\/60
	{
		color: color-mix(in srgb, #fff 60%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			color: color-mix(in oklab, var(--color-white) 60%, transparent);
		}
	}

	.text-white\/80
	{
		color: color-mix(in srgb, #fff 80%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			color: color-mix(in oklab, var(--color-white) 80%, transparent);
		}
	}

	.italic
	{
		font-style: italic;
	}

	.underline
	{
		text-decoration-line: underline;
	}

	.opacity-0
	{
		opacity: 0%;
	}

	.opacity-25
	{
		opacity: 25%;
	}

	.opacity-75
	{
		opacity: 75%;
	}

	.shadow-2xl
	{
		--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.shadow-\[-5\.25px_5\.25px_5\.25px_0px_rgba\(0\,0\,0\,0\.35\)\]
	{
		--tw-shadow: -5.25px 5.25px 5.25px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.35));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.shadow-lg
	{
		--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
		box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	}

	.outline
	{
		outline-style: var(--tw-outline-style);
		outline-width: 1px;
	}

	.filter
	{
		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, );
	}

	.backdrop-blur-2xl
	{
		--tw-backdrop-blur: blur(var(--blur-2xl));
		-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
		backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
	}

	.transition
	{
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

	.transition-all
	{
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

	.transition-colors
	{
		transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

	.transition-opacity
	{
		transition-property: opacity;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

	.transition-transform
	{
		transition-property: transform, translate, scale, rotate;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

	.duration-300
	{
		--tw-duration: 300ms;
		transition-duration: 300ms;
	}

	.duration-500
	{
		--tw-duration: 500ms;
		transition-duration: 500ms;
	}

	.ease-in-out
	{
		--tw-ease: var(--ease-in-out);
		transition-timing-function: var(--ease-in-out);
	}

	.outline-none
	{
		--tw-outline-style: none;
		outline-style: none;
	}

	.group-hover\:visible
	{
		&:is(:where(.group):hover *)
		{
			visibility: visible;
		}
	}

	.group-hover\:h-0
	{
		&:is(:where(.group):hover *)
		{
			height: calc(var(--spacing) * 0);
		}
	}

	.group-hover\:translate-x-0
	{
		&:is(:where(.group):hover *)
		{
			--tw-translate-x: calc(var(--spacing) * 0);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}

	.group-hover\:translate-x-6
	{
		&:is(:where(.group):hover *)
		{
			--tw-translate-x: calc(var(--spacing) * 6);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}

	.group-hover\:-translate-y-0
	{
		&:is(:where(.group):hover *)
		{
			--tw-translate-y: calc(var(--spacing) * -0);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}

	.group-hover\:-translate-y-5
	{
		&:is(:where(.group):hover *)
		{
			--tw-translate-y: calc(var(--spacing) * -5);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}

	.group-hover\:-translate-y-full
	{
		&:is(:where(.group):hover *)
		{
			--tw-translate-y: -100%;
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}

	.group-hover\:translate-y-0
	{
		&:is(:where(.group):hover *)
		{
			--tw-translate-y: calc(var(--spacing) * 0);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}
	}

	.group-hover\:scale-105
	{
		&:is(:where(.group):hover *)
		{
			--tw-scale-x: 105%;
			--tw-scale-y: 105%;
			--tw-scale-z: 105%;
			scale: var(--tw-scale-x) var(--tw-scale-y);
		}
	}

	.group-hover\:scale-110
	{
		&:is(:where(.group):hover *)
		{
			--tw-scale-x: 110%;
			--tw-scale-y: 110%;
			--tw-scale-z: 110%;
			scale: var(--tw-scale-x) var(--tw-scale-y);
		}
	}

	.group-hover\:\!bg-transparent
	{
		&:is(:where(.group):hover *)
		{
			background-color: transparent !important;
		}
	}

	.group-hover\:text-offWhite
	{
		&:is(:where(.group):hover *)
		{
			color: var(--color-offWhite);
		}
	}

	.group-hover\:opacity-0
	{
		&:is(:where(.group):hover *)
		{
			opacity: 0%;
		}
	}

	.group-hover\:opacity-100
	{
		&:is(:where(.group):hover *)
		{
			opacity: 100%;
		}
	}

	.placeholder\:text-offWhite\/60
	{
		&::placeholder
		{
			color: color-mix(in srgb, #fbfbfb 60%, transparent);

			@supports (color: color-mix(in lab, red, red))
			{
				color: color-mix(in oklab, var(--color-offWhite) 60%, transparent);
			}
		}
	}

	.before\:invisible
	{
		&::before
		{
			content: var(--tw-content);
			visibility: hidden;
		}
	}

	.before\:absolute
	{
		&::before
		{
			content: var(--tw-content);
			position: absolute;
		}
	}

	.before\:top-0
	{
		&::before
		{
			content: var(--tw-content);
			top: calc(var(--spacing) * 0);
		}
	}

	.before\:left-0
	{
		&::before
		{
			content: var(--tw-content);
			left: calc(var(--spacing) * 0);
		}
	}

	.before\:-z-1
	{
		&::before
		{
			content: var(--tw-content);
			z-index: calc(1 * -1);
		}
	}

	.before\:h-full
	{
		&::before
		{
			content: var(--tw-content);
			height: 100%;
		}
	}

	.before\:w-full
	{
		&::before
		{
			content: var(--tw-content);
			width: 100%;
		}
	}

	.before\:rounded-\[11px\]
	{
		&::before
		{
			content: var(--tw-content);
			border-radius: 11px;
		}
	}

	.before\:rounded-xl
	{
		&::before
		{
			content: var(--tw-content);
			border-radius: var(--radius-xl);
		}
	}

	.before\:bg-linear-to-b
	{
		&::before
		{
			content: var(--tw-content);
			--tw-gradient-position: to bottom;

			@supports (background-image: linear-gradient(in lab, red, red))
			{
				--tw-gradient-position: to bottom in oklab;
			}

			background-image: linear-gradient(var(--tw-gradient-stops));
		}
	}

	.before\:from-slateBlue
	{
		&::before
		{
			content: var(--tw-content);
			--tw-gradient-from: var(--color-slateBlue);
			--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
		}
	}

	.before\:to-royalBlue
	{
		&::before
		{
			content: var(--tw-content);
			--tw-gradient-to: var(--color-royalBlue);
			--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
		}
	}

	.before\:opacity-0
	{
		&::before
		{
			content: var(--tw-content);
			opacity: 0%;
		}
	}

	.before\:duration-300
	{
		&::before
		{
			content: var(--tw-content);
			--tw-duration: 300ms;
			transition-duration: 300ms;
		}
	}

	.group-hover\:before\:visible
	{
		&:is(:where(.group):hover *)
		{
			&::before
			{
				content: var(--tw-content);
				visibility: visible;
			}
		}
	}

	.group-hover\:before\:opacity-100
	{
		&:is(:where(.group):hover *)
		{
			&::before
			{
				content: var(--tw-content);
				opacity: 100%;
			}
		}
	}

	.last\:border-b-0
	{
		&:last-child
		{
			border-bottom-style: var(--tw-border-style);
			border-bottom-width: 0px;
		}
	}

	.last\:pb-0
	{
		&:last-child
		{
			padding-bottom: calc(var(--spacing) * 0);
		}
	}

	.valid\:border-green-500
	{
		&:valid
		{
			border-color: var(--color-green-500);
		}
	}

	.hover\:border-transparent\!
	{
		&:hover
		{
			border-color: transparent !important;
		}
	}

	.hover\:bg-primary\!
	{
		&:hover
		{
			background-color: var(--color-primary) !important;
		}
	}

	.hover\:text-offWhite
	{
		&:hover
		{
			color: var(--color-offWhite);
		}
	}

	.hover\:text-tertiary
	{
		&:hover
		{
			color: var(--color-tertiary);
		}
	}

	.hover\:text-white
	{
		&:hover
		{
			color: var(--color-white);
		}
	}

	.focus\:border-primary
	{
		&:focus
		{
			border-color: var(--color-primary);
		}
	}

	.sm\:left-full
	{
		@media (width >=640px)
		{
			left: 100%;
		}
	}

	.sm\:col-span-2
	{
		@media (width >=640px)
		{
			grid-column: span 2 / span 2;
		}
	}

	.sm\:my-6
	{
		@media (width >=640px)
		{
			margin-block: calc(var(--spacing) * 6);
		}
	}

	.sm\:my-10
	{
		@media (width >=640px)
		{
			margin-block: calc(var(--spacing) * 10);
		}
	}

	.sm\:mt-4\.5
	{
		@media (width >=640px)
		{
			margin-top: calc(var(--spacing) * 4.5);
		}
	}

	.sm\:mt-5
	{
		@media (width >=640px)
		{
			margin-top: calc(var(--spacing) * 5);
		}
	}

	.sm\:mt-6
	{
		@media (width >=640px)
		{
			margin-top: calc(var(--spacing) * 6);
		}
	}

	.sm\:mt-7
	{
		@media (width >=640px)
		{
			margin-top: calc(var(--spacing) * 7);
		}
	}

	.sm\:mt-8
	{
		@media (width >=640px)
		{
			margin-top: calc(var(--spacing) * 8);
		}
	}

	.sm\:mt-10
	{
		@media (width >=640px)
		{
			margin-top: calc(var(--spacing) * 10);
		}
	}

	.sm\:mt-12
	{
		@media (width >=640px)
		{
			margin-top: calc(var(--spacing) * 12);
		}
	}

	.sm\:mb-3
	{
		@media (width >=640px)
		{
			margin-bottom: calc(var(--spacing) * 3);
		}
	}

	.sm\:mb-5
	{
		@media (width >=640px)
		{
			margin-bottom: calc(var(--spacing) * 5);
		}
	}

	.sm\:mb-10
	{
		@media (width >=640px)
		{
			margin-bottom: calc(var(--spacing) * 10);
		}
	}

	.sm\:mb-12
	{
		@media (width >=640px)
		{
			margin-bottom: calc(var(--spacing) * 12);
		}
	}

	.sm\:block
	{
		@media (width >=640px)
		{
			display: block;
		}
	}

	.sm\:flex
	{
		@media (width >=640px)
		{
			display: flex;
		}
	}

	.sm\:grid
	{
		@media (width >=640px)
		{
			display: grid;
		}
	}

	.sm\:hidden
	{
		@media (width >=640px)
		{
			display: none;
		}
	}

	.sm\:h-\[400px\]
	{
		@media (width >=640px)
		{
			height: 400px;
		}
	}

	.sm\:h-\[700px\]
	{
		@media (width >=640px)
		{
			height: 700px;
		}
	}

	.sm\:w-1\/2
	{
		@media (width >=640px)
		{
			width: calc(1/2 * 100%);
		}
	}

	.sm\:w-\[80\%\]
	{
		@media (width >=640px)
		{
			width: 80%;
		}
	}

	.sm\:w-auto
	{
		@media (width >=640px)
		{
			width: auto;
		}
	}

	.sm\:max-w-\[90\%\]
	{
		@media (width >=640px)
		{
			max-width: 90%;
		}
	}

	.sm\:max-w-\[339px\]
	{
		@media (width >=640px)
		{
			max-width: 339px;
		}
	}

	.sm\:max-w-\[481px\]
	{
		@media (width >=640px)
		{
			max-width: 481px;
		}
	}

	.sm\:max-w-\[487px\]
	{
		@media (width >=640px)
		{
			max-width: 487px;
		}
	}

	.sm\:max-w-\[520px\]
	{
		@media (width >=640px)
		{
			max-width: 520px;
		}
	}

	.sm\:max-w-\[590px\]
	{
		@media (width >=640px)
		{
			max-width: 590px;
		}
	}

	.sm\:max-w-\[699px\]
	{
		@media (width >=640px)
		{
			max-width: 699px;
		}
	}

	.sm\:grid-cols-2
	{
		@media (width >=640px)
		{
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	.sm\:grid-cols-3
	{
		@media (width >=640px)
		{
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	.sm\:flex-row
	{
		@media (width >=640px)
		{
			flex-direction: row;
		}
	}

	.sm\:flex-nowrap
	{
		@media (width >=640px)
		{
			flex-wrap: nowrap;
		}
	}

	.sm\:items-start
	{
		@media (width >=640px)
		{
			align-items: flex-start;
		}
	}

	.sm\:gap-4
	{
		@media (width >=640px)
		{
			gap: calc(var(--spacing) * 4);
		}
	}

	.sm\:gap-4\.5
	{
		@media (width >=640px)
		{
			gap: calc(var(--spacing) * 4.5);
		}
	}

	.sm\:gap-5
	{
		@media (width >=640px)
		{
			gap: calc(var(--spacing) * 5);
		}
	}

	.sm\:gap-7
	{
		@media (width >=640px)
		{
			gap: calc(var(--spacing) * 7);
		}
	}

	.sm\:gap-10
	{
		@media (width >=640px)
		{
			gap: calc(var(--spacing) * 10);
		}
	}

	.sm\:gap-y-5
	{
		@media (width >=640px)
		{
			row-gap: calc(var(--spacing) * 5);
		}
	}

	.sm\:rounded-2xl
	{
		@media (width >=640px)
		{
			border-radius: var(--radius-2xl);
		}
	}

	.sm\:border-b-0
	{
		@media (width >=640px)
		{
			border-bottom-style: var(--tw-border-style);
			border-bottom-width: 0px;
		}
	}

	.sm\:bg-transparent
	{
		@media (width >=640px)
		{
			background-color: transparent;
		}
	}

	.sm\:p-2\.5
	{
		@media (width >=640px)
		{
			padding: calc(var(--spacing) * 2.5);
		}
	}

	.sm\:p-5
	{
		@media (width >=640px)
		{
			padding: calc(var(--spacing) * 5);
		}
	}

	.sm\:p-8
	{
		@media (width >=640px)
		{
			padding: calc(var(--spacing) * 8);
		}
	}

	.sm\:p-9
	{
		@media (width >=640px)
		{
			padding: calc(var(--spacing) * 9);
		}
	}

	.sm\:px-6
	{
		@media (width >=640px)
		{
			padding-inline: calc(var(--spacing) * 6);
		}
	}

	.sm\:px-12
	{
		@media (width >=640px)
		{
			padding-inline: calc(var(--spacing) * 12);
		}
	}

	.sm\:py-14
	{
		@media (width >=640px)
		{
			padding-block: calc(var(--spacing) * 14);
		}
	}

	.sm\:py-16
	{
		@media (width >=640px)
		{
			padding-block: calc(var(--spacing) * 16);
		}
	}

	.sm\:py-20
	{
		@media (width >=640px)
		{
			padding-block: calc(var(--spacing) * 20);
		}
	}

	.sm\:pt-0
	{
		@media (width >=640px)
		{
			padding-top: calc(var(--spacing) * 0);
		}
	}

	.sm\:pt-12
	{
		@media (width >=640px)
		{
			padding-top: calc(var(--spacing) * 12);
		}
	}

	.sm\:pt-20
	{
		@media (width >=640px)
		{
			padding-top: calc(var(--spacing) * 20);
		}
	}

	.sm\:pt-\[72px\]
	{
		@media (width >=640px)
		{
			padding-top: 72px;
		}
	}

	.sm\:pb-0
	{
		@media (width >=640px)
		{
			padding-bottom: calc(var(--spacing) * 0);
		}
	}

	.sm\:pb-5
	{
		@media (width >=640px)
		{
			padding-bottom: calc(var(--spacing) * 5);
		}
	}

	.sm\:pb-8
	{
		@media (width >=640px)
		{
			padding-bottom: calc(var(--spacing) * 8);
		}
	}

	.sm\:pb-20
	{
		@media (width >=640px)
		{
			padding-bottom: calc(var(--spacing) * 20);
		}
	}

	.sm\:text-left
	{
		@media (width >=640px)
		{
			text-align: left;
		}
	}

	.sm\:text-2xl
	{
		@media (width >=640px)
		{
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}

	.sm\:text-4xl
	{
		@media (width >=640px)
		{
			font-size: var(--text-4xl);
			line-height: var(--tw-leading, var(--text-4xl--line-height));
		}
	}

	.sm\:text-5xl
	{
		@media (width >=640px)
		{
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height));
		}
	}

	.sm\:text-6xl
	{
		@media (width >=640px)
		{
			font-size: var(--text-6xl);
			line-height: var(--tw-leading, var(--text-6xl--line-height));
		}
	}

	.sm\:text-base
	{
		@media (width >=640px)
		{
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}
	}

	.sm\:text-lg
	{
		@media (width >=640px)
		{
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
	}

	.sm\:text-xl
	{
		@media (width >=640px)
		{
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}

	.sm\:-tracking-\[0\.2px\]
	{
		@media (width >=640px)
		{
			--tw-tracking: calc(0.2px * -1);
			letter-spacing: calc(0.2px * -1);
		}
	}

	.sm\:-tracking-\[0\.3px\]
	{
		@media (width >=640px)
		{
			--tw-tracking: calc(0.3px * -1);
			letter-spacing: calc(0.3px * -1);
		}
	}

	.sm\:-tracking-tight
	{
		@media (width >=640px)
		{
			--tw-tracking: calc(var(--tracking-tight) * -1);
			letter-spacing: calc(var(--tracking-tight) * -1);
		}
	}

	.sm\:tracking-\[-0\.2px\]
	{
		@media (width >=640px)
		{
			--tw-tracking: -0.2px;
			letter-spacing: -0.2px;
		}
	}

	.sm\:tracking-\[0\.2px\]
	{
		@media (width >=640px)
		{
			--tw-tracking: 0.2px;
			letter-spacing: 0.2px;
		}
	}

	.sm\:whitespace-nowrap
	{
		@media (width >=640px)
		{
			white-space: nowrap;
		}
	}

	.sm\:before\:rounded-2xl
	{
		@media (width >=640px)
		{
			&::before
			{
				content: var(--tw-content);
				border-radius: var(--radius-2xl);
			}
		}
	}

	.md\:absolute
	{
		@media (width >=769px)
		{
			position: absolute;
		}
	}

	.md\:sticky
	{
		@media (width >=769px)
		{
			position: sticky;
		}
	}

	.md\:col-span-2
	{
		@media (width >=769px)
		{
			grid-column: span 2 / span 2;
		}
	}

	.md\:col-span-3
	{
		@media (width >=769px)
		{
			grid-column: span 3 / span 3;
		}
	}

	.md\:my-5
	{
		@media (width >=769px)
		{
			margin-block: calc(var(--spacing) * 5);
		}
	}

	.md\:my-12
	{
		@media (width >=769px)
		{
			margin-block: calc(var(--spacing) * 12);
		}
	}

	.md\:my-13
	{
		@media (width >=769px)
		{
			margin-block: calc(var(--spacing) * 13);
		}
	}

	.md\:mt-5
	{
		@media (width >=769px)
		{
			margin-top: calc(var(--spacing) * 5);
		}
	}

	.md\:mt-7
	{
		@media (width >=769px)
		{
			margin-top: calc(var(--spacing) * 7);
		}
	}

	.md\:mt-7\.5
	{
		@media (width >=769px)
		{
			margin-top: calc(var(--spacing) * 7.5);
		}
	}

	.md\:mt-10
	{
		@media (width >=769px)
		{
			margin-top: calc(var(--spacing) * 10);
		}
	}

	.md\:mt-16
	{
		@media (width >=769px)
		{
			margin-top: calc(var(--spacing) * 16);
		}
	}

	.md\:mb-10
	{
		@media (width >=769px)
		{
			margin-bottom: calc(var(--spacing) * 10);
		}
	}

	.md\:mb-12\.5
	{
		@media (width >=769px)
		{
			margin-bottom: calc(var(--spacing) * 12.5);
		}
	}

	.md\:mb-15
	{
		@media (width >=769px)
		{
			margin-bottom: calc(var(--spacing) * 15);
		}
	}

	.md\:mb-16
	{
		@media (width >=769px)
		{
			margin-bottom: calc(var(--spacing) * 16);
		}
	}

	.md\:mb-\[60px\]
	{
		@media (width >=769px)
		{
			margin-bottom: 60px;
		}
	}

	.md\:flex
	{
		@media (width >=769px)
		{
			display: flex;
		}
	}

	.md\:h-11
	{
		@media (width >=769px)
		{
			height: calc(var(--spacing) * 11);
		}
	}

	.md\:h-12
	{
		@media (width >=769px)
		{
			height: calc(var(--spacing) * 12);
		}
	}

	.md\:h-\[150px\]
	{
		@media (width >=769px)
		{
			height: 150px;
		}
	}

	.md\:w-11
	{
		@media (width >=769px)
		{
			width: calc(var(--spacing) * 11);
		}
	}

	.md\:w-12
	{
		@media (width >=769px)
		{
			width: calc(var(--spacing) * 12);
		}
	}

	.md\:w-\[20\%\]
	{
		@media (width >=769px)
		{
			width: 20%;
		}
	}

	.md\:w-\[40\%\]
	{
		@media (width >=769px)
		{
			width: 40%;
		}
	}

	.md\:max-w-\[450px\]
	{
		@media (width >=769px)
		{
			max-width: 450px;
		}
	}

	.md\:max-w-\[560px\]
	{
		@media (width >=769px)
		{
			max-width: 560px;
		}
	}

	.md\:max-w-\[575px\]
	{
		@media (width >=769px)
		{
			max-width: 575px;
		}
	}

	.md\:max-w-\[580px\]
	{
		@media (width >=769px)
		{
			max-width: 580px;
		}
	}

	.md\:max-w-\[608px\]
	{
		@media (width >=769px)
		{
			max-width: 608px;
		}
	}

	.md\:grid-cols-2
	{
		@media (width >=769px)
		{
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	.md\:grid-cols-3
	{
		@media (width >=769px)
		{
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	.md\:flex-row
	{
		@media (width >=769px)
		{
			flex-direction: row;
		}
	}

	.md\:justify-between
	{
		@media (width >=769px)
		{
			justify-content: space-between;
		}
	}

	.md\:gap-4
	{
		@media (width >=769px)
		{
			gap: calc(var(--spacing) * 4);
		}
	}

	.md\:gap-7
	{
		@media (width >=769px)
		{
			gap: calc(var(--spacing) * 7);
		}
	}

	.md\:gap-10
	{
		@media (width >=769px)
		{
			gap: calc(var(--spacing) * 10);
		}
	}

	.md\:gap-15
	{
		@media (width >=769px)
		{
			gap: calc(var(--spacing) * 15);
		}
	}

	.md\:rounded-2xl
	{
		@media (width >=769px)
		{
			border-radius: var(--radius-2xl);
		}
	}

	.md\:rounded-3xl
	{
		@media (width >=769px)
		{
			border-radius: var(--radius-3xl);
		}
	}

	.md\:rounded-\[18px\]
	{
		@media (width >=769px)
		{
			border-radius: 18px;
		}
	}

	.md\:rounded-\[20px\]
	{
		@media (width >=769px)
		{
			border-radius: 20px;
		}
	}

	.md\:p-5
	{
		@media (width >=769px)
		{
			padding: calc(var(--spacing) * 5);
		}
	}

	.md\:p-10
	{
		@media (width >=769px)
		{
			padding: calc(var(--spacing) * 10);
		}
	}

	.md\:px-9
	{
		@media (width >=769px)
		{
			padding-inline: calc(var(--spacing) * 9);
		}
	}

	.md\:py-5
	{
		@media (width >=769px)
		{
			padding-block: calc(var(--spacing) * 5);
		}
	}

	.md\:py-20
	{
		@media (width >=769px)
		{
			padding-block: calc(var(--spacing) * 20);
		}
	}

	.md\:pb-6
	{
		@media (width >=769px)
		{
			padding-bottom: calc(var(--spacing) * 6);
		}
	}

	.md\:pb-10
	{
		@media (width >=769px)
		{
			padding-bottom: calc(var(--spacing) * 10);
		}
	}

	.md\:pb-15
	{
		@media (width >=769px)
		{
			padding-bottom: calc(var(--spacing) * 15);
		}
	}

	.md\:pb-24
	{
		@media (width >=769px)
		{
			padding-bottom: calc(var(--spacing) * 24);
		}
	}

	.md\:text-4xl
	{
		@media (width >=769px)
		{
			font-size: var(--text-4xl);
			line-height: var(--tw-leading, var(--text-4xl--line-height));
		}
	}

	.md\:text-5xl
	{
		@media (width >=769px)
		{
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height));
		}
	}

	.md\:text-7xl
	{
		@media (width >=769px)
		{
			font-size: var(--text-7xl);
			line-height: var(--tw-leading, var(--text-7xl--line-height));
		}
	}

	.md\:text-xl
	{
		@media (width >=769px)
		{
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}

	.md\:text-\[32px\]
	{
		@media (width >=769px)
		{
			font-size: 32px;
		}
	}

	.md\:text-\[40px\]
	{
		@media (width >=769px)
		{
			font-size: 40px;
		}
	}

	.md\:text-\[52px\]
	{
		@media (width >=769px)
		{
			font-size: 52px;
		}
	}

	.md\:before\:rounded-\[20px\]
	{
		@media (width >=769px)
		{
			&::before
			{
				content: var(--tw-content);
				border-radius: 20px;
			}
		}
	}

	.lg\:mx-0
	{
		@media (width >=1025px)
		{
			margin-inline: calc(var(--spacing) * 0);
		}
	}

	.lg\:my-6
	{
		@media (width >=1025px)
		{
			margin-block: calc(var(--spacing) * 6);
		}
	}

	.lg\:my-9
	{
		@media (width >=1025px)
		{
			margin-block: calc(var(--spacing) * 9);
		}
	}

	.lg\:mt-7\.5
	{
		@media (width >=1025px)
		{
			margin-top: calc(var(--spacing) * 7.5);
		}
	}

	.lg\:mt-9
	{
		@media (width >=1025px)
		{
			margin-top: calc(var(--spacing) * 9);
		}
	}

	.lg\:mt-10
	{
		@media (width >=1025px)
		{
			margin-top: calc(var(--spacing) * 10);
		}
	}

	.lg\:mt-11\.5
	{
		@media (width >=1025px)
		{
			margin-top: calc(var(--spacing) * 11.5);
		}
	}

	.lg\:mt-12
	{
		@media (width >=1025px)
		{
			margin-top: calc(var(--spacing) * 12);
		}
	}

	.lg\:mt-20
	{
		@media (width >=1025px)
		{
			margin-top: calc(var(--spacing) * 20);
		}
	}

	.lg\:mb-6
	{
		@media (width >=1025px)
		{
			margin-bottom: calc(var(--spacing) * 6);
		}
	}

	.lg\:block
	{
		@media (width >=1025px)
		{
			display: block;
		}
	}

	.lg\:flex
	{
		@media (width >=1025px)
		{
			display: flex;
		}
	}

	.lg\:hidden
	{
		@media (width >=1025px)
		{
			display: none;
		}
	}

	.lg\:h-\[500px\]
	{
		@media (width >=1025px)
		{
			height: 500px;
		}
	}

	.lg\:w-auto
	{
		@media (width >=1025px)
		{
			width: auto;
		}
	}

	.lg\:w-full
	{
		@media (width >=1025px)
		{
			width: 100%;
		}
	}

	.lg\:max-w-\[162px\]
	{
		@media (width >=1025px)
		{
			max-width: 162px;
		}
	}

	.lg\:max-w-\[292px\]
	{
		@media (width >=1025px)
		{
			max-width: 292px;
		}
	}

	.lg\:max-w-\[320px\]
	{
		@media (width >=1025px)
		{
			max-width: 320px;
		}
	}

	.lg\:max-w-\[434px\]
	{
		@media (width >=1025px)
		{
			max-width: 434px;
		}
	}

	.lg\:max-w-\[487px\]
	{
		@media (width >=1025px)
		{
			max-width: 487px;
		}
	}

	.lg\:max-w-\[560px\]
	{
		@media (width >=1025px)
		{
			max-width: 560px;
		}
	}

	.lg\:max-w-\[561px\]
	{
		@media (width >=1025px)
		{
			max-width: 561px;
		}
	}

	.lg\:max-w-\[570px\]
	{
		@media (width >=1025px)
		{
			max-width: 570px;
		}
	}

	.lg\:max-w-\[600px\]
	{
		@media (width >=1025px)
		{
			max-width: 600px;
		}
	}

	.lg\:max-w-\[670px\]
	{
		@media (width >=1025px)
		{
			max-width: 670px;
		}
	}

	.lg\:max-w-\[677px\]
	{
		@media (width >=1025px)
		{
			max-width: 677px;
		}
	}

	.lg\:max-w-\[968px\]
	{
		@media (width >=1025px)
		{
			max-width: 968px;
		}
	}

	.lg\:max-w-none
	{
		@media (width >=1025px)
		{
			max-width: none;
		}
	}

	.lg\:grid-cols-2
	{
		@media (width >=1025px)
		{
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	.lg\:grid-cols-3
	{
		@media (width >=1025px)
		{
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	.lg\:flex-col
	{
		@media (width >=1025px)
		{
			flex-direction: column;
		}
	}

	.lg\:flex-row
	{
		@media (width >=1025px)
		{
			flex-direction: row;
		}
	}

	.lg\:flex-nowrap
	{
		@media (width >=1025px)
		{
			flex-wrap: nowrap;
		}
	}

	.lg\:items-start
	{
		@media (width >=1025px)
		{
			align-items: flex-start;
		}
	}

	.lg\:justify-stretch
	{
		@media (width >=1025px)
		{
			justify-content: stretch;
		}
	}

	.lg\:gap-0
	{
		@media (width >=1025px)
		{
			gap: calc(var(--spacing) * 0);
		}
	}

	.lg\:rounded-\[20px\]
	{
		@media (width >=1025px)
		{
			border-radius: 20px;
		}
	}

	.lg\:py-0
	{
		@media (width >=1025px)
		{
			padding-block: calc(var(--spacing) * 0);
		}
	}

	.lg\:py-\[90px\]
	{
		@media (width >=1025px)
		{
			padding-block: 90px;
		}
	}

	.lg\:py-\[130px\]
	{
		@media (width >=1025px)
		{
			padding-block: 130px;
		}
	}

	.lg\:pt-6
	{
		@media (width >=1025px)
		{
			padding-top: calc(var(--spacing) * 6);
		}
	}

	.lg\:pt-24
	{
		@media (width >=1025px)
		{
			padding-top: calc(var(--spacing) * 24);
		}
	}

	.lg\:pb-10
	{
		@media (width >=1025px)
		{
			padding-bottom: calc(var(--spacing) * 10);
		}
	}

	.lg\:pb-20
	{
		@media (width >=1025px)
		{
			padding-bottom: calc(var(--spacing) * 20);
		}
	}

	.lg\:pb-\[150px\]
	{
		@media (width >=1025px)
		{
			padding-bottom: 150px;
		}
	}

	.lg\:pl-5
	{
		@media (width >=1025px)
		{
			padding-left: calc(var(--spacing) * 5);
		}
	}

	.lg\:text-left
	{
		@media (width >=1025px)
		{
			text-align: left;
		}
	}

	.lg\:text-5xl
	{
		@media (width >=1025px)
		{
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height));
		}
	}

	.lg\:text-lg
	{
		@media (width >=1025px)
		{
			font-size: var(--text-lg);
			line-height: var(--tw-leading, var(--text-lg--line-height));
		}
	}

	.lg\:text-xl
	{
		@media (width >=1025px)
		{
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}

	.lg\:text-\[32px\]
	{
		@media (width >=1025px)
		{
			font-size: 32px;
		}
	}

	.lg\:text-\[40px\]
	{
		@media (width >=1025px)
		{
			font-size: 40px;
		}
	}

	.lg\:text-\[51px\]
	{
		@media (width >=1025px)
		{
			font-size: 51px;
		}
	}

	.lg\:text-\[64px\]
	{
		@media (width >=1025px)
		{
			font-size: 64px;
		}
	}

	.lg\:text-\[80px\]
	{
		@media (width >=1025px)
		{
			font-size: 80px;
		}
	}

	.lg\:-tracking-tighter
	{
		@media (width >=1025px)
		{
			--tw-tracking: calc(var(--tracking-tighter) * -1);
			letter-spacing: calc(var(--tracking-tighter) * -1);
		}
	}

	.lg\:tracking-\[-0\.8px\]
	{
		@media (width >=1025px)
		{
			--tw-tracking: -0.8px;
			letter-spacing: -0.8px;
		}
	}

	.lg\:tracking-\[0\.3px\]
	{
		@media (width >=1025px)
		{
			--tw-tracking: 0.3px;
			letter-spacing: 0.3px;
		}
	}

	.lg\:tracking-\[1\.8px\]
	{
		@media (width >=1025px)
		{
			--tw-tracking: 1.8px;
			letter-spacing: 1.8px;
		}
	}

	.lg\:before\:rounded-\[20px\]
	{
		@media (width >=1025px)
		{
			&::before
			{
				content: var(--tw-content);
				border-radius: 20px;
			}
		}
	}

	.xl\:mb-20
	{
		@media (width >=1280px)
		{
			margin-bottom: calc(var(--spacing) * 20);
		}
	}

	.xl\:h-\[690px\]
	{
		@media (width >=1280px)
		{
			height: 690px;
		}
	}

	.xl\:grid-cols-3
	{
		@media (width >=1280px)
		{
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	.xl\:pt-\[100px\]
	{
		@media (width >=1280px)
		{
			padding-top: 100px;
		}
	}

	.xl\:pb-8
	{
		@media (width >=1280px)
		{
			padding-bottom: calc(var(--spacing) * 8);
		}
	}

	.xl\:text-6xl
	{
		@media (width >=1280px)
		{
			font-size: var(--text-6xl);
			line-height: var(--tw-leading, var(--text-6xl--line-height));
		}
	}

	.xl\:text-7xl
	{
		@media (width >=1280px)
		{
			font-size: var(--text-7xl);
			line-height: var(--tw-leading, var(--text-7xl--line-height));
		}
	}

	.xl\:text-\[51px\]
	{
		@media (width >=1280px)
		{
			font-size: 51px;
		}
	}

	.xl\:tracking-\[-1\.2px\]
	{
		@media (width >=1280px)
		{
			--tw-tracking: -1.2px;
			letter-spacing: -1.2px;
		}
	}

	.\32 xl\:pb-10
	{
		@media (width >=1536px)
		{
			padding-bottom: calc(var(--spacing) * 10);
		}
	}

	.\32 xl\:text-\[80px\]
	{
		@media (width >=1536px)
		{
			font-size: 80px;
		}
	}
}

@layer base
{
	body
	{
		background-color: var(--color-secondary);
		font-family: var(--font-dmSans);
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
		--tw-leading: var(--leading-normal);
		line-height: var(--leading-normal);
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		font-family: var(--font-urbanist);
		color: var(--color-offWhite);
	}

	h1
	{
		font-size: 40px;
		--tw-tracking: var(--tracking-normal);
		letter-spacing: var(--tracking-normal);

		@media (width >=640px)
		{
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height));
		}

		@media (width >=640px)
		{
			--tw-tracking: calc(var(--tracking-tight) * -1);
			letter-spacing: calc(var(--tracking-tight) * -1);
		}

		@media (width >=769px)
		{
			font-size: 52px;
		}

		@media (width >=1025px)
		{
			font-size: var(--text-6xl);
			line-height: var(--tw-leading, var(--text-6xl--line-height));
		}

		@media (width >=1025px)
		{
			--tw-tracking: calc(var(--tracking-tighter) * -1);
			letter-spacing: calc(var(--tracking-tighter) * -1);
		}

		@media (width >=1280px)
		{
			font-size: var(--text-7xl);
			line-height: var(--tw-leading, var(--text-7xl--line-height));
		}

		@media (width >=1280px)
		{
			--tw-tracking: -1.2px;
			letter-spacing: -1.2px;
		}

		@media (width >=1536px)
		{
			font-size: 80px;
		}
	}

	h2
	{
		font-size: var(--text-4xl);
		line-height: var(--tw-leading, var(--text-4xl--line-height));
		--tw-tracking: var(--tracking-normal);
		letter-spacing: var(--tracking-normal);

		@media (width >=640px)
		{
			font-size: 40px;
		}

		@media (width >=769px)
		{
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height));
		}

		@media (width >=1025px)
		{
			font-size: 52px;
		}

		@media (width >=1025px)
		{
			--tw-tracking: calc(var(--tracking-tight) * -1);
			letter-spacing: calc(var(--tracking-tight) * -1);
		}

		@media (width >=1280px)
		{
			font-size: 64px;
		}

		@media (width >=1280px)
		{
			--tw-tracking: calc(var(--tracking-tighter) * -1);
			letter-spacing: calc(var(--tracking-tighter) * -1);
		}
	}

	h3
	{
		font-size: var(--text-3xl);
		line-height: var(--tw-leading, var(--text-3xl--line-height));
		--tw-tracking: var(--tracking-normal);
		letter-spacing: var(--tracking-normal);

		@media (width >=769px)
		{
			font-size: var(--text-4xl);
			line-height: var(--tw-leading, var(--text-4xl--line-height));
		}

		@media (width >=1025px)
		{
			font-size: 40px;
		}

		@media (width >=1025px)
		{
			--tw-tracking: calc(0.0125em * -1);
			letter-spacing: calc(0.0125em * -1);
		}

		@media (width >=1280px)
		{
			font-size: 51px;
		}

		@media (width >=1280px)
		{
			--tw-tracking: calc(var(--tracking-tight) * -1);
			letter-spacing: calc(var(--tracking-tight) * -1);
		}
	}

	h4
	{
		font-size: var(--text-2xl);
		line-height: var(--tw-leading, var(--text-2xl--line-height));
		--tw-tracking: var(--tracking-normal);
		letter-spacing: var(--tracking-normal);

		@media (width >=769px)
		{
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}

		@media (width >=1025px)
		{
			font-size: var(--text-4xl);
			line-height: var(--tw-leading, var(--text-4xl--line-height));
		}

		@media (width >=1025px)
		{
			--tw-tracking: -0.0125em;
			letter-spacing: -0.0125em;
		}

		@media (width >=1280px)
		{
			font-size: 40px;
		}

		@media (width >=1280px)
		{
			--tw-tracking: calc(0.2px * -1);
			letter-spacing: calc(0.2px * -1);
		}
	}

	h5
	{
		font-size: var(--text-2xl);
		line-height: var(--tw-leading, var(--text-2xl--line-height));
		--tw-leading: var(--leading-snug) !important;
		line-height: var(--leading-snug) !important;
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);

		@media (width >=1025px)
		{
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}

		@media (width >=1280px)
		{
			font-size: 32px;
		}
	}

	h6
	{
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height));
		--tw-leading: var(--leading-snug) !important;
		line-height: var(--leading-snug) !important;
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);

		@media (width >=769px)
		{
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}

		@media (width >=1025px)
		{
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}

		@media (width >=1280px)
		{
			font-size: 25px;
		}
	}

	ul,
	ol,
	p
	{
		color: color-mix(in srgb, #fbfbfb 80%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			color: color-mix(in oklab, var(--color-offWhite) 80%, transparent);
		}
	}

	a
	{
		color: var(--color-primary);
	}

	button
	{
		cursor: pointer;
	}
}

body::-webkit-scrollbar
{
	width: 6px;
}

body::-webkit-scrollbar-track
{
	background-color: #7d76ff88;
	backdrop-filter: blur(16px);
}

body::-webkit-scrollbar-thumb
{
	background: linear-gradient(to bottom, #7d76ff88 0%, #2F27B1 50%, #7d76ff88 100%);
	backdrop-filter: blur(16px);
}

.container
{
	margin-inline: auto;
	max-width: 1440px;
	padding-inline: calc(var(--spacing) * 4);

	@media (width >=769px)
	{
		padding-inline: calc(var(--spacing) * 6);
	}

	@media (width >=1025px)
	{
		padding-inline: calc(var(--spacing) * 12);
	}

	@media (width >=1280px)
	{
		padding-inline: calc(var(--spacing) * 16);
	}

	@media (width >=1536px)
	{
		padding-inline: calc(var(--spacing) * 20);
	}
}

.border-container
{
	border-inline-style: var(--tw-border-style);
	border-inline-width: 1px;
	border-color: var(--color-lineColor);
	padding-inline: calc(var(--spacing) * 4);

	@media (width >=769px)
	{
		padding-inline: calc(var(--spacing) * 5);
	}

	@media (width >=1025px)
	{
		padding-inline: calc(var(--spacing) * 6);
	}

	@media (width >=1280px)
	{
		padding-inline: calc(var(--spacing) * 8);
	}

	@media (width >=1536px)
	{
		padding-inline: calc(var(--spacing) * 10);
	}
}

#smooth-content
{
	will-change: transform;
}

.button-primary
{
	background: linear-gradient(to bottom, #7D76FF 0%, #2F27B1 51%, #7D76FF 100%);
	background-size: auto 200%;
	transition: all .4s ease-in-out;

	&:hover
	{
		background-position: bottom right;
	}
}

.button-secondary
{
	display: none;
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 10px;
	padding-inline: 22px;
	padding-block: calc(var(--spacing) * 3);
	text-align: center;
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	--tw-leading: var(--leading-normal);
	line-height: var(--leading-normal);
	--tw-font-weight: var(--font-weight-medium);
	font-weight: var(--font-weight-medium);
	color: var(--color-secondary);
	box-shadow: 3px 4px 5.3px 0px #0000002e inset, -3px -4px 5.3px 0px #00000026 inset;
	background: linear-gradient(to bottom, #fbfbfb 0%, #e3e3e3 51%, #fbfbfb 100%);
	background-size: auto 200%;
	transition: all .4s ease-in-out;

	&:hover
	{
		background-position: bottom right;
	}
}

.badge-button
{
	display: inline-block;
	border-radius: 10px;
	border-style: var(--tw-border-style);
	border-width: 1.5px;
	border-color: var(--color-tertiary);
	background-color: var(--color-charcoalBlue);
	padding-inline: calc(var(--spacing) * 3);
	padding-block: 6px;
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	--tw-leading: var(--leading-normal);
	line-height: var(--leading-normal);
	--tw-font-weight: var(--font-weight-medium);
	font-weight: var(--font-weight-medium);
	--tw-tracking: -.1px;
	letter-spacing: -.1px;
	color: var(--color-tertiary);
}

.header-area
{
	&.sticky-header
	{
		pointer-events: visible !important;
		z-index: 99999;
		background-color: color-mix(in srgb, #0e1422 80%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
		}

		--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
		0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
		box-shadow: var(--tw-inset-shadow),
		var(--tw-inset-ring-shadow),
		var(--tw-ring-offset-shadow),
		var(--tw-ring-shadow),
		var(--tw-shadow);
		--tw-backdrop-blur: blur(var(--blur-md));
		-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
		backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
	}
}

@keyframes fadeInDown
{
	from
	{
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to
	{
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.menuToggle
{
	margin-top: 2px;
	margin-right: calc(10px * -1);
	margin-left: calc(var(--spacing) * -1);
	display: flex;
	width: calc(var(--spacing) * 10);
	cursor: pointer;

	@media (width >=640px)
	{
		margin-left: calc(var(--spacing) * -3);
	}

	@media (width >=1025px)
	{
		display: none;
	}

	.line
	{
		fill: none;
		stroke-width: 4;
		transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.line1
	{
		stroke-dasharray: 60 207;
	}

	.line2
	{
		stroke-dasharray: 60 60;
	}

	.line3
	{
		stroke-dasharray: 60 207;
	}

	&.is-active
	{
		.line1
		{
			stroke-dasharray: 90 207;
			stroke-dashoffset: -134;
		}

		.line2
		{
			stroke-dasharray: 1 60;
			stroke-dashoffset: -30;
		}

		.line3
		{
			stroke-dasharray: 90 207;
			stroke-dashoffset: -134;
		}
	}
}

@media screen and (min-width: 1024px)
{
	.main-menu
	{
		>ul
		{
			display: flex;
			align-items: center;

			@media (width >=1025px)
			{
				gap: calc(var(--spacing) * 6);
			}

			>li
			{
				padding-block: 25px;

				>button,
				>a
				{
					display: flex;
					align-items: center;
					gap: calc(var(--spacing) * 2);
					font-size: var(--text-sm);
					line-height: var(--tw-leading, var(--text-sm--line-height));
					--tw-leading: calc(var(--spacing) * 5);
					line-height: calc(var(--spacing) * 5);
					--tw-font-weight: var(--font-weight-normal);
					font-weight: var(--font-weight-normal);
					color: color-mix(in srgb, #fbfbfb 80%, transparent);

					@supports (color: color-mix(in lab, red, red))
					{
						color: color-mix(in oklab, var(--color-offWhite) 80%, transparent);
					}

					transition-property: color,
					background-color,
					border-color,
					outline-color,
					text-decoration-color,
					fill,
					stroke,
					--tw-gradient-from,
					--tw-gradient-via,
					--tw-gradient-to;
					transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
					transition-duration: var(--tw-duration, var(--default-transition-duration));
					--tw-duration: 300ms;
					transition-duration: 300ms;

					svg
					{
						transform: rotate(0);
						transition: transform 0.3s ease-in-out;
					}
				}

				.sub-menu
				{
					visibility: hidden;
					position: absolute;
					top: 100%;
					left: calc(var(--spacing) * 0);
					z-index: 9999;
					display: flex !important;
					height: fit-content !important;
					width: calc(var(--spacing) * 32);
					--tw-translate-y: calc(var(--spacing) * 8);
					translate: var(--tw-translate-x) var(--tw-translate-y);
					flex-direction: column;
					gap: calc(var(--spacing) * 1);
					overflow: hidden;
					border-radius: var(--radius-md);
					background-color: #222938;
					padding: calc(var(--spacing) * 2);
					opacity: 0%;
					--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
					box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

					li
					{
						a
						{
							position: relative;
							z-index: 1;
							display: block;
							width: 100%;
							overflow: hidden;
							border-radius: var(--radius-md);
							padding-inline: calc(var(--spacing) * 2);
							padding-block: calc(var(--spacing) * 1);
							font-size: var(--text-sm);
							line-height: var(--tw-leading, var(--text-sm--line-height));
							--tw-font-weight: var(--font-weight-normal);
							font-weight: var(--font-weight-normal);
							color: var(--color-offWhite);

							&::before
							{
								position: absolute;
								top: calc(var(--spacing) * 0);
								left: calc(var(--spacing) * 0);
								z-index: calc(1 * -1);
								height: 100%;
								width: calc(var(--spacing) * 0);
								border-radius: var(--radius-md);
								background-color: var(--color-primary);
								transition-property: all;
								transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
								transition-duration: var(--tw-duration, var(--default-transition-duration));
								--tw-duration: 300ms;
								transition-duration: 300ms;
								--tw-content: "";
								content: var(--tw-content);
							}
						}

						&:hover
						{
							>a
							{
								&::before
								{
									width: 100%;
								}
							}
						}
					}
				}

				.mega-menu
				{
					visibility: hidden;
					position: absolute;
					top: 100%;
					left: calc(1/2 * 100%);
					z-index: 9999;
					display: flex !important;
					height: unset !important;
					width: 590px;
					--tw-translate-x: calc(calc(1/2 * 100%) * -1);
					translate: var(--tw-translate-x) var(--tw-translate-y);
					--tw-translate-y: calc(var(--spacing) * 8);
					translate: var(--tw-translate-x) var(--tw-translate-y);
					transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
					justify-content: space-between;
					gap: calc(var(--spacing) * 5);
					overflow: hidden;
					border-radius: 10px;
					background-color: #222938;
					padding: calc(var(--spacing) * 4);
					opacity: 0%;
					--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
					box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

					ul
					{
						display: flex;
						flex-direction: column;
						gap: calc(var(--spacing) * 1.5);
					}

					li
					{
						a
						{
							position: relative;
							z-index: 1;
							display: block;
							width: 100%;
							overflow: hidden;
							border-radius: var(--radius-md);
							padding-inline: calc(var(--spacing) * 2);
							padding-block: calc(var(--spacing) * 1);
							font-size: var(--text-sm);
							line-height: var(--tw-leading, var(--text-sm--line-height));
							--tw-font-weight: var(--font-weight-normal);
							font-weight: var(--font-weight-normal);
							color: var(--color-offWhite);

							&::before
							{
								position: absolute;
								top: calc(var(--spacing) * 0);
								left: calc(var(--spacing) * 0);
								z-index: calc(1 * -1);
								height: 100%;
								width: calc(var(--spacing) * 0);
								border-radius: var(--radius-md);
								background-color: var(--color-primary);
								transition-property: all;
								transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
								transition-duration: var(--tw-duration, var(--default-transition-duration));
								--tw-duration: 300ms;
								transition-duration: 300ms;
								--tw-content: "";
								content: var(--tw-content);
							}
						}

						&:hover
						{
							>a
							{
								&::before
								{
									width: 100%;
								}
							}
						}
					}
				}

				&:hover
				{
					>button
					{
						color: var(--color-offWhite);

						svg
						{
							transform: rotateX(180deg);
						}
					}

					.mega-menu,
					.sub-menu
					{
						visibility: visible;
						--tw-translate-y: calc(var(--spacing) * 0);
						translate: var(--tw-translate-x) var(--tw-translate-y);
						opacity: 100%;
						transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
					}
				}
			}
		}

		.mega-menu-list
		{
			height: unset !important;
			display: flex !important;
		}
	}
}

@media screen and (min-width: 1025px)
{
	.menuToggle
	{
		display: none;
	}
}

@media screen and (max-width: 1024px)
{
	body
	{
		position: relative;

		&::before
		{
			content: var(--tw-content);
			visibility: hidden;
		}

		&::before
		{
			content: var(--tw-content);
			position: absolute;
		}

		&::before
		{
			content: var(--tw-content);
			top: 69px;
		}

		&::before
		{
			content: var(--tw-content);
			right: calc(var(--spacing) * 0);
		}

		&::before
		{
			content: var(--tw-content);
			left: calc(var(--spacing) * 0);
		}

		&::before
		{
			content: var(--tw-content);
			z-index: 10;
		}

		&::before
		{
			content: var(--tw-content);
			height: calc(100% - 69px);
		}

		&::before
		{
			content: var(--tw-content);
			width: 100%;
		}

		&::before
		{
			content: var(--tw-content);
			background-color: color-mix(in srgb, #0e1422 30%, transparent);

			@supports (color: color-mix(in lab, red, red))
			{
				background-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);
			}
		}

		&::before
		{
			content: var(--tw-content);
			opacity: 0%;
		}

		&::before
		{
			content: var(--tw-content);
			--tw-backdrop-blur: blur(3px);
			-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
			backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
		}

		&::before
		{
			content: var(--tw-content);
			transition-property: all;
			transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
			transition-duration: var(--tw-duration, var(--default-transition-duration));
		}

		&::before
		{
			content: var(--tw-content);
			--tw-duration: 300ms;
			transition-duration: 300ms;
		}

		&.menu-overlay
		{
			overflow: hidden;

			&::before
			{
				content: var(--tw-content);
				visibility: visible;
			}

			&::before
			{
				content: var(--tw-content);
				opacity: 100%;
			}
		}
	}

	.main-menu
	{
		position: absolute;
		left: 0;
		width: 100%;
		top: 100%;
		background-color: #222938;
		box-shadow: 0px 50px 70px -15px rgba(0, 0, 0, 0.25);
		box-shadow: none;
		padding: 30px;
		z-index: 99999;
		max-height: calc(100vh - 80px);
		overflow: auto;
		border-radius: 0px 0px 10px 10px;
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		visibility: hidden;
		transition: all 0.3s ease-in-out;

		&.menu-active
		{
			visibility: visible;
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		}

		&::-webkit-scrollbar
		{
			width: 4px;
		}

		&::-webkit-scrollbar-thumb
		{
			background-color: #4f46e5;
			border-radius: 20px;
		}

		ul
		{
			flex-direction: column;
			align-items: flex-start;

			li
			{
				padding: 10px 0px;
				width: 100%;

				&:first-child
				{
					padding-top: 0;
				}

				&:last-child
				{
					padding-bottom: 0;
				}

				a
				{
					font-size: 16px;
					line-height: 1.2;
					display: flex;
					align-items: center;
					justify-content: space-between;
					color: #ffffff;

					svg
					{
						transform: rotate(0);
						transition: transform 0.3s ease-in-out;
					}
				}

				.sub-menu,
				.mega-menu
				{
					display: none;
					overflow: hidden;
					transition: height 0.3s ease;
					padding: 20px 20px 0px;

					li
					{
						a
						{
							font-size: 16px;
						}
					}
				}

				&.active
				{
					>a
					{
						color: #ffffff;

						svg
						{
							transform: rotateX(180deg);
						}
					}
				}
			}
		}

		.megamenu-item
		{
			margin-bottom: 20px;

			&:last-child
			{
				margin-bottom: 0px;
			}
		}

		.mega-menu-list
		{
			display: none;
			overflow: hidden;
			padding: 20px;
			transition: height .3s ease;

			&:last-child
			{
				padding-bottom: 0;
			}
		}

		.megamenu-item-toogle
		{
			margin-bottom: 0;

			svg
			{
				transition: all .3s ease-in-out;
				transform: rotate(0deg);
			}
		}

		.megamenu-item.active .megamenu-item-toogle svg
		{
			transform: rotatex(180deg);
		}
	}
}

@media screen and (max-width: 640px)
{
	.main-menu
	{
		padding: 20px;
	}
}

.header-v2
{
	.border-container
	{
		padding-block: calc(var(--spacing) * 4);
	}

	.header-wrapper
	{
		border-radius: var(--radius-xl);
		border-style: var(--tw-border-style);
		border-width: 1px;
		border-color: var(--color-lineColor);
		padding-block: calc(var(--spacing) * 1);
		padding-right: calc(var(--spacing) * 5);
		padding-left: calc(var(--spacing) * 3.5);

		@media (width >=640px)
		{
			padding-block: calc(var(--spacing) * 3);
		}

		@media (width >=1025px)
		{
			border-radius: 20px;
		}

		@media (width >=1025px)
		{
			padding-inline: calc(var(--spacing) * 3.5);
		}

		@media (width >=1025px)
		{
			padding-block: calc(var(--spacing) * 0);
		}

		background: linear-gradient(180deg, rgba(125, 118, 255, 0.2) 0%, rgba(47, 39, 177, 0.2) 100%);

		.main-menu
		{
			border-radius: 12px;

			>ul
			{
				>li
				{
					@media (width >=1025px)
					{
						padding-block: calc(var(--spacing) * 5.5);
					}
				}
			}
		}
	}
}

.section-spacing-lg
{
	padding-block: calc(var(--spacing) * 14);

	@media (width >=769px)
	{
		padding-block: calc(var(--spacing) * 20);
	}

	@media (width >=1025px)
	{
		padding-block: calc(var(--spacing) * 24);
	}

	@media (width >=1280px)
	{
		padding-block: 100px;
	}
}

.gradient-text
{
	background: linear-gradient(180deg, #f8f8f8 62.71%, #7670de 90.4%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	will-change: transform, opacity;
}

.loader-title div
{
	background: linear-gradient(180deg, #f8f8f8 10.71%, #7670de 90.4%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	will-change: transform, opacity;
	opacity: 0;
}

.section-bottom-border
{
	border-bottom: 1px solid var(--color-lineColor);
}

/* ....... */
.tabs-wrapper
{
	position: relative;
}

.tab-content
{
	position: absolute;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	transform: translateY(40px);
	transition: opacity .4s ease, transform .4s ease;
}

.tab-content.active
{
	position: relative;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

/* Sticky cards */
.feature-card
{
	position: sticky;
	top: 120px;
	padding: 24px;
	border-radius: 20px;
	background: #111827;
	border: 1px solid rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(6px);
}

/* Progress bar */
.progress-bar
{
	margin-top: 14px;
	height: 4px;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	overflow: hidden;
}

.progress-fill
{
	height: 100%;
	width: 0%;
	background: linear-gradient(90deg, #6C5CE7, #A855F7);
	transition: width 1.2s ease;
}
/* ....... */

.rounded-20
{
	border-radius: var(--radius-xl);

	@media (width >=640px)
	{
		border-radius: var(--radius-2xl);
	}

	@media (width >=1025px)
	{
		border-radius: 20px;
	}
}

.gradient-border
{
	background: linear-gradient(90deg, #1D2047 15%, #4F46E5 50%, #1C1F46 85%);
}

.verticle-gradient-bg
{
	background: linear-gradient(0deg, #1D2047 15%, #4F46E5 50%, #1C1F46 85%);
}

.text-underline
{
	--tw-gradient-position: to top in oklab;
	background-image: linear-gradient(var(--tw-gradient-stops));
	--tw-gradient-from: var(--color-white);
	--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	--tw-gradient-to: var(--color-white);
	--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	background-size: 0% 1px;
	background-position: left bottom;
	background-repeat: no-repeat;
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: 300ms;
	transition-duration: 300ms;

	&:is(:where(.group):hover *)
	{
		background-size: 100% 1px;
	}
}

.border-moving
{
	&::before
	{
		position: absolute;
		top: calc(2px * -1);
		left: calc(2px * -1);
		z-index: calc(2 * -1);
		height: calc(100% + 4px);
		width: calc(100% + 4px);
		--tw-content: "";
		content: var(--tw-content);
		background: linear-gradient(var(--gradient-angle), #A78BFA, #2e27b100);
		animation: borderRotation 5s linear 0s infinite normal forwards;
		transition: all 0.3s ease-in-out;
		opacity: 0;
	}

	&:hover::before
	{
		opacity: 0.2;
	}
}

@keyframes borderRotation
{
	0%
	{
		--gradient-angle: 0deg;
	}

	100%
	{
		--gradient-angle: 360deg;
	}
}

@property --gradient-angle
{
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

.home-banner-dashboard
{
	box-shadow: 0px -20px 100px 0px rgba(79, 70, 229, 0.4), 0px -6.38px 31.91px 0px rgba(79, 70, 229, 0.13), 0px -2.41px 12.07px 0px rgba(79, 70, 229, 0.05), 0px -0.8px 3.98px 0px rgba(79, 70, 229, 0.016);
	backdrop-filter: blur(10px);
}

.logo-auto-slider
{
	.swiper-wrapper
	{
		-webkit-transition-timing-function: linear !important;
		transition-timing-function: linear !important;
		position: relative;

		.swiper-slide
		{
			width: auto;
		}
	}
}

.pricing-card.border-moving:hover,
.useCase-card.border-moving:hover
{
	&::before
	{
		opacity: 0.2;
	}
}

.auto-scroll-content
{
	animation: autoScrollY 8s linear infinite;
}

.auto-scroll-content-reverse
{
	animation: autoScrollY 8s linear infinite reverse;
}

@keyframes autoScrollY
{
	0%
	{
		transform: translateY(0);
	}

	100%
	{
		transform: translateY(-50%);
	}
}

.testimonial-overlay
{
	background-image: linear-gradient(90deg, #0e1422, #0e142200 15% 85%, #0e1422), linear-gradient(#0e1422, #0e142200 15% 85%, #0e1422);
	position: absolute;
	inset: 0%;
}

.glowing-border
{
	position: relative;
	overflow: hidden;
}

.glowing-border::before
{
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	background: linear-gradient(0deg, #a78bfa, #4f46e5);
	animation: moveBox 10s linear infinite;
	z-index: -1;
}

@keyframes moveBox
{
	0%
	{
		top: 0;
		left: 0;
	}

	25%
	{
		top: 0;
		left: calc(100% - 60px);
	}

	50%
	{
		top: calc(100% - 60px);
		left: calc(100% - 60px);
	}

	75%
	{
		top: calc(100% - 60px);
		left: 0;
	}

	100%
	{
		top: 0;
		left: 0;
		transition-duration: 0s;
	}
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}

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

.pricing-switch-slider
{
	box-shadow: 0px 1.34px 2.68px 0px #1018280F, 0px 1.34px 4.02px 0px #1018281A;
}

.pricing-switch input:checked+.pricing-switch-slider
{
	transform: translateX(27px);
}

.toggle-wrapper:has(input:checked) .yearly
{
	color: #fff;
	opacity: 1;
}

.toggle-wrapper:not(:has(input:checked)) .monthly
{
	color: #fff;
	opacity: 1;
}

.pricing-card.active.border-moving
{
	&::before
	{
		opacity: .2;
	}
}

.single-faq
{
	.plus
	{
		span
		{
			display: block;
			height: 2px;
			width: calc(var(--spacing) * 4);
			transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
			background-color: var(--color-white);
			--tw-duration: 300ms;
			transition-duration: 300ms;

			&:last-child
			{
				--tw-translate-y: -1.5px;
				translate: var(--tw-translate-x) var(--tw-translate-y);
			}

			&:last-child
			{
				rotate: 90deg;
			}

			&:last-child
			{
				transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
			}

			&:last-child
			{
				--tw-duration: 300ms;
				transition-duration: 300ms;
			}
		}
	}

	span
	{
		svg
		{
			rotate: 0deg;
			transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
			--tw-duration: 300ms;
			transition-duration: 300ms;
		}
	}

	.faq-body
	{
		overflow: hidden;
		--tw-duration: 300ms;
		transition-duration: 300ms;
	}

	&.active
	{
		.plus
		{
			span
			{
				&:last-child
				{
					opacity: 0%;
				}
			}
		}

		span
		{
			svg
			{
				transform: rotateX(180deg);
			}
		}
	}
}

.article-content
{
	color: var(--tw-prose-body);
	max-width: 65ch;

	:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 1.25em;
		margin-bottom: 1.25em;
	}

	:where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-lead);
		font-size: 1.25em;
		line-height: 1.6;
		margin-top: 1.2em;
		margin-bottom: 1.2em;
	}

	:where(a):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-links);
		text-decoration: underline;
		font-weight: 500;
	}

	:where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-bold);
		font-weight: 600;
	}

	:where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: inherit;
	}

	:where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: inherit;
	}

	:where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: inherit;
	}

	:where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		list-style-type: decimal;
		margin-top: 1.25em;
		margin-bottom: 1.25em;
		padding-inline-start: 1.625em;
	}

	:where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		list-style-type: upper-alpha;
	}

	:where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		list-style-type: lower-alpha;
	}

	:where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		list-style-type: upper-alpha;
	}

	:where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		list-style-type: lower-alpha;
	}

	:where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		list-style-type: upper-roman;
	}

	:where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		list-style-type: lower-roman;
	}

	:where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		list-style-type: upper-roman;
	}

	:where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		list-style-type: lower-roman;
	}

	:where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		list-style-type: decimal;
	}

	:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		list-style-type: disc;
		margin-top: 1.25em;
		margin-bottom: 1.25em;
		padding-inline-start: 1.625em;
	}

	:where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker
	{
		font-weight: 400;
		color: var(--tw-prose-counters);
	}

	:where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker
	{
		color: var(--tw-prose-bullets);
	}

	:where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-headings);
		font-weight: 600;
		margin-top: 1.25em;
	}

	:where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		border-color: var(--tw-prose-hr);
		border-top-width: 1;
		margin-top: 3em;
		margin-bottom: 3em;
	}

	:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		font-weight: 500;
		font-style: italic;
		color: var(--tw-prose-quotes);
		border-inline-start-width: 0.25rem;
		border-inline-start-color: var(--tw-prose-quote-borders);
		quotes: "\201C" "\201D" "\2018" "\2019";
		margin-top: 1.6em;
		margin-bottom: 1.6em;
		padding-inline-start: 1em;
	}

	:where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before
	{
		content: open-quote;
	}

	:where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after
	{
		content: close-quote;
	}

	:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-headings);
		font-weight: 800;
		font-size: 2.25em;
		margin-top: 0;
		margin-bottom: 0.8888889em;
		line-height: 1.1111111;
	}

	:where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		font-weight: 900;
		color: inherit;
	}

	:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-headings);
		font-weight: 700;
		font-size: 1.5em;
		margin-top: 2em;
		margin-bottom: 1em;
		line-height: 1.3333333;
	}

	:where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		font-weight: 800;
		color: inherit;
	}

	:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-headings);
		font-weight: 600;
		font-size: 1.25em;
		margin-top: 1.6em;
		margin-bottom: 0.6em;
		line-height: 1.6;
	}

	:where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		font-weight: 700;
		color: inherit;
	}

	:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-headings);
		font-weight: 600;
		margin-top: 1.5em;
		margin-bottom: 0.5em;
		line-height: 1.5;
	}

	:where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		font-weight: 700;
		color: inherit;
	}

	:where(img):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 2em;
		margin-bottom: 2em;
	}

	:where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		display: block;
		margin-top: 2em;
		margin-bottom: 2em;
	}

	:where(video):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 2em;
		margin-bottom: 2em;
	}

	:where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		font-weight: 500;
		font-family: inherit;
		color: var(--tw-prose-kbd);
		box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
		font-size: 0.875em;
		border-radius: 0.3125rem;
		padding-top: 0.1875em;
		padding-inline-end: 0.375em;
		padding-bottom: 0.1875em;
		padding-inline-start: 0.375em;
	}

	:where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-code);
		font-weight: 600;
		font-size: 0.875em;
	}

	:where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before
	{
		content: "`";
	}

	:where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after
	{
		content: "`";
	}

	:where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: inherit;
	}

	:where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: inherit;
	}

	:where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: inherit;
		font-size: 0.875em;
	}

	:where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: inherit;
		font-size: 0.9em;
	}

	:where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: inherit;
	}

	:where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: inherit;
	}

	:where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: inherit;
	}

	:where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-pre-code);
		background-color: var(--tw-prose-pre-bg);
		overflow-x: auto;
		font-weight: 400;
		font-size: 0.875em;
		line-height: 1.7142857;
		margin-top: 1.7142857em;
		margin-bottom: 1.7142857em;
		border-radius: 0.375rem;
		padding-top: 0.8571429em;
		padding-inline-end: 1.1428571em;
		padding-bottom: 0.8571429em;
		padding-inline-start: 1.1428571em;
	}

	:where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		background-color: transparent;
		border-width: 0;
		border-radius: 0;
		padding: 0;
		font-weight: inherit;
		color: inherit;
		font-size: inherit;
		font-family: inherit;
		line-height: inherit;
	}

	:where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before
	{
		content: none;
	}

	:where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after
	{
		content: none;
	}

	:where(table):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		width: 100%;
		table-layout: auto;
		margin-top: 2em;
		margin-bottom: 2em;
		font-size: 0.875em;
		line-height: 1.7142857;
	}

	:where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		border-bottom-width: 1px;
		border-bottom-color: var(--tw-prose-th-borders);
	}

	:where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-headings);
		font-weight: 600;
		vertical-align: bottom;
		padding-inline-end: 0.5714286em;
		padding-bottom: 0.5714286em;
		padding-inline-start: 0.5714286em;
	}

	:where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		border-bottom-width: 1px;
		border-bottom-color: var(--tw-prose-td-borders);
	}

	:where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		border-bottom-width: 0;
	}

	:where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		vertical-align: baseline;
	}

	:where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		border-top-width: 1px;
		border-top-color: var(--tw-prose-th-borders);
	}

	:where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		vertical-align: top;
	}

	:where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		text-align: start;
	}

	:where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 0;
		margin-bottom: 0;
	}

	:where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		color: var(--tw-prose-captions);
		font-size: 0.875em;
		line-height: 1.4285714;
		margin-top: 0.8571429em;
	}

	--tw-prose-body: oklch(37.3% 0.034 259.733);
	--tw-prose-headings: oklch(21% 0.034 264.665);
	--tw-prose-lead: oklch(44.6% 0.03 256.802);
	--tw-prose-links: oklch(21% 0.034 264.665);
	--tw-prose-bold: oklch(21% 0.034 264.665);
	--tw-prose-counters: oklch(55.1% 0.027 264.364);
	--tw-prose-bullets: oklch(87.2% 0.01 258.338);
	--tw-prose-hr: oklch(92.8% 0.006 264.531);
	--tw-prose-quotes: oklch(21% 0.034 264.665);
	--tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
	--tw-prose-captions: oklch(55.1% 0.027 264.364);
	--tw-prose-kbd: oklch(21% 0.034 264.665);
	--tw-prose-kbd-shadows: NaN NaN NaN;
	--tw-prose-code: oklch(21% 0.034 264.665);
	--tw-prose-pre-code: oklch(92.8% 0.006 264.531);
	--tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
	--tw-prose-th-borders: oklch(87.2% 0.01 258.338);
	--tw-prose-td-borders: oklch(92.8% 0.006 264.531);
	--tw-prose-invert-body: oklch(87.2% 0.01 258.338);
	--tw-prose-invert-headings: #fff;
	--tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
	--tw-prose-invert-links: #fff;
	--tw-prose-invert-bold: #fff;
	--tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
	--tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
	--tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
	--tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
	--tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
	--tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
	--tw-prose-invert-kbd: #fff;
	--tw-prose-invert-kbd-shadows: 255 255 255;
	--tw-prose-invert-code: #fff;
	--tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
	--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
	--tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
	--tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
	font-size: 1rem;
	line-height: 1.75;

	:where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 0;
		margin-bottom: 0;
	}

	:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	:where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		padding-inline-start: 0.375em;
	}

	:where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		padding-inline-start: 0.375em;
	}

	:where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 0.75em;
		margin-bottom: 0.75em;
	}

	:where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 1.25em;
	}

	:where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-bottom: 1.25em;
	}

	:where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 1.25em;
	}

	:where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-bottom: 1.25em;
	}

	:where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 0.75em;
		margin-bottom: 0.75em;
	}

	:where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 1.25em;
		margin-bottom: 1.25em;
	}

	:where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 0.5em;
		padding-inline-start: 1.625em;
	}

	:where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 0;
	}

	:where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 0;
	}

	:where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 0;
	}

	:where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 0;
	}

	:where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		padding-inline-start: 0;
	}

	:where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		padding-inline-end: 0;
	}

	:where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		padding-top: 0.5714286em;
		padding-inline-end: 0.5714286em;
		padding-bottom: 0.5714286em;
		padding-inline-start: 0.5714286em;
	}

	:where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		padding-inline-start: 0;
	}

	:where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		padding-inline-end: 0;
	}

	:where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 2em;
		margin-bottom: 2em;
	}

	:where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-top: 0;
	}

	:where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *))
	{
		margin-bottom: 0;
	}

	max-width: 100%;

	& *::marker
	{
		color: color-mix(in srgb, #fbfbfb 80%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			color: color-mix(in oklab, var(--color-offWhite) 80%, transparent);
		}
	}

	&::marker
	{
		color: color-mix(in srgb, #fbfbfb 80%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			color: color-mix(in oklab, var(--color-offWhite) 80%, transparent);
		}
	}

	& *::-webkit-details-marker
	{
		color: color-mix(in srgb, #fbfbfb 80%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			color: color-mix(in oklab, var(--color-offWhite) 80%, transparent);
		}
	}

	&::-webkit-details-marker
	{
		color: color-mix(in srgb, #fbfbfb 80%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			color: color-mix(in oklab, var(--color-offWhite) 80%, transparent);
		}
	}

	& :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-bottom: calc(var(--spacing) * 0);
	}

	& :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		font-family: var(--font-urbanist);
	}

	& :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		--tw-leading: var(--leading-tight) !important;
		line-height: var(--leading-tight) !important;
	}

	& :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
	}

	& :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		color: var(--color-white);
	}

	& :is(:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 8);
	}

	& :is(:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		font-size: 40px;
	}

	@media (width >=640px)
	{
		& :is(:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height));
		}
	}

	@media (width >=769px)
	{
		& :is(:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: 52px;
		}
	}

	@media (width >=1025px)
	{
		& :is(:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: var(--text-6xl);
			line-height: var(--tw-leading, var(--text-6xl--line-height));
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			margin-top: calc(var(--spacing) * 10);
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: var(--text-7xl);
			line-height: var(--tw-leading, var(--text-7xl--line-height));
		}
	}

	@media (width >=1536px)
	{
		& :is(:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: 80px;
		}
	}

	& :is(:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 7);
	}

	& :is(:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		font-size: var(--text-4xl);
		line-height: var(--tw-leading, var(--text-4xl--line-height));
	}

	@media (width >=640px)
	{
		& :is(:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: 40px;
		}
	}

	@media (width >=769px)
	{
		& :is(:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height));
		}
	}

	@media (width >=1025px)
	{
		& :is(:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: 52px;
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			margin-top: calc(var(--spacing) * 9);
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: 64px;
		}
	}

	& :is(:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 7);
	}

	& :is(:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		font-size: var(--text-3xl);
		line-height: var(--tw-leading, var(--text-3xl--line-height));
	}

	@media (width >=769px)
	{
		& :is(:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: var(--text-4xl);
			line-height: var(--tw-leading, var(--text-4xl--line-height));
		}
	}

	@media (width >=1025px)
	{
		& :is(:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: 40px;
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			margin-top: calc(var(--spacing) * 8);
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: 51px;
		}
	}

	& :is(:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 6);
	}

	& :is(:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		font-size: var(--text-2xl);
		line-height: var(--tw-leading, var(--text-2xl--line-height));
	}

	@media (width >=769px)
	{
		& :is(:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}
	}

	@media (width >=1025px)
	{
		& :is(:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: var(--text-4xl);
			line-height: var(--tw-leading, var(--text-4xl--line-height));
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			margin-top: calc(var(--spacing) * 7);
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: 40px;
		}
	}

	& :is(:where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 5);
	}

	& :is(:where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		font-size: var(--text-2xl);
		line-height: var(--tw-leading, var(--text-2xl--line-height));
	}

	@media (width >=1025px)
	{
		& :is(:where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			margin-top: calc(var(--spacing) * 6);
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: 32px;
		}
	}

	& :is(:where(h6):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 4.5);
	}

	& :is(:where(h6):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height));
	}

	@media (width >=769px)
	{
		& :is(:where(h6):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: var(--text-xl);
			line-height: var(--tw-leading, var(--text-xl--line-height));
		}
	}

	@media (width >=1025px)
	{
		& :is(:where(h6):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h6):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			margin-top: calc(var(--spacing) * 5);
		}
	}

	@media (width >=1280px)
	{
		& :is(:where(h6):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: 25px;
		}
	}

	& :is(:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 4);
	}

	& :is(:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-bottom: calc(var(--spacing) * 0);
	}

	@media (width >=769px)
	{
		& :is(:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			margin-top: calc(var(--spacing) * 5);
		}
	}

	& :is(:where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		color: var(--color-primary);
	}

	& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 8);
	}

	& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-bottom: calc(var(--spacing) * 0);
	}

	& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		border-left-style: var(--tw-border-style);
		border-left-width: 3px;
	}

	& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		border-color: var(--color-tertiary);
	}

	& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		background-color: transparent;
	}

	& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		font-family: var(--font-urbanist);
	}

	& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height));
	}

	& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium);
	}

	& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		color: var(--color-tertiary);
	}

	& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		font-style: italic;
	}

	@media (width >=769px)
	{
		& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			margin-top: calc(var(--spacing) * 10);
		}
	}

	@media (width >=769px)
	{
		& :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}
	}

	& :is(:where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 4);
	}

	& :is(:where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-bottom: calc(var(--spacing) * 0);
	}

	& :is(:where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		text-align: center;
	}

	& :is(:where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		color: color-mix(in srgb, #fff 80%, transparent);

		@supports (color: color-mix(in lab, red, red))
		{
			color: color-mix(in oklab, var(--color-white) 80%, transparent);
		}
	}

	& :is(:where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		color: currentcolor;
	}

	& :is(:where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 8);
	}

	& :is(:where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-bottom: calc(var(--spacing) * 0);
	}

	@media (width >=769px)
	{
		& :is(:where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			margin-top: calc(var(--spacing) * 10);
		}
	}

	& :is(:where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 4);
	}

	& :is(:where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-bottom: calc(var(--spacing) * 0);
	}

	& :is(:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 4);
	}

	& :is(:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-bottom: calc(var(--spacing) * 0);
	}

	& :is(:where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 8);
	}

	& :is(:where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-bottom: calc(var(--spacing) * 0);
	}

	& :is(:where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		width: 100%;
	}

	& :is(:where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		border-radius: var(--radius-2xl);
	}

	@media (width >=769px)
	{
		& :is(:where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			margin-top: calc(var(--spacing) * 10);
		}
	}

	& :is(:where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-top: calc(var(--spacing) * 8);
	}

	& :is(:where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		margin-bottom: calc(var(--spacing) * 0);
	}

	& :is(:where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)))
	{
		border-radius: var(--radius-2xl);
	}

	@media (width >=769px)
	{
		& :is(:where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)))
		{
			margin-top: calc(var(--spacing) * 10);
		}
	}
}

.integration-button.active
{
	border-color: color-mix(in srgb, #2d3a57 70%, transparent);

	@supports (color: color-mix(in lab, red, red))
	{
		border-color: color-mix(in oklab, var(--color-lineColor) 70%, transparent);
	}

	background-color: var(--color-blue);
	color: var(--color-white);
}

.demo-banner-slide
{
	transition: all .4s ease-in-out;

	&:hover
	{
		box-shadow: 0px -16.67px 83.33px 0px #4F46E566, 0px -5.32px 26.59px 0px #4F46E521, 0px -2.01px 10.06px 0px #4F46E50C, 0px -0.67px 3.32px 0px #4F46E504, 0px -15.83px 58.33px 0px #4F46E566;
		backdrop-filter: blur(8.33px);
	}
}

.marquee-slider .swiper-slide
{
	width: 400px !important;

	@media (width >=640px)
	{
		width: calc(1/2 * 100%) !important;
	}
}

.marquee-slider .swiper-wrapper
{
	transition-timing-function: linear !important;
}

.demoGradient-text
{
	background: linear-gradient(90deg, #1D2047 15%, #4F46E5 50%, #1C1F46 85%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.demo-slider-overlay
{
	position: absolute;
	width: 100%;
	height: 50%;
	bottom: -5px;
	pointer-events: none;
	background: linear-gradient(0deg, #0e1321, transparent);
	z-index: 1;
}

.rotate-animation
{
	animation: rotate 5s linear infinite;

	&:nth-child(2)
	{
		animation-delay: 1s;
	}

	&:nth-child(3)
	{
		animation-delay: 2s;
	}
}

@keyframes rotate
{
	from
	{
		transform: rotate(0deg);
	}

	to
	{
		transform: rotate(360deg);
	}
}

.demo-home-card
{
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
	transition: background-position 10s ease;

	&:is(:where(.group):hover *)
	{
		background-position: center bottom;
	}
}

@media screen and (max-width: 640px)
{
	.footer-menu-toggle
	{
		img
		{
			transition: all .3s ease-in-out;
		}

		&.active
		{
			img
			{
				transform: rotateX(180deg);
			}
		}
	}

	.footer-menu-list
	{
		max-height: 0;
		transition: max-height 0.5s ease-out;
		height: auto;
	}

	.footer-menu-list.active
	{
		max-height: 500px;
	}
}

.moving-animation svg
{
	animation: gototop 1.2s linear infinite alternate-reverse;
}

@keyframes gototop
{
	0%
	{
		transform: scale(1) rotate(-135deg);
	}

	100%
	{
		transform: scale(1) rotate(-135deg);
	}
}

.progress
{
	transform: translateX(20px) rotate(45deg);
	transition: .3s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.progress.setvissible
{
	transform: translateX(0px) rotate(45deg);
	opacity: 1;
	visibility: visible;
}

.loader-title
{
	display: inline-block;
}

.loader-title span
{
	display: inline-block;
	transform-origin: center bottom;
}

.floating-cubes
{
	display: flex;
	gap: 8px;
	align-items: center;
}

.floating-cubes .cube
{
	width: 16px;
	height: 16px;
	background: linear-gradient(45deg, #7D76FF, #2F27B1);
	border-radius: 3px;
	animation: floatCube 1.5s ease-in-out infinite;
}

.floating-cubes .cube:nth-child(1)
{
	animation-delay: 0s;
}

.floating-cubes .cube:nth-child(2)
{
	animation-delay: 0.2s;
}

.floating-cubes .cube:nth-child(3)
{
	animation-delay: 0.4s;
}

.floating-cubes .cube:nth-child(4)
{
	animation-delay: 0.6s;
}

.floating-cubes .cube:nth-child(5)
{
	animation-delay: 0.8s;
}

@keyframes floatCube
{

	0%,
	100%
	{
		transform: translateY(0) rotateY(0deg);
	}

	50%
	{
		transform: translateY(-20px) rotateY(180deg);
	}
}

.sticky-card
{
	will-change: transform;
}

.preloader-area
{
	transition: all .01s ease;
}

.preloader-area.loaded
{
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
}

@media screen and (max-width: 1024px)
{
	.main-menu ul li button
	{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
}

@property --tw-translate-x
{
	syntax: "*";
	inherits: false;
	initial-value: 0;
}

@property --tw-translate-y
{
	syntax: "*";
	inherits: false;
	initial-value: 0;
}

@property --tw-translate-z
{
	syntax: "*";
	inherits: false;
	initial-value: 0;
}

@property --tw-rotate-x
{
	syntax: "*";
	inherits: false;
}

@property --tw-rotate-y
{
	syntax: "*";
	inherits: false;
}

@property --tw-rotate-z
{
	syntax: "*";
	inherits: false;
}

@property --tw-skew-x
{
	syntax: "*";
	inherits: false;
}

@property --tw-skew-y
{
	syntax: "*";
	inherits: false;
}

@property --tw-space-y-reverse
{
	syntax: "*";
	inherits: false;
	initial-value: 0;
}

@property --tw-divide-y-reverse
{
	syntax: "*";
	inherits: false;
	initial-value: 0;
}

@property --tw-border-style
{
	syntax: "*";
	inherits: false;
	initial-value: solid;
}

@property --tw-gradient-position
{
	syntax: "*";
	inherits: false;
}

@property --tw-gradient-from
{
	syntax: "<color>";
	inherits: false;
	initial-value: #0000;
}

@property --tw-gradient-via
{
	syntax: "<color>";
	inherits: false;
	initial-value: #0000;
}

@property --tw-gradient-to
{
	syntax: "<color>";
	inherits: false;
	initial-value: #0000;
}

@property --tw-gradient-stops
{
	syntax: "*";
	inherits: false;
}

@property --tw-gradient-via-stops
{
	syntax: "*";
	inherits: false;
}

@property --tw-gradient-from-position
{
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 0%;
}

@property --tw-gradient-via-position
{
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 50%;
}

@property --tw-gradient-to-position
{
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 100%;
}

@property --tw-leading
{
	syntax: "*";
	inherits: false;
}

@property --tw-font-weight
{
	syntax: "*";
	inherits: false;
}

@property --tw-tracking
{
	syntax: "*";
	inherits: false;
}

@property --tw-shadow
{
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@property --tw-shadow-color
{
	syntax: "*";
	inherits: false;
}

@property --tw-shadow-alpha
{
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}

@property --tw-inset-shadow
{
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color
{
	syntax: "*";
	inherits: false;
}

@property --tw-inset-shadow-alpha
{
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}

@property --tw-ring-color
{
	syntax: "*";
	inherits: false;
}

@property --tw-ring-shadow
{
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color
{
	syntax: "*";
	inherits: false;
}

@property --tw-inset-ring-shadow
{
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@property --tw-ring-inset
{
	syntax: "*";
	inherits: false;
}

@property --tw-ring-offset-width
{
	syntax: "<length>";
	inherits: false;
	initial-value: 0px;
}

@property --tw-ring-offset-color
{
	syntax: "*";
	inherits: false;
	initial-value: #fff;
}

@property --tw-ring-offset-shadow
{
	syntax: "*";
	inherits: false;
	initial-value: 0 0 #0000;
}

@property --tw-outline-style
{
	syntax: "*";
	inherits: false;
	initial-value: solid;
}

@property --tw-blur
{
	syntax: "*";
	inherits: false;
}

@property --tw-brightness
{
	syntax: "*";
	inherits: false;
}

@property --tw-contrast
{
	syntax: "*";
	inherits: false;
}

@property --tw-grayscale
{
	syntax: "*";
	inherits: false;
}

@property --tw-hue-rotate
{
	syntax: "*";
	inherits: false;
}

@property --tw-invert
{
	syntax: "*";
	inherits: false;
}

@property --tw-opacity
{
	syntax: "*";
	inherits: false;
}

@property --tw-saturate
{
	syntax: "*";
	inherits: false;
}

@property --tw-sepia
{
	syntax: "*";
	inherits: false;
}

@property --tw-drop-shadow
{
	syntax: "*";
	inherits: false;
}

@property --tw-drop-shadow-color
{
	syntax: "*";
	inherits: false;
}

@property --tw-drop-shadow-alpha
{
	syntax: "<percentage>";
	inherits: false;
	initial-value: 100%;
}

@property --tw-drop-shadow-size
{
	syntax: "*";
	inherits: false;
}

@property --tw-backdrop-blur
{
	syntax: "*";
	inherits: false;
}

@property --tw-backdrop-brightness
{
	syntax: "*";
	inherits: false;
}

@property --tw-backdrop-contrast
{
	syntax: "*";
	inherits: false;
}

@property --tw-backdrop-grayscale
{
	syntax: "*";
	inherits: false;
}

@property --tw-backdrop-hue-rotate
{
	syntax: "*";
	inherits: false;
}

@property --tw-backdrop-invert
{
	syntax: "*";
	inherits: false;
}

@property --tw-backdrop-opacity
{
	syntax: "*";
	inherits: false;
}

@property --tw-backdrop-saturate
{
	syntax: "*";
	inherits: false;
}

@property --tw-backdrop-sepia
{
	syntax: "*";
	inherits: false;
}

@property --tw-duration
{
	syntax: "*";
	inherits: false;
}

@property --tw-ease
{
	syntax: "*";
	inherits: false;
}

@property --tw-scale-x
{
	syntax: "*";
	inherits: false;
	initial-value: 1;
}

@property --tw-scale-y
{
	syntax: "*";
	inherits: false;
	initial-value: 1;
}

@property --tw-scale-z
{
	syntax: "*";
	inherits: false;
	initial-value: 1;
}

@property --tw-content
{
	syntax: "*";
	initial-value: "";
	inherits: false;
}

@keyframes spin
{
	to
	{
		transform: rotate(360deg);
	}
}

@layer properties
{
	@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b))))
	{

		*,
		::before,
		::after,
		::backdrop
		{
			--tw-translate-x: 0;
			--tw-translate-y: 0;
			--tw-translate-z: 0;
			--tw-rotate-x: initial;
			--tw-rotate-y: initial;
			--tw-rotate-z: initial;
			--tw-skew-x: initial;
			--tw-skew-y: initial;
			--tw-space-y-reverse: 0;
			--tw-divide-y-reverse: 0;
			--tw-border-style: solid;
			--tw-gradient-position: initial;
			--tw-gradient-from: #0000;
			--tw-gradient-via: #0000;
			--tw-gradient-to: #0000;
			--tw-gradient-stops: initial;
			--tw-gradient-via-stops: initial;
			--tw-gradient-from-position: 0%;
			--tw-gradient-via-position: 50%;
			--tw-gradient-to-position: 100%;
			--tw-leading: initial;
			--tw-font-weight: initial;
			--tw-tracking: initial;
			--tw-shadow: 0 0 #0000;
			--tw-shadow-color: initial;
			--tw-shadow-alpha: 100%;
			--tw-inset-shadow: 0 0 #0000;
			--tw-inset-shadow-color: initial;
			--tw-inset-shadow-alpha: 100%;
			--tw-ring-color: initial;
			--tw-ring-shadow: 0 0 #0000;
			--tw-inset-ring-color: initial;
			--tw-inset-ring-shadow: 0 0 #0000;
			--tw-ring-inset: initial;
			--tw-ring-offset-width: 0px;
			--tw-ring-offset-color: #fff;
			--tw-ring-offset-shadow: 0 0 #0000;
			--tw-outline-style: solid;
			--tw-blur: initial;
			--tw-brightness: initial;
			--tw-contrast: initial;
			--tw-grayscale: initial;
			--tw-hue-rotate: initial;
			--tw-invert: initial;
			--tw-opacity: initial;
			--tw-saturate: initial;
			--tw-sepia: initial;
			--tw-drop-shadow: initial;
			--tw-drop-shadow-color: initial;
			--tw-drop-shadow-alpha: 100%;
			--tw-drop-shadow-size: initial;
			--tw-backdrop-blur: initial;
			--tw-backdrop-brightness: initial;
			--tw-backdrop-contrast: initial;
			--tw-backdrop-grayscale: initial;
			--tw-backdrop-hue-rotate: initial;
			--tw-backdrop-invert: initial;
			--tw-backdrop-opacity: initial;
			--tw-backdrop-saturate: initial;
			--tw-backdrop-sepia: initial;
			--tw-duration: initial;
			--tw-ease: initial;
			--tw-scale-x: 1;
			--tw-scale-y: 1;
			--tw-scale-z: 1;
			--tw-content: "";
			--gradient-angle: 0deg;
		}
	}
}