@font-face {
	font-family: montserratMedium;
	src: url(/_next/static/media/62e48611196b08b2-s.p.ttf) format("truetype");
	font-display: swap;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: montserratMedium Fallback;
	src: local("Arial");
	ascent-override: 83.59%;
	descent-override: 21.67%;
	line-gap-override: 0%;
	size-adjust: 115.8%;
}
.__className_d4cf94 {
	font-family: montserratMedium, montserratMedium Fallback;
	font-weight: 400;
	font-style: normal;
}
.__variable_d4cf94 {
	--font-montserrat-medium: "montserratMedium", "montserratMedium Fallback";
}
@font-face {
	font-family: montserratRegular;
	src: url(/_next/static/media/54c76208542a99cd-s.p.ttf) format("truetype");
	font-display: swap;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: montserratRegular Fallback;
	src: local("Arial");
	ascent-override: 84.97%;
	descent-override: 22.03%;
	line-gap-override: 0%;
	size-adjust: 113.92%;
}
.__className_a036fc {
	font-family: montserratRegular, montserratRegular Fallback;
	font-weight: 400;
	font-style: normal;
}
.__variable_a036fc {
	--font-montserrat-regular: "montserratRegular", "montserratRegular Fallback";
}
@font-face {
	font-family: montserratSemiBold;
	src: url(/_next/static/media/941396b781615e84-s.p.ttf) format("truetype");
	font-display: swap;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: montserratSemiBold Fallback;
	src: local("Arial");
	ascent-override: 82.12%;
	descent-override: 21.29%;
	line-gap-override: 0%;
	size-adjust: 117.88%;
}
.__className_20d8dd {
	font-family: montserratSemiBold, montserratSemiBold Fallback;
	font-weight: 400;
	font-style: normal;
}
.__variable_20d8dd {
	--font-montserrat-SemiBold: "montserratSemiBold", "montserratSemiBold Fallback";
}
*,
:after,
:before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: ;
}
::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: ;
} /*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
	box-sizing: border-box;
	border: 0 solid #e5e7eb;
}
:after,
:before {
	--tw-content: "";
}
:host,
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	tab-size: 4;
	font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent;
}
body {
	margin: 0;
	line-height: inherit;
}
hr {
	color: inherit;
	border-top-width: 1px;
}
abbr:where([title]) {
	text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
}
a {
	color: inherit;
	text-decoration: inherit;
}
code,
kbd,
pre,
samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em;
}
table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	padding: 0;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none;
}
:-moz-focusring {
	outline: auto;
}
:-moz-ui-invalid {
	box-shadow: none;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}
::-webkit-search-decoration {
	-webkit-appearance: none;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0;
}
fieldset,
menu,
ol,
ul {
	margin: 0;
	padding: 0;
}
menu,
ol,
ul {
	list-style: none;
}
dialog {
	padding: 0;
}
textarea {
	resize: vertical;
}
input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: #9ca3af;
}
[role="button"],
button {
	cursor: pointer;
}
:disabled {
	cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle;
}
img,
video {
	max-width: 100%;
	height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
	display: none;
}
.container {
	width: 100%;
}
@media (min-width: 640px) {
	.container {
		max-width: 640px;
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 768px;
	}
}
@media (min-width: 1025px) {
	.container {
		max-width: 1025px;
	}
}
@media (min-width: 1280px) {
	.container {
		max-width: 1280px;
	}
}
@media (min-width: 1536px) {
	.container {
		max-width: 1536px;
	}
}
.fixed {
	position: fixed;
}
.absolute {
	position: absolute;
}
.\!relative {
	position: relative !important;
}
.relative {
	position: relative;
}
.inset-0 {
	inset: 0;
}
.-top-0\.5 {
	top: -0.125rem;
}
.bottom-0\.5 {
	bottom: 0.125rem;
}
.bottom-\[0\] {
	bottom: 0;
}
.left-0 {
	left: 0;
}
.left-6 {
	left: 1.5rem;
}
.right-0 {
	right: 0;
}
.right-4 {
	right: 1rem;
}
.top-0 {
	top: 0;
}
.top-1\/2 {
	top: 50%;
}
.top-\[50px\] {
	top: 50px;
}
.top-\[75\%\] {
	top: 75%;
}
.z-10 {
	z-index: 10;
}
.z-20 {
	z-index: 20;
}
.z-40 {
	z-index: 40;
}
.z-50 {
	z-index: 50;
}
.\!m-0 {
	margin: 0 !important;
}
.m-\[0\] {
	margin: 0;
}
.m-\[10px_auto_0\] {
	margin: 10px auto 0;
}
.m-\[20px\] {
	margin: 20px;
}
.m-\[auto\],
.m-auto {
	margin: auto;
}
.mx-\[auto\] {
	margin-left: auto;
	margin-right: auto;
}
.my-4 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.\!mb-0 {
	margin-bottom: 0 !important;
}
.\!mt-3 {
	margin-top: 0.75rem !important;
}
.mb-10 {
	margin-bottom: 2.5rem;
}
.mb-12 {
	margin-bottom: 3rem;
}
.mb-16 {
	margin-bottom: 4rem;
}
.mb-2 {
	margin-bottom: 0.5rem;
}
.mb-28 {
	margin-bottom: 7rem;
}
.mb-3 {
	margin-bottom: 0.75rem;
}
.mb-32 {
	margin-bottom: 8rem;
}
.mb-5 {
	margin-bottom: 1.25rem;
}
.mb-8 {
	margin-bottom: 2rem;
}
.mb-\[10px\] {
	margin-bottom: 10px;
}
.mb-\[12px\] {
	margin-bottom: 12px;
}
.mb-\[15px\] {
	margin-bottom: 15px;
}
.mb-\[2px\] {
	margin-bottom: 2px;
}
.mb-\[5px\] {
	margin-bottom: 5px;
}
.mb-\[6px\] {
	margin-bottom: 6px;
}
.mb-\[8px\] {
	margin-bottom: 8px;
}
.me-auto {
	margin-inline-end: auto;
}
.ml-2 {
	margin-left: 0.5rem;
}
.ml-2\.5 {
	margin-left: 0.625rem;
}
.ml-5 {
	margin-left: 1.25rem;
}
.ml-\[1\%\] {
	margin-left: 1%;
}
.ml-\[10\%\] {
	margin-left: 10%;
}
.ml-\[11\%\] {
	margin-left: 11%;
}
.ml-\[5\%\] {
	margin-left: 5%;
}
.mr-2 {
	margin-right: 0.5rem;
}
.mr-5 {
	margin-right: 1.25rem;
}
.ms-auto {
	margin-inline-start: auto;
}
.mt-0 {
	margin-top: 0;
}
.mt-10 {
	margin-top: 2.5rem;
}
.mt-2 {
	margin-top: 0.5rem;
}
.mt-20 {
	margin-top: 5rem;
}
.mt-28 {
	margin-top: 7rem;
}
.mt-3 {
	margin-top: 0.75rem;
}
.mt-4 {
	margin-top: 1rem;
}
.mt-5 {
	margin-top: 1.25rem;
}
.mt-8 {
	margin-top: 2rem;
}
.mt-\[14px\] {
	margin-top: 14px;
}
.mt-\[20px\] {
	margin-top: 20px;
}
.mt-\[40px\] {
	margin-top: 40px;
}
.mt-\[5px\] {
	margin-top: 5px;
}
.box-border {
	box-sizing: border-box;
}
.line-clamp-1 {
	-webkit-line-clamp: 1;
}
.line-clamp-1,
.line-clamp-4 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.line-clamp-4 {
	-webkit-line-clamp: 4;
}
.line-clamp-5 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.flex {
	display: flex;
}
.grid {
	display: grid;
}
.hidden {
	display: none;
}
.aspect-\[1\/1\.778\] {
	aspect-ratio: 1/1.778;
}
.aspect-\[2\/1\] {
	aspect-ratio: 2/1;
}
.h-0 {
	height: 0;
}
.h-10 {
	height: 2.5rem;
}
.h-16 {
	height: 4rem;
}
.h-2 {
	height: 0.5rem;
}
.h-20 {
	height: 5rem;
}
.h-4 {
	height: 1rem;
}
.h-52 {
	height: 13rem;
}
.h-7 {
	height: 1.75rem;
}
.h-\[100\%\] {
	height: 100%;
}
.h-\[100px\] {
	height: 100px;
}
.h-\[1px\] {
	height: 1px;
}
.h-\[20px\] {
	height: 20px;
}
.h-\[250px\] {
	height: 250px;
}
.h-\[30px\] {
	height: 30px;
}
.h-\[50px\] {
	height: 50px;
}
.h-\[60vh\] {
	height: 60vh;
}
.h-\[625px\] {
	height: 625px;
}
.h-\[650px\] {
	height: 650px;
}
.h-\[65px\] {
	height: 65px;
}
.h-\[732px\] {
	height: 732px;
}
.h-\[auto\] {
	height: auto;
}
.h-full {
	height: 100%;
}
.\!min-h-0 {
	min-height: 0 !important;
}
.min-h-48 {
	min-height: 12rem;
}
.min-h-\[276px\] {
	min-height: 276px;
}
.\!w-1\/2 {
	width: 50% !important;
}
.\!w-7 {
	width: 1.75rem !important;
}
.\!w-auto {
	width: auto !important;
}
.w-0 {
	width: 0;
}
.w-1\/3 {
	width: 33.333333%;
}
.w-16 {
	width: 4rem;
}
.w-2 {
	width: 0.5rem;
}
.w-20 {
	width: 5rem;
}
.w-24 {
	width: 6rem;
}
.w-28 {
	width: 7rem;
}
.w-4 {
	width: 1rem;
}
.w-72 {
	width: 18rem;
}
.w-\[100\%\] {
	width: 100%;
}
.w-\[100px\] {
	width: 100px;
}
.w-\[200px\] {
	width: 200px;
}
.w-\[25px\] {
	width: 25px;
}
.w-\[30\%\] {
	width: 30%;
}
.w-\[36\%\] {
	width: 36%;
}
.w-\[50\%\] {
	width: 50%;
}
.w-\[500px\] {
	width: 500px;
}
.w-\[65px\] {
	width: 65px;
}
.w-\[70\%\] {
	width: 70%;
}
.w-\[70px\] {
	width: 70px;
}
.w-\[75\%\] {
	width: 75%;
}
.w-\[78\%\] {
	width: 78%;
}
.w-\[80\%\] {
	width: 80%;
}
.w-\[90\%\] {
	width: 90%;
}
.w-\[98\%\] {
	width: 98%;
}
.w-auto {
	width: auto;
}
.w-full {
	width: 100%;
}
.max-w-4xl {
	max-width: 56rem;
}
.max-w-\[1146px\] {
	max-width: 1146px;
}
.max-w-\[1200px\] {
	max-width: 1200px;
}
.max-w-\[1366px\] {
	max-width: 1366px;
}
.max-w-\[140px\] {
	max-width: 140px;
}
.max-w-\[1500px\] {
	max-width: 1500px;
}
.max-w-\[40vh\] {
	max-width: 40vh;
}
.max-w-\[570px\] {
	max-width: 570px;
}
.max-w-lg {
	max-width: 32rem;
}
.flex-1 {
	flex: 1 1 0%;
}
.shrink-0 {
	flex-shrink: 0;
}
.flex-grow {
	flex-grow: 1;
}
.-skew-x-6 {
	--tw-skew-x: -6deg;
}
.-skew-x-6,
.skew-x-\[350deg\] {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
		scaleY(var(--tw-scale-y));
}
.skew-x-\[350deg\] {
	--tw-skew-x: 350deg;
}
.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
		scaleY(var(--tw-scale-y));
}
.cursor-pointer {
	cursor: pointer;
}
.select-none {
	user-select: none;
}
.\!grid-cols-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.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));
}
.grid-cols-\[1fr_160px\] {
	grid-template-columns: 1fr 160px;
}
.grid-cols-\[20px_1fr\] {
	grid-template-columns: 20px 1fr;
}
.grid-cols-\[60px_1fr\] {
	grid-template-columns: 60px 1fr;
}
.flex-row {
	flex-direction: row;
}
.flex-col {
	flex-direction: column;
}
.flex-wrap {
	flex-wrap: wrap;
}
.items-center {
	align-items: center;
}
.justify-start {
	justify-content: flex-start;
}
.justify-end {
	justify-content: flex-end;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.justify-items-center {
	justify-items: center;
}
.gap-1 {
	gap: 0.25rem;
}
.gap-12 {
	gap: 3rem;
}
.gap-2 {
	gap: 0.5rem;
}
.gap-4 {
	gap: 1rem;
}
.gap-5 {
	gap: 1.25rem;
}
.gap-6 {
	gap: 1.5rem;
}
.gap-\[10px\] {
	gap: 10px;
}
.gap-\[20px\] {
	gap: 20px;
}
.gap-\[60px\] {
	gap: 60px;
}
.gap-\[78px\] {
	gap: 78px;
}
.divide-x-\[100\%\] > :not([hidden]) ~ :not([hidden]) {
	--tw-divide-x-reverse: 0;
	border-right-width: calc(100% * var(--tw-divide-x-reverse));
	border-left-width: calc(100% * calc(1 - var(--tw-divide-x-reverse)));
}
.overflow-hidden,
.truncate {
	overflow: hidden;
}
.truncate {
	white-space: nowrap;
}
.text-ellipsis,
.truncate {
	text-overflow: ellipsis;
}
.rounded-\[12px\] {
	border-radius: 12px;
}
.rounded-\[3px\] {
	border-radius: 3px;
}
.rounded-\[6px\] {
	border-radius: 6px;
}
.rounded-\[8px\] {
	border-radius: 8px;
}
.rounded-\[9px\] {
	border-radius: 9px;
}
.rounded-md {
	border-radius: 0.375rem;
}
.rounded-xl {
	border-radius: 0.75rem;
}
.border,
.border-\[1px\] {
	border-width: 1px;
}
.border-b-4 {
	border-bottom-width: 4px;
}
.border-l-8 {
	border-left-width: 8px;
}
.border-t {
	border-top-width: 1px;
}
.border-t-4 {
	border-top-width: 4px;
}
.border-solid {
	border-style: solid;
}
.border-\[\#8f8c9021\] {
	border-color: #8f8c9021;
}
.border-\[\#6d1097\] {
	--tw-border-opacity: 1;
	border-color: rgb(230 39 79 / var(--tw-border-opacity, 1));
}
.border-\[\#ffffff7c\] {
	border-color: #ffffff7c;
}
.border-transparent {
	border-color: transparent;
}
.border-l-\[\#6d1097\] {
	--tw-border-opacity: 1;
	border-left-color: rgb(230 39 79 / var(--tw-border-opacity, 1));
}
.bg-\[\#131314\] {
	--tw-bg-opacity: 1;
	background-color: rgb(19 19 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#181819\] {
	--tw-bg-opacity: 1;
	background-color: rgb(24 24 25 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6d1097\] {
	--tw-bg-opacity: 1;
	background-color: rgb(230 39 79 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(143\2c 140\2c 144\2c 0\.15\)\] {
	background-color: hsla(285, 2%, 56%, 0.15);
}
.bg-black {
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-opacity-65 {
	--tw-bg-opacity: 0.65;
}
.bg-gradient-to-b {
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
	background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#131314\] {
	--tw-gradient-from: #131314 var(--tw-gradient-from-position);
	--tw-gradient-to: rgba(19, 19, 20, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#00000041\] {
	--tw-gradient-to: #00000041 var(--tw-gradient-to-position);
}
.to-\[\#00000045\] {
	--tw-gradient-to: #00000045 var(--tw-gradient-to-position);
}
.bg-\[length\:100\%_100\%\] {
	background-size: 100% 100%;
}
.bg-cover {
	background-size: cover;
}
.bg-center {
	background-position: 50%;
}
.bg-no-repeat {
	background-repeat: no-repeat;
}
.object-contain {
	object-fit: contain;
}
.object-cover {
	object-fit: cover;
}
.object-bottom {
	object-position: bottom;
}
.object-right {
	object-position: right;
}
.p-1 {
	padding: 0.25rem;
}
.p-3 {
	padding: 0.75rem;
}
.p-\[10px_0_30px\] {
	padding: 10px 0 30px;
}
.p-\[5px\] {
	padding: 5px;
}
.p-\[5px_10px\] {
	padding: 5px 10px;
}
.p-\[8px_14px_14px_0\] {
	padding: 8px 14px 14px 0;
}
.px-1 {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.px-2 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.px-2\.5 {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}
.px-3 {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.px-\[15\%\] {
	padding-left: 15%;
	padding-right: 15%;
}
.px-\[3\%\] {
	padding-left: 3%;
	padding-right: 3%;
}
.py-10 {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.py-2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.py-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.py-6 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.py-\[30px\] {
	padding-top: 30px;
	padding-bottom: 30px;
}
.py-\[50px\] {
	padding-top: 50px;
	padding-bottom: 50px;
}
.\!pb-0 {
	padding-bottom: 0 !important;
}
.pb-\[10px\] {
	padding-bottom: 10px;
}
.pb-\[25px\] {
	padding-bottom: 25px;
}
.pb-\[50px\] {
	padding-bottom: 50px;
}
.pl-4 {
	padding-left: 1rem;
}
.pl-6 {
	padding-left: 1.5rem;
}
.pr-2 {
	padding-right: 0.5rem;
}
.pr-4 {
	padding-right: 1rem;
}
.pt-\[20px\] {
	padding-top: 20px;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.font-\[\'Montserrat\'\] {
	font-family: Montserrat;
}
.\!text-3xl {
	font-size: 1.875rem !important;
	line-height: 2.25rem !important;
}
.\!text-xs {
	font-size: 0.75rem !important;
	line-height: 1rem !important;
}
.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem;
}
.text-\[10px\] {
	font-size: 10px;
}
.text-\[12px\] {
	font-size: 12px;
}
.text-\[14px\] {
	font-size: 14px;
}
.text-\[16px\] {
	font-size: 16px;
}
.text-\[20px\] {
	font-size: 20px;
}
.text-\[22px\] {
	font-size: 22px;
}
.text-\[8px\] {
	font-size: 8px;
}
.text-\[9px\] {
	font-size: 9px;
}
.text-base {
	font-size: 1rem;
	line-height: 1.5rem;
}
.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.text-sm {
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.text-xs {
	font-size: 0.75rem;
	line-height: 1rem;
}
.font-normal {
	font-weight: 400;
}
.font-semibold {
	font-weight: 600;
}
.leading-3 {
	line-height: 0.75rem;
}
.leading-6 {
	line-height: 1.5rem;
}
.leading-\[14px\] {
	line-height: 14px;
}
.leading-\[16px\] {
	line-height: 16px;
}
.leading-\[1\] {
	line-height: 1;
}
.leading-\[9px\] {
	line-height: 9px;
}
.text-\[\#505058\] {
	--tw-text-opacity: 1;
	color: rgb(80 80 88 / var(--tw-text-opacity, 1));
}
.text-\[\#9999A3\] {
	--tw-text-opacity: 1;
	color: rgb(153 153 163 / var(--tw-text-opacity, 1));
}
.text-\[\#D1D1D4\] {
	--tw-text-opacity: 1;
	color: rgb(209 209 212 / var(--tw-text-opacity, 1));
}
.text-\[\#D3D3D9\] {
	--tw-text-opacity: 1;
	color: rgb(211 211 217 / var(--tw-text-opacity, 1));
}
.text-\[\#DF264D\] {
	--tw-text-opacity: 1;
	color: rgb(220, 85, 247);
	
}
.text-\[\#6d1097\] {
	--tw-text-opacity: 1;
	color: rgb(230 39 79 / var(--tw-text-opacity, 1));
}
.text-\[\#E9E9E9\] {
	--tw-text-opacity: 1;
	color: rgb(233 233 233 / var(--tw-text-opacity, 1));
}
.text-\[\#FFFFFF\] {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[\#a0a0a3\] {
	--tw-text-opacity: 1;
	color: rgb(160 160 163 / var(--tw-text-opacity, 1));
}
.text-\[\#c1c1c7\] {
	--tw-text-opacity: 1;
	color: rgb(193 193 199 / var(--tw-text-opacity, 1));
}
.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
	text-decoration-line: underline;
}
.opacity-75 {
	opacity: 0.75;
}
.blur {
	--tw-blur: blur(8px);
}
.blur,
.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);
}
html {
	--global-background-color: #131314;
	background-color: var(--global-background-color, #fff);
	scroll-timing-function: cubic-bezier(0.1, 0.1, 0.1, 1);
}
body,
html {
	padding: 0;
	margin: 0;
	width: 100%;
	min-height: 100%;
	height: 100%;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
main {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	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;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
	-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
summary {
	display: list-item;
}
[hidden],
template {
	display: none;
}
h1,
h2,
h3 {
	font-family: var(--font-montserrat-SemiBold);
}
h4,
h5,
h6 {
	font-family: var(--font-montserrat-medium);
}
p {
	font-family: var(--font-montserrat-regular);
}
@media not all and (min-width: 1280px) {
	.max-xl\:pl-6 {
		padding-left: 1.5rem;
	}
}
@media not all and (min-width: 1025px) {
	.max-lg\:line-clamp-5 {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
	}
	.max-lg\:hidden {
		display: none;
	}
	.max-lg\:w-\[300px\] {
		width: 300px;
	}
	.max-lg\:w-\[80\%\] {
		width: 80%;
	}
}
@media not all and (min-width: 640px) {
	.max-sm\:right-4 {
		right: 1rem;
	}
	.max-sm\:-mt-10 {
		margin-top: -2.5rem;
	}
	.max-sm\:mb-2 {
		margin-bottom: 0.5rem;
	}
	.max-sm\:ml-\[18\%\] {
		margin-left: 18%;
	}
	.max-sm\:hidden {
		display: none;
	}
	.max-sm\:h-12 {
		height: 3rem;
	}
	.max-sm\:h-\[250px\] {
		height: 250px;
	}
	.max-sm\:h-\[339px\] {
		height: 339px;
	}
	.max-sm\:h-\[80\%\] {
		height: 80%;
	}
	.max-sm\:w-12 {
		width: 3rem;
	}
	.max-sm\:w-\[62\%\] {
		width: 62%;
	}
	.max-sm\:bg-\[url\(\'\/KB\/sjdi_01\.png\'\)\] {
		background-image: url(/KB/sjdi_01.png);
	}
	.max-sm\:bg-\[url\(\'\/KB\/sjdi_02\.png\'\)\] {
		background-image: url(/KB/sjdi_02.png);
	}
	.max-sm\:bg-cover {
		background-size: cover;
	}
	.max-sm\:bg-right {
		background-position: 100%;
	}
	.max-sm\:object-right {
		object-position: right;
	}
	.max-sm\:px-\[17\%\] {
		padding-left: 17%;
		padding-right: 17%;
	}
	.max-sm\:pb-8 {
		padding-bottom: 2rem;
	}
	.max-sm\:pl-0 {
		padding-left: 0;
	}
}
@media (min-width: 640px) {
	.sm\:left-0 {
		left: 0;
	}
	.sm\:top-\[50\%\] {
		top: 50%;
	}
	.sm\:mb-10 {
		margin-bottom: 2.5rem;
	}
	.sm\:mb-3 {
		margin-bottom: 0.75rem;
	}
	.sm\:mb-36 {
		margin-bottom: 9rem;
	}
	.sm\:mb-\[15px\] {
		margin-bottom: 15px;
	}
	.sm\:mb-\[2px\] {
		margin-bottom: 2px;
	}
	.sm\:mt-0 {
		margin-top: 0;
	}
	.sm\:flex {
		display: flex;
	}
	.sm\:grid {
		display: grid;
	}
	.sm\:hidden {
		display: none;
	}
	.sm\:h-\[20px\] {
		height: 20px;
	}
	.sm\:h-\[452px\] {
		height: 452px;
	}
	.sm\:h-\[515px\] {
		height: 515px;
	}
	.sm\:h-\[55px\] {
		height: 55px;
	}
	.sm\:h-\[780px\] {
		height: 780px;
	}
	.sm\:h-\[85px\] {
		height: 85px;
	}
	.sm\:\!w-9 {
		width: 2.25rem !important;
	}
	.sm\:w-\[55px\] {
		width: 55px;
	}
	.sm\:w-\[68px\] {
		width: 68px;
	}
	.sm\:w-\[85px\] {
		width: 85px;
	}
	.sm\:gap-4 {
		gap: 1rem;
	}
	.sm\:bg-\[url\(\'\/KB\/di_01\.png\'\)\] {
		background-image: url(/KB/di_01.png);
	}
	.sm\:bg-\[url\(\'\/KB\/di_02\.png\'\)\] {
		background-image: url(/KB/di_02.png);
	}
	.sm\:p-0 {
		padding: 0;
	}
	.sm\:px-0 {
		padding-left: 0;
		padding-right: 0;
	}
	.sm\:px-3 {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	.sm\:px-6 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.sm\:px-\[21\%\] {
		padding-left: 21%;
		padding-right: 21%;
	}
	.sm\:px-\[6\%\] {
		padding-left: 6%;
		padding-right: 6%;
	}
	.sm\:py-12 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.sm\:py-3 {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
	}
	.sm\:pt-\[30px\] {
		padding-top: 30px;
	}
	.sm\:text-\[12px\] {
		font-size: 12px;
	}
	.sm\:text-\[22px\] {
		font-size: 22px;
	}
	.sm\:text-\[7px\] {
		font-size: 7px;
	}
	.sm\:text-\[8px\] {
		font-size: 8px;
	}
	.sm\:text-xl {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
	.sm\:leading-\[18px\] {
		line-height: 18px;
	}
}
@media (min-width: 768px) {
	.md\:top-\[64px\] {
		top: 64px;
	}
	.md\:top-\[90px\] {
		top: 90px;
	}
	.md\:m-\[30px\] {
		margin: 30px;
	}
	.md\:mb-12 {
		margin-bottom: 3rem;
	}
	.md\:mb-2 {
		margin-bottom: 0.5rem;
	}
	.md\:mb-4 {
		margin-bottom: 1rem;
	}
	.md\:mb-\[16px\] {
		margin-bottom: 16px;
	}
	.md\:mb-\[20px\] {
		margin-bottom: 20px;
	}
	.md\:mb-\[3px\] {
		margin-bottom: 3px;
	}
	.md\:mr-3 {
		margin-right: 0.75rem;
	}
	.md\:flex {
		display: flex;
	}
	.md\:grid {
		display: grid;
	}
	.md\:hidden {
		display: none;
	}
	.md\:h-3 {
		height: 0.75rem;
	}
	.md\:h-7 {
		height: 1.75rem;
	}
	.md\:h-\[120px\] {
		height: 120px;
	}
	.md\:h-\[24px\] {
		height: 24px;
	}
	.md\:h-\[386px\] {
		height: 386px;
	}
	.md\:h-\[552px\] {
		height: 552px;
	}
	.md\:h-\[75px\] {
		height: 75px;
	}
	.md\:h-\[900px\] {
		height: 900px;
	}
	.md\:h-\[90px\] {
		height: 90px;
	}
	.md\:w-7 {
		width: 1.75rem;
	}
	.md\:w-\[100\%\] {
		width: 100%;
	}
	.md\:w-\[112px\] {
		width: 112px;
	}
	.md\:w-\[40\%\] {
		width: 40%;
	}
	.md\:w-\[75px\] {
		width: 75px;
	}
	.md\:grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.md\:grid-cols-\[84px_1fr\] {
		grid-template-columns: 84px 1fr;
	}
	.md\:items-end {
		align-items: flex-end;
	}
	.md\:items-center {
		align-items: center;
	}
	.md\:gap-16 {
		gap: 4rem;
	}
	.md\:gap-\[100px\] {
		gap: 100px;
	}
	.md\:gap-\[80px\] {
		gap: 80px;
	}
	.md\:rounded-\[10px\] {
		border-radius: 10px;
	}
	.md\:rounded-\[18px\] {
		border-radius: 18px;
	}
	.md\:p-\[10px\] {
		padding: 10px;
	}
	.md\:p-\[25px_0_50px\] {
		padding: 25px 0 50px;
	}
	.md\:p-\[8px_12px\] {
		padding: 8px 12px;
	}
	.md\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.md\:px-\[24\%\] {
		padding-left: 24%;
		padding-right: 24%;
	}
	.md\:px-\[8\%\] {
		padding-left: 8%;
		padding-right: 8%;
	}
	.md\:py-16 {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.md\:py-4 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.md\:py-\[30px\] {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.md\:py-\[60px\] {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.md\:text-2xl {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.md\:text-\[10px\] {
		font-size: 10px;
	}
	.md\:text-\[12px\] {
		font-size: 12px;
	}
	.md\:text-\[14px\] {
		font-size: 14px;
	}
	.md\:text-\[16px\] {
		font-size: 16px;
	}
	.md\:text-\[20px\] {
		font-size: 20px;
	}
	.md\:text-\[27px\] {
		font-size: 27px;
	}
	.md\:text-\[9px\] {
		font-size: 9px;
	}
	.md\:text-sm {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.md\:leading-\[18px\] {
		line-height: 18px;
	}
	.md\:leading-\[24px\] {
		line-height: 24px;
	}
}
@media (min-width: 1025px) {
	.lg\:bottom-1 {
		bottom: 0.25rem;
	}
	.lg\:mb-0 {
		margin-bottom: 0;
	}
	.lg\:mb-14 {
		margin-bottom: 3.5rem;
	}
	.lg\:mb-4 {
		margin-bottom: 1rem;
	}
	.lg\:mb-5 {
		margin-bottom: 1.25rem;
	}
	.lg\:mb-\[26px\] {
		margin-bottom: 26px;
	}
	.lg\:mb-\[4px\] {
		margin-bottom: 4px;
	}
	.lg\:ml-\[3\%\] {
		margin-left: 3%;
	}
	.lg\:mr-0 {
		margin-right: 0;
	}
	.lg\:mt-0 {
		margin-top: 0;
	}
	.lg\:mt-24 {
		margin-top: 6rem;
	}
	.lg\:flex {
		display: flex;
	}
	.lg\:grid {
		display: grid;
	}
	.lg\:hidden {
		display: none;
	}
	.lg\:h-\[1050px\] {
		height: 1050px;
	}
	.lg\:h-\[128px\] {
		height: 128px;
	}
	.lg\:h-\[36px\] {
		height: 36px;
	}
	.lg\:h-\[500px\] {
		height: 500px;
	}
	.lg\:h-\[586px\] {
		height: 586px;
	}
	.lg\:h-\[632px\] {
		height: 632px;
	}
	.lg\:h-\[90px\] {
		height: 90px;
	}
	.lg\:w-\[100\%\] {
		width: 100%;
	}
	.lg\:w-\[116px\] {
		width: 116px;
	}
	.lg\:w-\[128px\] {
		width: 128px;
	}
	.lg\:w-\[534px\] {
		width: 534px;
	}
	.lg\:w-\[90px\] {
		width: 90px;
	}
	.lg\:w-\[94\%\] {
		width: 94%;
	}
	.lg\:max-w-lg {
		max-width: 32rem;
	}
	.lg\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.lg\:flex-row {
		flex-direction: row;
	}
	.lg\:gap-4 {
		gap: 1rem;
	}
	.lg\:gap-6 {
		gap: 1.5rem;
	}
	.lg\:gap-8 {
		gap: 2rem;
	}
	.lg\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.lg\:px-\[10\%\] {
		padding-left: 10%;
		padding-right: 10%;
	}
	.lg\:px-\[26\%\] {
		padding-left: 26%;
		padding-right: 26%;
	}
	.lg\:py-20 {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.lg\:py-4 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.lg\:py-\[100px\] {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.lg\:pb-\[50px\] {
		padding-bottom: 50px;
	}
	.lg\:pl-20 {
		padding-left: 5rem;
	}
	.lg\:pt-12 {
		padding-top: 3rem;
	}
	.lg\:text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
	.lg\:text-\[11px\] {
		font-size: 11px;
	}
	.lg\:text-\[12px\] {
		font-size: 12px;
	}
	.lg\:text-\[20px\] {
		font-size: 20px;
	}
	.lg\:text-\[35px\] {
		font-size: 35px;
	}
	.lg\:leading-\[26px\] {
		line-height: 26px;
	}
}
@media (min-width: 1280px) {
	.xl\:m-\[40px\] {
		margin: 40px;
	}
	.xl\:mb-16 {
		margin-bottom: 4rem;
	}
	.xl\:mb-5 {
		margin-bottom: 1.25rem;
	}
	.xl\:mb-6 {
		margin-bottom: 1.5rem;
	}
	.xl\:mb-\[24px\] {
		margin-bottom: 24px;
	}
	.xl\:mb-\[28px\] {
		margin-bottom: 28px;
	}
	.xl\:mb-\[8px\] {
		margin-bottom: 8px;
	}
	.xl\:ml-\[6\%\] {
		margin-left: 6%;
	}
	.xl\:h-\[108px\] {
		height: 108px;
	}
	.xl\:h-\[1200px\] {
		height: 1200px;
	}
	.xl\:h-\[168px\] {
		height: 168px;
	}
	.xl\:h-\[38px\] {
		height: 38px;
	}
	.xl\:h-\[682px\] {
		height: 682px;
	}
	.xl\:w-\[108px\] {
		width: 108px;
	}
	.xl\:w-\[168px\] {
		width: 168px;
	}
	.xl\:w-\[30\%\] {
		width: 30%;
	}
	.xl\:w-\[88\%\] {
		width: 88%;
	}
	.xl\:gap-8 {
		gap: 2rem;
	}
	.xl\:gap-\[200px\] {
		gap: 200px;
	}
	.xl\:p-\[40px_0_70px\] {
		padding: 40px 0 70px;
	}
	.xl\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.xl\:px-\[15\%\] {
		padding-left: 15%;
		padding-right: 15%;
	}
	.xl\:px-\[30\%\] {
		padding-left: 30%;
		padding-right: 30%;
	}
	.xl\:py-24 {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
	.xl\:py-4 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.xl\:pl-0 {
		padding-left: 0;
	}
	.xl\:pt-\[50px\] {
		padding-top: 50px;
	}
	.xl\:text-4xl {
		font-size: 2.25rem;
		line-height: 2.5rem;
	}
	.xl\:text-\[10px\] {
		font-size: 10px;
	}
	.xl\:text-\[13px\] {
		font-size: 13px;
	}
	.xl\:text-\[14px\] {
		font-size: 14px;
	}
	.xl\:text-\[24px\] {
		font-size: 24px;
	}
	.xl\:text-\[25px\] {
		font-size: 25px;
	}
	.xl\:text-\[26px\] {
		font-size: 26px;
	}
	.xl\:text-\[44px\] {
		font-size: 44px;
	}
	.xl\:leading-\[28px\] {
		line-height: 28px;
	}
}
@media (min-width: 1536px) {
	.\32xl\:bottom-\[50px\] {
		bottom: 50px;
	}
	.\32xl\:m-\[50px\] {
		margin: 50px;
	}
	.\32xl\:mb-20 {
		margin-bottom: 5rem;
	}
	.\32xl\:mb-7 {
		margin-bottom: 1.75rem;
	}
	.\32xl\:mb-8 {
		margin-bottom: 2rem;
	}
	.\32xl\:mb-\[10px\] {
		margin-bottom: 10px;
	}
	.\32xl\:mb-\[25px\] {
		margin-bottom: 25px;
	}
	.\32xl\:mb-\[30px\] {
		margin-bottom: 30px;
	}
	.\32xl\:mb-\[35px\] {
		margin-bottom: 35px;
	}
	.\32xl\:ml-\[12\%\] {
		margin-left: 12%;
	}
	.\32xl\:h-\[128px\] {
		height: 128px;
	}
	.\32xl\:h-\[1328px\] {
		height: 1328px;
	}
	.\32xl\:h-\[208px\] {
		height: 208px;
	}
	.\32xl\:h-\[40px\] {
		height: 40px;
	}
	.\32xl\:h-\[832px\] {
		height: 832px;
	}
	.\32xl\:w-\[128px\] {
		width: 128px;
	}
	.\32xl\:w-\[130px\] {
		width: 130px;
	}
	.\32xl\:w-\[208px\] {
		width: 208px;
	}
	.\32xl\:w-\[76\%\] {
		width: 76%;
	}
	.\32xl\:gap-\[250px\] {
		gap: 250px;
	}
	.\32xl\:p-\[10px_15px\] {
		padding: 10px 15px;
	}
	.\32xl\:p-\[50px_0_80px\] {
		padding: 50px 0 80px;
	}
	.\32xl\:px-5 {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
	.\32xl\:px-\[20\%\] {
		padding-left: 20%;
		padding-right: 20%;
	}
	.\32xl\:px-\[32\%\] {
		padding-left: 32%;
		padding-right: 32%;
	}
	.\32xl\:py-28 {
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	.\32xl\:py-5 {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}
	.\32xl\:py-\[80px\] {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.\32xl\:text-5xl {
		font-size: 3rem;
		line-height: 1;
	}
	.\32xl\:text-\[14px\] {
		font-size: 14px;
	}
	.\32xl\:text-\[15px\] {
		font-size: 15px;
	}
	.\32xl\:text-\[16px\] {
		font-size: 16px;
	}
	.\32xl\:text-\[30px\] {
		font-size: 30px;
	}
	.\32xl\:text-\[50px\] {
		font-size: 50px;
	}
	.\32xl\:text-base {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.\32xl\:leading-\[24px\] {
		line-height: 24px;
	}
	.\32xl\:leading-\[30px\] {
		line-height: 30px;
	}
}
.click-footer-nav {
	cursor: pointer;
	margin-bottom: 9px;
}
.top-nav {
	height: 90px;
	line-height: 90px;
	width: 100%;
	justify-content: space-between;
	background-image: url(/top_nav.png);
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	transition: all 0.3s linear;
	overflow: hidden;
}
.top-nav .logo-left {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 30px;
	padding-right: 48px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.top-nav .logo-left img {
	width: 180px;
	height: 45px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
}
.top-nav .nav-right {
	font-size: 16px;
	text-decoration: none;
	color: hsla(0, 0%, 100%, 0.5);
	display: flex;
	align-items: center;
	cursor: pointer;
	white-space: nowrap;
}
.top-nav .nav-right .nav-item {
	margin-right: 48px;
	height: 100%;
}
.top-nav .nav-right .nav-item span {
	display: block;
	position: relative;
	width: 100%;
	transition: all 0.3s ease;
}
.top-nav .nav-right .nav-item span:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #6d1097;
	transition: all 0.3s ease;
}
.top-nav .nav-right .nav-item.active,
.top-nav .nav-right .nav-item:hover {
	color: #fff;
}
.top-nav .nav-right .nav-item.active span:before,
.top-nav .nav-right .nav-item:hover span:before {
	width: 100%;
}
.top-nav .nav-right .download {
	height: 88px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.top-nav-mobile {
	background-image: url(/top-nav-mobile.png);
	background-size: 100% 100%;
}
.no-drag {
	user-drag: none;
	-webkit-user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.hamburger {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.hamburger .bar {
	width: 100%;
	height: 3px;
	background-color: #6d1097;
	transition: 0.3s ease;
	margin-top: 5px;
	display: block;
	padding: 1px 0;
}
.hamburger.open .bar:first-child {
	transform: rotate(45deg) translate(7px, 6px);
}
.hamburger.open .bar:nth-child(2) {
	opacity: 0;
}
.hamburger.open .bar:nth-child(3) {
	transform: rotate(-45deg) translate(4px, -3px);
}
.drawer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.drawer .menu-item {
	position: relative;
}
.drawer .active {
	font-weight: 700;
	color: #6d1097;
}
.drawer .active h4:before {
	content: "";
	position: absolute;
	bottom: 0.5rem;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
	width: 4rem;
	height: 2px;
	background-color: #6d1097;
}