@charset "utf-8";

:root {
	--color-red-100: oklch(93.6% .032 17.717deg);
	--color-red-600: oklch(57.7% .245 27.325deg);
	--color-amber-200: oklch(92.4% .12 95.746deg);
	--color-blue-200: oklch(88.2% .059 254.128deg);
	--color-blue-700: oklch(48.8% .243 264.376deg);
	--color-neutral-50: oklch(98.5% 0 0deg);
	--color-neutral-100: oklch(97% 0 0deg);
	--color-neutral-200: oklch(92.2% 0 0deg);
	--color-neutral-300: oklch(87% 0 0deg);
	--color-neutral-600: oklch(43.9% 0 0deg);
	--color-neutral-700: oklch(37.1% 0 0deg);
	--color-white: #fff;
	--spacing: .25rem;
	--radius: .5rem;
	--container-3xl: 48rem;
	--text-xs: .75rem;
	--text-xs-line-height: calc(1 / .75);
	--text-sm: .875rem;
	--text-sm-line-height: calc(1.25 / .875);
	--text-base: 1rem;
	--text-base-line-height: 1.5;
	--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: 1.2;
	--text-4xl: 2.25rem;
	--text-4xl-line-height: calc(2.5 / 2.25);
	--font-weight-light: 300;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--tracking-wide: .025em;
	--leading-relaxed: 1.625;
	--default-transition-duration: .15s;
	--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	--default-mono-font-family: ui-monospace, sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.top-0 {
	top: 0;
}

.left-0 {
	left: 0;
}

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

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

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

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

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

.mr-1 {
	margin-right: calc(var(--spacing) * 1);
}

.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-6 {
	margin-bottom: calc(var(--spacing) * 6);
}

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

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

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

.block {
	display: block;
}

.flex {
	display: flex;
}

.grid {
	display: grid;
}

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

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

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

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

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

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

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

.h-full {
	height: 100%;
}

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

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

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

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

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

.w-full {
	width: 100%;
}

.max-w-3xl {
	max-width: var(--container-3xl);
}

.flex-1 {
	flex: 1 1 0%;
}

.flex-shrink-0,
.shrink-0 {
	flex-shrink: 0;
}

.resize-none {
	resize: none;
}

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

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

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

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

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

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

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

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

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

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

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

.overflow-hidden {
	overflow: hidden;
}

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

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

.border {
	border: 1px solid transparent;
}

.border-2 {
	border: 2px solid transparent;
}

.border-b {
	border-bottom: 1px solid transparent;
}

.border-transparent,
.focus\:border-transparent:focus {
	border-color: transparent;
}

.border-\[\#20B573\],
.hover\:border-\[\#20B573\]:hover {
	border-color: rgb(32, 181, 115);
}

.border-\[\#20B573\]\/20 {
	border-color: rgb(32, 181, 115 / 20%);
}

.border-\[\#22313F\] {
	border-color: rgb(34, 49, 63);
}

.border-amber-200 {
	border-color: var(--color-amber-200);
}

.border-blue-200 {
	border-color: var(--color-blue-200);
}

.border-neutral-200 {
	border-color: var(--color-neutral-200);
}

.border-neutral-300 {
	border-color: var(--color-neutral-300);
}

.bg-\[\#20B573\],
.hover\:bg-\[\#20B573\]:hover {
	background-color: rgb(32, 181, 115);
}

.bg-\[\#20B573\]\/10 {
	background-color: rgb(32, 181, 115 / 10%);
}

.bg-\[\#22313F\],
.hover\:bg-\[\#22313F\]:hover {
	background-color: rgb(34, 49, 63);
}

.bg-\[\#22313F\]\/10 {
	background-color: rgb(34, 49, 63 / 10%);
}

.bg-neutral-50,
.hover\:bg-neutral-50:hover {
	background-color: var(--color-neutral-50);
}

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

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

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

.bg-gradient-to-br {
	background-image: linear-gradient(to bottom right, var(--tw-gradient-from, transparent), var(--tw-gradient-via, transparent), var(--tw-gradient-to, transparent));
}

.from-\[\#20B573\]\/5 {
	--tw-gradient-from: oklab(68.3972% -0.1419 0.0586 / .05);
}

.from-\[\#22313F\]\/5 {
	--tw-gradient-from: oklab(30.6227% -0.0126 -0.0298 / .05);
}

.from-neutral-50 {
	--tw-gradient-from: var(--color-neutral-50);
}

.via-white {
	--tw-gradient-via: var(--color-white);
}

.to-\[\#22313F\]\/5 {
	--tw-gradient-to: oklab(30.6227% -0.0126 -0.0298 / .05);
}

.to-neutral-50 {
	--tw-gradient-to: var(--color-neutral-50);
}

.to-neutral-100 {
	--tw-gradient-to: var(--color-neutral-100);
}

.to-white {
	--tw-gradient-to: var(--color-white);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-mono {
	font-family: var(--default-mono-font-family);
}

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

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

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

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

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

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

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

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

.text-\[\#20B573\] {
	color: rgb(32, 181, 115);
}

.text-\[\#22313F\] {
	color: rgb(34, 49, 63);
}

.text-neutral-300 {
	color: var(--color-neutral-300);
}

.text-neutral-600 {
	color: var(--color-neutral-600);
}

.text-neutral-700 {
	color: var(--color-neutral-700);
}

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

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

.uppercase {
	text-transform: uppercase;
}

.shadow-lg {
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
}

.transition-all {
	transition: all var(--default-transition-duration) var(--default-transition-timing-function);
}

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

.hover\:bg-\[\#1a2630\]:hover {
	background-color: rgb(26, 38, 48);
}

.hover\:bg-\[\#1a9d63\]:hover {
	background-color: rgb(26, 157, 99);
}

.hover\:text-\[\#1a9d63\]:hover {
	color: rgb(26, 157, 99);
}

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

.hover\:shadow-xl:hover {
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 8px 10px -6px rgb(0 0 0 / 10%);
}

.focus\:ring-2:focus {
	box-shadow: 0 0 0 2px currentcolor;
}

.focus\:ring-\[\#20B573\]:focus {
	color: #20b573;
}

.focus\:outline-none:focus {
	outline: none;
}

@media (min-width: 48rem) {
	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

@media (min-width: 64rem) {
	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

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