@tailwind base;
html {
	scroll-behavior: smooth;
}
@tailwind components;
@tailwind utilities;

@layer base {
	* {
		text-transform: capitalize;
	}
	.light body {
		background: #fff !important;
		color: #000;
	}

	.text-black {
		color: rgba(0, 0, 0, 0.6);
	}
}

@layer components {
	.show .dropdown-menu {
		display: block !important;
	}

	.dropdown-menu-end {
		--bs-position: end;
	}
	.dropdown-menu {
		position: absolute;
		inset: 0px auto auto 50%;
		margin: 0px;
		transform: translate(-54%, 0px);
	}

	.js-nav-dropdown .dropdown-menu {
		transform: translate(0%, 0px);
	}

	.full-slider-thumbs .swiper-slide-thumb-active {
		background-color: hsla(0, 0%, 100%, 0.1);
	}

	.swiper-slide-thumb-active .progress {
		transition-duration: 5s;
		transition-property: width;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-timing-function: linear;
		width: 100%;
	}

	.modal {
		display: none;
		height: 100%;
		outline-width: 0;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		z-index: 50;
	}
	.fade {
		transition-duration: 0.15s;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-timing-function: linear;
	}

	.modal-backdrop.fade {
		opacity: 0;
	}
	.modal-backdrop.show {
		opacity: 75%;
	}

	.modal.show {
		background: linear-gradient(rgb(19 23 64 / 69%), rgb(19 23 64 / 70%));
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.react-tabs__tab--selected {
		background: #000 !important;
		border-color: #aaa;
		color: black;
		border-radius: 5px 5px 0 0;
	}

	.nav-link.active {
		@apply text-jacarta-700 after:bg-accent after:absolute after:inset-x-0 after:-bottom-px after:block after:h-[2px] after:w-full dark:text-white dark:hover:text-white;
	}

	.tabs li {
		background: transparent;
	}

	.no-scrollbar::-webkit-scrollbar {
		display: none;
	}

	.no-scrollbar {
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
	}

	select {
		-webkit-print-color-adjust: exact;
		-webkit-appearance: none;
		background-image: url("/images/down-arrow.png");
		background-position: right 0.5rem center;
		background-repeat: no-repeat;
		background-size: 0.7em;
		/* color-adjust: exact; */
		padding: 0 2.5rem 0 1rem;
	}

	.file-drag {
		position: absolute;
		top: 0;
		left: 0;
		height: 100% !important;
		width: 100% !important;
		opacity: 0;
		z-index: 12;
	}

	/* DM Sans Bold Italic */
	@font-face {
		font-family: "DM Sans";
		src: url("../fonts/DM_Sans/DMSans-BoldItalic.ttf") format("truetype");
		font-weight: 700;
		font-display: swap;
		font-style: italic;
	}

	/* clears the ‘X’ from Internet Explorer */
	input[type="search"]::-ms-clear {
		@apply hidden h-0 w-0;
	}
	input[type="search"]::-ms-reveal {
		@apply hidden h-0 w-0;
	}
	/* clears the ‘X’ from Chrome */
	input[type="search"]::-webkit-search-decoration,
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-results-button,
	input[type="search"]::-webkit-search-results-decoration {
		@apply hidden;
	}

	/* Cursor pointer for file upload */
	::-webkit-file-upload-button {
		@apply cursor-pointer;
		color: #46c7e3;
	}

	/* Scrollbar */
	.scrollbar-custom {
		scrollbar-width: thin;
	}

	.scrollbar-custom::-webkit-scrollbar {
		overflow: overlay;
		@apply h-2 w-2;
	}

	.scrollbar-custom::-webkit-scrollbar-track {
		@apply: bg-jacarta-100 dark: bg-jacarta-800;
	}

	.scrollbar-custom::-webkit-scrollbar-thumb {
		@apply bg-jacarta-300 dark:bg-jacarta-600 rounded-lg;
	}

	/* Dropdowns */
	.dropdown--is-open + .js-dropdown {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}

	/* @layer components {

} */

	.dropdown-menu.show {
		@apply block !important;
	}

	.dropdown-toggle > i,
	.dropdown-toggle > button {
		@apply transition-transform;
	}

	.dropdown-toggle.show > i,
	.dropdown-toggle.show > button {
		@apply rotate-180;
	}

	.dropdown-menu-end {
		--bs-position: end;
	}

	/* Mobile Menu */
	.nav-menu--is-open {
		@apply visible flex flex-col items-start overflow-y-auto px-6 pb-6 pt-0 opacity-100;
	}

	.nav-open-noscroll {
		@apply h-screen overflow-hidden;
	}

	/* Slider */
	.swiper-button-prev:after,
	.swiper-rtl .swiper-button-next:after {
		@apply text-[0] content-['prev'];
	}

	.swiper-button-next:after,
	.swiper-rtl .swiper-button-prev:after {
		@apply text-[0] content-['next'];
	}

	.swiper-button-disabled {
		@apply hidden;
	}

	/* Lzyload Preloader */
	.swiper-lazy-preloader {
		@apply border-accent absolute left-1/2 top-1/2 z-10 -ml-[21px] -mt-[21px] box-border h-[42px] w-[42px] origin-center animate-spin rounded-full border-4 border-t-transparent;
	}

	/* Sticky Header */
	.js-page-header--is-sticky {
		@apply bg-white/50 !important;
	}

	.js-page-header--is-sticky.page-header--transparent,
	.dark .js-page-header--is-sticky {
		@apply bg-jacarta-700/50 !important;
	}

	/* Tabs */
	.nav-link.active {
		@apply text-jacarta-700 after:bg-accent after:absolute after:inset-x-0 after:-bottom-px after:block after:h-[2px] after:w-full dark:text-white dark:hover:text-white;
	}

	.tab-content > .tab-pane {
		@apply hidden;
	}

	.tab-content > .active {
		@apply block;
	}

	/* Modals */
	.modal {
		@apply fixed top-0 left-0 z-50 h-full w-full overflow-y-auto overflow-x-hidden outline-0;
	}

	.modal-dialog {
		@apply pointer-events-none relative my-12 mx-auto w-auto;
	}

	.modal-dialog-centered {
		@apply flex items-center;
	}

	.modal.fade .modal-dialog {
		@apply translate-x-0 -translate-y-14 transition-transform duration-300 will-change-transform;
	}

	.modal.show .modal-dialog {
		@apply transform-none;
	}

	.modal-content {
		@apply dark:bg-jacarta-700 pointer-events-auto relative mx-4 flex flex-col rounded-2xl bg-white bg-clip-padding outline-0;
	}

	.modal-header {
		@apply dark:border-jacarta-600 border-jacarta-100 flex shrink-0 items-center justify-between border-b p-6;
	}

	.modal-title {
		@apply font-display text-jacarta-700 mb-0 mt-1 text-xl font-semibold leading-normal dark:text-white;
	}

	.btn-close {
		@apply absolute right-6 border-0 bg-transparent transition-transform hover:rotate-180;
	}

	.modal-body {
		@apply relative flex-auto;
	}

	@layer base {
		.dark body {
			@apply bg-jacarta-900;
		}
	}

	.modal-footer {
		@apply dark:border-jacarta-600 border-jacarta-100 flex shrink-0 flex-wrap items-center justify-center border-t p-6;
	}

	.modal-backdrop {
		@apply bg-jacarta-900 fixed top-0 left-0 z-40 h-screen w-screen;
	}

	.modal-backdrop.fade {
		@apply opacity-0;
	}

	.modal-backdrop.show {
		@apply opacity-75;
	}

	/* Lightbox Modal */
	.lightbox .modal-dialog {
		@apply flex min-h-[calc(100%_-_6rem)] max-w-5xl;
	}

	.lightbox .modal-content {
		@apply w-full overflow-hidden;
	}

	.lightbox .ratio-16x9 {
		--bs-aspect-ratio: calc(9 / 16 * 100%);
	}

	.ratio {
		@apply relative before:block before:pt-[var(--bs-aspect-ratio)];
	}

	.ratio > * {
		@apply absolute top-0 left-0 h-full w-full;
	}

	.lightbox .btn-close {
		@apply !bg-jacarta-900/30 right-2 top-2 rounded-full;
	}

	.lightbox .btn-close svg {
		@apply !top-0 h-3 w-3;
	}

	/* Accordions */
	.accordion-button {
		overflow-anchor: none;
	}

	.accordion-button:not(.collapsed) .accordion-arrow {
		@apply -rotate-180;
	}

	.collapse:not(.show) {
		@apply hidden;
	}

	.collapsing {
		@apply transition-height h-0 overflow-hidden;
	}

	/* Likes */
	.js-likes--active svg {
		@apply opacity-0;
	}

	.js-likes--active::before {
		@apply !opacity-100;
	}

	/* Article */
	.article-content > *:not(.article-content-wide) {
		@apply mx-auto mt-6 max-w-[48.125rem];
	}

	.article-content > h1,
	.article-content > h2,
	.article-content > h3,
	.article-content > h4,
	.article-content > h5,
	.article-content > h6 {
		@apply text-jacarta-700 font-display !mt-12 mb-4 dark:text-white;
	}

	.article-content > p {
		@apply dark:text-jacarta-300;
	}

	/* Alerts */
	.alert-error {
		@apply bg-red/10 text-red;
	}

	.alert-success {
		@apply bg-green/10 text-green;
	}

	.animate-gradient {
		-webkit-animation: gradient 6s linear infinite;
		animation: gradient 6s linear infinite;
	}

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

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

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

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

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

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

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

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

	b,
	strong {
		font-weight: bolder;
	}

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

	small {
		font-size: 80%;
	}

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

	sub {
		bottom: -0.25em;
	}

	sup {
		top: -0.5em;
	}

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

	button,
	input,
	optgroup,
	select,
	textarea {
		color: inherit;
		font-family: inherit;
		font-size: 100%;
		font-weight: inherit;
		line-height: inherit;
		margin: 0;
		padding: 0;
	}

	button,
	select {
		text-transform: none;
	}

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

	:-moz-focusring {
		outline: auto;
	}

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

	progress {
		vertical-align: baseline;
	}

	.text-tiny {
		font-size: 0.65rem;
	}

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

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

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

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

	summary {
		display: list-item;
	}

	blockquote,
	dd,
	dl,
	figure,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	hr,
	p,
	pre {
		margin: 0;
	}

	fieldset {
		margin: 0;
	}

	fieldset,
	legend {
		padding: 0;
	}

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

	textarea {
		resize: vertical;
	}

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

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

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

	:disabled {
		cursor: default;
	}

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

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

	[multiple],
	[type="date"],
	[type="datetime-local"],
	[type="email"],
	[type="month"],
	[type="number"],
	[type="password"],
	[type="search"],
	[type="tel"],
	[type="text"],
	[type="time"],
	[type="url"],
	[type="week"],
	select,
	textarea {
		--tw-shadow: 0 0 transparent;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: #fff;
		border-color: #6b7280;
		border-radius: 0;
		border-width: 1px;
		font-size: 1rem;
		line-height: 1.5rem;
		padding: 0.5rem 0.75rem;
	}

	[multiple]:focus,
	[type="date"]:focus,
	[type="datetime-local"]:focus,
	[type="email"]:focus,
	[type="month"]:focus,
	[type="number"]:focus,
	[type="password"]:focus,
	[type="search"]:focus,
	[type="tel"]:focus,
	[type="text"]:focus,
	[type="time"]:focus,
	[type="url"]:focus,
	[type="week"]:focus,
	select:focus,
	textarea:focus {
		--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
		--tw-ring-offset-width: 0px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: #2563eb;
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		border-color: #2563eb;
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		outline: 2px solid transparent;
		outline-offset: 2px;
	}

	input::-moz-placeholder,
	textarea::-moz-placeholder {
		color: #6b7280;
		opacity: 1;
	}

	input::placeholder,
	textarea::placeholder {
		color: #6b7280;
		opacity: 1;
	}

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

	::-webkit-date-and-time-value {
		min-height: 1.5em;
	}

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

	select {
		color-adjust: exact;
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3E%3Cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3E%3C/svg%3E");
		background-position: right 0.5rem center;
		background-repeat: no-repeat;
		background-size: 1.5em 1.5em;
		padding-right: 2.5rem;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	[multiple] {
		color-adjust: inherit;
		background-image: none;
		background-position: 0 0;
		background-repeat: repeat;
		background-size: auto auto;
		background-size: initial;
		padding-right: 0.75rem;
		-webkit-print-color-adjust: inherit;
		print-color-adjust: inherit;
	}

	[type="checkbox"],
	[type="radio"] {
		color-adjust: exact;
		--tw-shadow: 0 0 transparent;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: #fff;
		background-origin: border-box;
		border-color: #6b7280;
		border-width: 1px;
		color: #2563eb;
		display: inline-block;
		flex-shrink: 0;
		height: 1rem;
		padding: 0;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		vertical-align: middle;
		width: 1rem;
	}

	[type="checkbox"] {
		border-radius: 0;
	}

	[type="radio"] {
		border-radius: 100%;
	}

	[type="checkbox"]:focus,
	[type="radio"]:focus {
		--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
		--tw-ring-offset-width: 2px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: #2563eb;
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		outline: 2px solid transparent;
		outline-offset: 2px;
	}

	[type="checkbox"]:checked,
	[type="radio"]:checked {
		background-color: currentColor;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-color: transparent;
	}

	[type="checkbox"]:checked {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 16 16%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z%27/%3E%3C/svg%3E");
	}

	[type="radio"]:checked {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 16 16%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%273%27/%3E%3C/svg%3E");
	}

	[type="checkbox"]:checked:focus,
	[type="checkbox"]:checked:hover,
	[type="radio"]:checked:focus,
	[type="radio"]:checked:hover {
		background-color: currentColor;
		border-color: transparent;
	}

	[type="checkbox"]:indeterminate {
		background-color: currentColor;
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3E%3Cpath stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3E%3C/svg%3E");
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-color: transparent;
	}

	[type="checkbox"]:indeterminate:focus,
	[type="checkbox"]:indeterminate:hover {
		background-color: currentColor;
		border-color: transparent;
	}

	[type="file"] {
		background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
		background: initial;
		border-color: inherit;
		border-radius: 0;
		border-width: 0;
		font-size: inherit;
		line-height: inherit;
		padding: 0;
	}

	[type="file"]:focus {
		outline: 1px solid ButtonText;
		outline: 1px auto -webkit-focus-ring-color;
	}

	*,
	:after,
	:before {
		--tw-border-spacing-x: 0;
		--tw-border-spacing-y: 0;
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		--tw-pan-x: ;
		--tw-pan-y: ;
		--tw-pinch-zoom: ;
		--tw-scroll-snap-strictness: proximity;
		--tw-ordinal: ;
		--tw-slashed-zero: ;
		--tw-numeric-figure: ;
		--tw-numeric-spacing: ;
		--tw-numeric-fraction: ;
		--tw-ring-inset: ;
		--tw-ring-offset-width: 0px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: rgba(59, 130, 246, 0.5);
		--tw-ring-offset-shadow: 0 0 transparent;
		--tw-ring-shadow: 0 0 transparent;
		--tw-shadow: 0 0 transparent;
		--tw-shadow-colored: 0 0 transparent;
		--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: ;
	}

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

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

	.container {
		margin-left: auto;
		margin-right: auto;
		padding-left: 1rem;
		padding-right: 1rem;
		width: 100%;
	}

	@media (min-width: 575px) {
		.container {
			max-width: 575px;
		}
	}

	@media (min-width: 768px) {
		.container {
			max-width: 768px;
		}
	}

	@media (min-width: 1025px) {
		.container {
			max-width: 1025px;
		}
	}

	@media (min-width: 1202px) {
		.container {
			max-width: 1202px;
		}
	}

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

	.visible {
		visibility: visible;
	}

	.invisible {
		visibility: hidden;
	}

	.static {
		position: static;
	}

	.fixed {
		position: fixed;
	}

	.absolute {
		position: absolute;
	}

	.relative {
		position: relative;
	}

	.sticky {
		position: -webkit-sticky;
		position: sticky;
	}

	.inset-0 {
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
	}

	.inset-4 {
		bottom: 1rem;
		left: 1rem;
		right: 1rem;
		top: 1rem;
	}

	.inset-x-0 {
		left: 0;
		right: 0;
	}

	.top-0 {
		top: 0;
	}

	.left-0 {
		left: 0;
	}

	.top-\[85\%\] {
		top: 85%;
	}

	.-left-6 {
		left: -1.5rem;
	}

	.\!-right-4 {
		right: -1rem !important;
	}

	.\!top-\[85\%\] {
		top: 85% !important;
	}

	.\!left-auto {
		left: auto !important;
	}

	.top-1\/2 {
		top: 50%;
	}

	.left-1\/2 {
		left: 50%;
	}

	.-right-3 {
		right: -0.75rem;
	}

	.bottom-0 {
		bottom: 0;
	}

	.top-3 {
		top: 0.75rem;
	}

	.right-3 {
		right: 0.75rem;
	}

	.left-3 {
		left: 0.75rem;
	}

	.-bottom-3 {
		bottom: -0.75rem;
	}

	.right-0 {
		right: 0;
	}

	.bottom-4 {
		bottom: 1rem;
	}

	.left-4 {
		left: 1rem;
	}

	.-bottom-2 {
		bottom: -0.5rem;
	}

	.-left-4 {
		left: -1rem;
	}

	.-right-4 {
		right: -1rem;
	}

	.-left-3 {
		left: -0.75rem;
	}

	.top-\[60\%\] {
		top: 60%;
	}

	.top-2 {
		top: 0.5rem;
	}

	.right-2 {
		right: 0.5rem;
	}

	.bottom-12 {
		bottom: 3rem;
	}

	.-bottom-5 {
		bottom: -1.25rem;
	}

	.right-4 {
		right: 1rem;
	}

	.top-6 {
		top: 1.5rem;
	}

	.right-6 {
		right: 1.5rem;
	}

	.-right-2 {
		right: -0.5rem;
	}

	.-bottom-1 {
		bottom: -0.25rem;
	}

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

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

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

	.order-3 {
		order: 3;
	}

	.col-span-3 {
		grid-column: span 3 / span 3;
	}

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

	.col-span-6 {
		grid-column: span 6 / span 6;
	}

	.my-5 {
		margin-bottom: 1.25rem;
		margin-top: 1.25rem;
	}

	.my-4 {
		margin-bottom: 1rem;
		margin-top: 1rem;
	}

	.mx-5 {
		margin-left: 1.25rem;
		margin-right: 1.25rem;
	}

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

	.my-2 {
		margin-bottom: 0.5rem;
		margin-top: 0.5rem;
	}

	.mx-4 {
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.my-1 {
		margin-bottom: 0.25rem;
		margin-top: 0.25rem;
	}

	.my-3 {
		margin-bottom: 0.75rem;
		margin-top: 0.75rem;
	}

	.\!my-0 {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}

	.my-12 {
		margin-bottom: 3rem;
		margin-top: 3rem;
	}

	.\!my-10 {
		margin-bottom: 2.5rem !important;
		margin-top: 2.5rem !important;
	}

	.ml-12 {
		margin-left: 3rem;
	}

	.mr-8 {
		margin-right: 2rem;
	}

	.ml-auto {
		margin-left: auto;
	}

	.ml-2 {
		margin-left: 0.5rem;
	}

	.mt-24 {
		margin-top: 6rem;
	}

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

	.mr-3 {
		margin-right: 0.75rem;
	}

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

	.ml-8 {
		margin-left: 2rem;
	}

	.ml-1 {
		margin-left: 0.25rem;
	}

	.mb-px {
		margin-bottom: 1px;
	}

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

	.-ml-1 {
		margin-left: -0.25rem;
	}

	.mr-1 {
		margin-right: 0.25rem;
	}

	.mt-1 {
		margin-top: 0.25rem;
	}

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

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

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

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

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

	.mt-8 {
		margin-top: 2rem;
	}

	.mt-3 {
		margin-top: 0.75rem;
	}

	.mb-3 {
		margin-bottom: 0.75rem;
	}

	.mb-2 {
		margin-bottom: 0.5rem;
	}

	.mr-5 {
		margin-right: 1.25rem;
	}

	.mb-1 {
		margin-bottom: 0.25rem;
	}

	.mt-4 {
		margin-top: 1rem;
	}

	.mr-2\.5 {
		margin-right: 0.625rem;
	}

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

	.mr-2 {
		margin-right: 0.5rem;
	}

	.mb-\[1\.875rem\] {
		margin-bottom: 1.875rem;
	}

	.-mt-px {
		margin-top: -1px;
	}

	.mt-6 {
		margin-top: 1.5rem;
	}

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

	.-ml-2 {
		margin-left: -0.5rem;
	}

	.-mr-2 {
		margin-right: -0.5rem;
	}

	.mt-7 {
		margin-top: 1.75rem;
	}

	.mt-2 {
		margin-top: 0.5rem;
	}

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

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

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

	.mt-px {
		margin-top: 1px;
	}

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

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

	.mt-0\.5 {
		margin-top: 0.125rem;
	}

	.mt-0 {
		margin-top: 0;
	}

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

	.-mt-6 {
		margin-top: -1.5rem;
	}

	.mt-20 {
		margin-top: 5rem;
	}

	.-ml-5 {
		margin-left: -1.25rem;
	}

	.-mr-5 {
		margin-right: -1.25rem;
	}

	.-ml-16 {
		margin-left: -4rem;
	}

	.-mt-1 {
		margin-top: -0.25rem;
	}

	.mt-12 {
		margin-top: 3rem;
	}

	.mt-14 {
		margin-top: 3.5rem;
	}

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

	.mb-9 {
		margin-bottom: 2.25rem;
	}

	.-mt-8 {
		margin-top: -2rem;
	}

	.mb-14 {
		margin-bottom: 3.5rem;
	}

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

	.-mt-\[3\.5rem\] {
		margin-top: -3.5rem;
	}

	.block {
		display: block;
	}

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

	.inline {
		display: inline;
	}

	.flex {
		display: flex;
	}

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

	.table {
		display: table;
	}

	.grid {
		display: grid;
	}

	.contents {
		display: contents;
	}

	.hidden {
		display: none;
	}

	.h-full {
		height: 100%;
	}

	.h-4 {
		height: 1rem;
	}

	.h-10 {
		height: 2.5rem;
	}

	.h-px {
		height: 1px;
	}

	.h-5 {
		height: 1.25rem;
	}

	.h-\[1\.125rem\] {
		height: 1.125rem;
	}

	.h-6 {
		height: 1.5rem;
	}

	.h-8 {
		height: 2rem;
	}

	.h-24 {
		height: 6rem;
	}

	.h-\[8\.125rem\] {
		height: 8.125rem;
	}

	.h-\[18\.75rem\] {
		height: 18.75rem;
	}

	.h-\[\.875rem\] {
		height: 0.875rem;
	}

	.h-9 {
		height: 2.25rem;
	}

	.h-80 {
		height: 20rem;
	}

	.h-11 {
		height: 2.75rem;
	}

	.h-12 {
		height: 3rem;
	}

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

	.h-3\.5 {
		height: 0.875rem;
	}

	.h-3 {
		height: 0.75rem;
	}

	.h-screen {
		height: 100vh;
	}

	.h-0\.5 {
		height: 0.125rem;
	}

	.h-0 {
		height: 0;
	}

	.h-16 {
		height: 4rem;
	}

	.h-\[4\.25rem\] {
		height: 4.25rem;
	}

	.h-\[2\.25rem\] {
		height: 2.25rem;
	}

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

	.max-h-7 {
		max-height: 1.75rem;
	}

	.max-h-48 {
		max-height: 12rem;
	}

	.max-h-72 {
		max-height: 18rem;
	}

	.w-full {
		width: 100%;
	}

	.w-12 {
		width: 3rem;
	}

	.w-4 {
		width: 1rem;
	}

	.w-10 {
		width: 2.5rem;
	}

	.w-5 {
		width: 1.25rem;
	}

	.w-\[1\.125rem\] {
		width: 1.125rem;
	}

	.w-6 {
		width: 1.5rem;
	}

	.w-8 {
		width: 2rem;
	}

	.w-24 {
		width: 6rem;
	}

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

	.w-\[8\.125rem\] {
		width: 8.125rem;
	}

	.w-\[\.875rem\] {
		width: 0.875rem;
	}

	.w-1\/2 {
		width: 50%;
	}

	.w-36 {
		width: 9rem;
	}

	.w-48 {
		width: 12rem;
	}

	.w-7 {
		width: 1.75rem;
	}

	.w-\[74\.5\%\] {
		width: 74.5%;
	}

	.w-1\/3 {
		width: 33.333333%;
	}

	.w-11 {
		width: 2.75rem;
	}

	.w-\[2\.625rem\] {
		width: 2.625rem;
	}

	.w-3\.5 {
		width: 0.875rem;
	}

	.w-3 {
		width: 0.75rem;
	}

	.w-0 {
		width: 0;
	}

	.w-16 {
		width: 4rem;
	}

	.w-28 {
		width: 7rem;
	}

	.w-72 {
		width: 18rem;
	}

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

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

	.w-\[4\.25rem\] {
		width: 4.25rem;
	}

	.w-\[2\.25rem\] {
		width: 2.25rem;
	}

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

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

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

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

	.min-w-\[14rem\] {
		min-width: 14rem;
	}

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

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

	.min-w-\[12rem\] {
		min-width: 12rem;
	}

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

	.min-w-\[9rem\] {
		min-width: 9rem;
	}

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

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

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

	.max-w-lg {
		max-width: 32rem;
	}

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

	.max-w-xl {
		max-width: 36rem;
	}

	.max-w-md {
		max-width: 28rem;
	}

	.max-w-\[7\.5rem\] {
		max-width: 7.5rem;
	}

	.max-w-\[48\.125rem\] {
		max-width: 48.125rem;
	}

	.max-w-xs {
		max-width: 20rem;
	}

	.max-w-\[35rem\] {
		max-width: 35rem;
	}

	.max-w-\[90\.375rem\] {
		max-width: 90.375rem;
	}

	.max-w-\[25\.625rem\] {
		max-width: 25.625rem;
	}

	.max-w-\[9\.625rem\] {
		max-width: 9.625rem;
	}

	.max-w-sm {
		max-width: 24rem;
	}

	.max-w-\[53\.125rem\] {
		max-width: 53.125rem;
	}

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

	.flex-\[3\] {
		flex: 3;
	}

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

	.basis-3\/12 {
		flex-basis: 25%;
	}

	.basis-8\/12 {
		flex-basis: 66.666667%;
	}

	.basis-4\/12 {
		flex-basis: 33.333333%;
	}

	.-translate-y-1\/2 {
		--tw-translate-y: -50%;
	}

	.-translate-x-1\/2,
	.-translate-y-1\/2 {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
			skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}

	.-translate-x-1\/2 {
		--tw-translate-x: -50%;
	}

	.-translate-y-4 {
		--tw-translate-y: -1rem;
	}

	.-translate-y-2\/4,
	.-translate-y-4 {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
			skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}

	.-translate-y-2\/4 {
		--tw-translate-y: -50%;
	}

	.rotate-\[8deg\] {
		--tw-rotate: 8deg;
	}

	.rotate-\[8deg\],
	.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));
	}

	@-webkit-keyframes fly {
		0%,
		to {
			transform: translateY(5%);
		}

		50% {
			transform: translateY(0);
		}
	}

	@keyframes fly {
		0%,
		to {
			transform: translateY(5%);
		}

		50% {
			transform: translateY(0);
		}
	}

	.animate-fly {
		-webkit-animation: fly 6s cubic-bezier(0.75, 0.02, 0.31, 0.87) infinite;
		animation: fly 6s cubic-bezier(0.75, 0.02, 0.31, 0.87) infinite;
	}

	@keyframes marqueeRight {
		0% {
			transform: translateX(-2322px);
		}
		to {
			transform: translateX(0);
		}
	}
	.animate-marqueeRight {
		animation: marqueeRight 60s linear infinite;
	}
	@keyframes marquee {
		0% {
			transform: translateX(0);
		}
		to {
			transform: translateX(-2322px);
		}
	}
	.animate-marquee {
		animation: marquee 60s linear infinite;
	}

	@-webkit-keyframes heartBeat {
		0%,
		40%,
		80%,
		to {
			transform: scale(1.1);
		}

		20%,
		60% {
			transform: scale(0.8);
		}
	}

	@keyframes heartBeat {
		0%,
		40%,
		80%,
		to {
			transform: scale(1.1);
		}

		20%,
		60% {
			transform: scale(0.8);
		}
	}

	.animate-heartBeat {
		-webkit-animation: heartBeat 1s cubic-bezier(0.75, 0.02, 0.31, 0.87) infinite;
		animation: heartBeat 1s cubic-bezier(0.75, 0.02, 0.31, 0.87) infinite;
	}

	@-webkit-keyframes gradient {
		to {
			background-position: 200%;
		}
	}

	@keyframes gradient {
		to {
			background-position: 200%;
		}
	}

	.animate-gradient {
		-webkit-animation: gradient 6s linear infinite;
		animation: gradient 6s linear infinite;
	}

	@-webkit-keyframes spin {
		to {
			transform: rotate(1turn);
		}
	}

	.animate-spin-slow {
		-webkit-animation: spin 10s linear infinite;
		animation: spin 10s linear infinite;
	}
	.animate-gradientDiagonal {
		background: linear-gradient(270deg, #4158d0, #c850c0 25.52%, #ffcc70 50%, #ff7070 76.04%, #4158d0);
		background-size: 200% auto;
	}
	@keyframes gradientDiagonal {
		to {
			background-position: 200%;
		}
	}
	.animate-gradientDiagonal {
		animation: gradientDiagonal 6s linear infinite;
	}
	.cursor-pointer {
		cursor: pointer;
	}

	.cursor-default {
		cursor: default;
	}

	.select-none {
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
	}

	.resize {
		resize: both;
	}

	.appearance-none {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.grid-flow-col {
		grid-auto-flow: column;
	}

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

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

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

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

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

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

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

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

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

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

	.gap-4 {
		gap: 1rem;
	}

	.gap-\[1\.875rem\] {
		gap: 1.875rem;
	}

	.gap-7 {
		gap: 1.75rem;
	}

	.gap-3 {
		gap: 0.75rem;
	}

	.gap-12 {
		gap: 3rem;
	}

	.gap-8 {
		gap: 2rem;
	}

	.gap-5 {
		gap: 1.25rem;
	}

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

	.gap-x-7 {
		-moz-column-gap: 1.75rem;
		column-gap: 1.75rem;
	}

	.gap-y-14 {
		row-gap: 3.5rem;
	}

	.space-x-5 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));
		margin-right: calc(1.25rem * var(--tw-space-x-reverse));
	}

	.space-x-2 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
		margin-right: calc(0.5rem * var(--tw-space-x-reverse));
	}

	.space-x-4 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
		margin-right: calc(1rem * var(--tw-space-x-reverse));
	}

	.space-y-1 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
		margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
	}

	.space-y-2 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
		margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
	}

	.space-x-1 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
		margin-right: calc(0.25rem * var(--tw-space-x-reverse));
	}

	.space-y-5 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
		margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));
	}

	.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse)));
		margin-right: calc(0.625rem * var(--tw-space-x-reverse));
	}

	.space-x-3 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
		margin-right: calc(0.75rem * var(--tw-space-x-reverse));
	}

	.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(-0.5rem * (1 - var(--tw-space-x-reverse)));
		margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
	}

	.space-x-\[0\.625rem\] > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse)));
		margin-right: calc(0.625rem * var(--tw-space-x-reverse));
	}

	.space-y-\[0\.625rem\] > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
		margin-top: calc(0.625rem * (1 - var(--tw-space-y-reverse)));
	}

	.space-x-7 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(1.75rem * (1 - var(--tw-space-x-reverse)));
		margin-right: calc(1.75rem * var(--tw-space-x-reverse));
	}

	.space-y-6 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
		margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
	}

	.space-y-10 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
		margin-top: calc(2.5rem * (1 - var(--tw-space-y-reverse)));
	}

	.space-x-8 > :not([hidden]) ~ :not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
		margin-right: calc(2rem * var(--tw-space-x-reverse));
	}

	.divide-y > :not([hidden]) ~ :not([hidden]) {
		--tw-divide-y-reverse: 0;
		border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
		border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
	}

	.divide-jacarta-100 > :not([hidden]) ~ :not([hidden]) {
		--tw-divide-opacity: 1;
		border-color: rgba(231, 232, 236, var(--tw-divide-opacity));
	}

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

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

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

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

	.overflow-hidden {
		overflow: hidden;
	}

	.overflow-x-auto {
		overflow-x: auto;
	}

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

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

	.overflow-y-hidden {
		overflow-y: hidden;
	}

	.text-ellipsis {
		text-overflow: ellipsis;
	}

	.whitespace-nowrap {
		white-space: nowrap;
	}

	.rounded-2xl {
		border-radius: 1rem;
	}

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

	.rounded-xl {
		border-radius: 0.75rem;
	}

	.rounded-lg {
		border-radius: 0.5rem;
	}

	.rounded-3xl {
		border-radius: 1.5rem;
	}

	.rounded-2lg {
		border-radius: 0.625rem;
	}

	.rounded-2\.5xl {
		border-radius: 1.25rem;
	}

	.rounded {
		border-radius: 0.25rem;
	}

	.rounded-\[0\.625rem\] {
		border-radius: 0.625rem;
	}

	.rounded-md {
		border-radius: 0.375rem;
	}

	.rounded-b-\[1\.25rem\] {
		border-bottom-left-radius: 1.25rem;
		border-bottom-right-radius: 1.25rem;
	}

	.rounded-l-xl {
		border-bottom-left-radius: 0.75rem;
		border-top-left-radius: 0.75rem;
	}

	.rounded-r-xl {
		border-bottom-right-radius: 0.75rem;
		border-top-right-radius: 0.75rem;
	}

	.rounded-l-lg {
		border-bottom-left-radius: 0.5rem;
		border-top-left-radius: 0.5rem;
	}

	.rounded-r-lg {
		border-bottom-right-radius: 0.5rem;
	}

	.rounded-r-lg,
	.rounded-t-lg {
		border-top-right-radius: 0.5rem;
	}

	.rounded-t-lg {
		border-top-left-radius: 0.5rem;
	}

	.rounded-b-lg {
		border-bottom-left-radius: 0.5rem;
		border-bottom-right-radius: 0.5rem;
	}

	.rounded-t-2lg,
	.rounded-t-\[0\.625rem\] {
		border-top-left-radius: 0.625rem;
		border-top-right-radius: 0.625rem;
	}

	.rounded-b-2lg {
		border-bottom-left-radius: 0.625rem;
		border-bottom-right-radius: 0.625rem;
	}

	.rounded-tl-none {
		border-top-left-radius: 0;
	}

	.border {
		border-width: 1px;
	}

	.border-0 {
		border-width: 0;
	}

	.border-2 {
		border-width: 2px;
	}

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

	.border-y {
		border-bottom-width: 1px;
		border-top-width: 1px;
	}

	.border-t-0 {
		border-top-width: 0;
	}

	.border-t {
		border-top-width: 1px;
	}

	.border-b {
		border-bottom-width: 1px;
	}

	.border-r {
		border-right-width: 1px;
	}

	.border-r-0 {
		border-right-width: 0;
	}

	.border-l {
		border-left-width: 1px;
	}

	.border-b-0 {
		border-bottom-width: 0;
	}

	.border-dashed {
		border-style: dashed;
	}

	.border-none {
		border-style: none;
	}

	.border-jacarta-100 {
		--tw-border-opacity: 1;
		border-color: rgba(231, 232, 236, var(--tw-border-opacity));
	}

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

	.border-jacarta-200 {
		--tw-border-opacity: 1;
		border-color: rgba(196, 197, 207, var(--tw-border-opacity));
	}

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

	.border-accent {
		--tw-border-opacity: 1;
		border-color: rgba(131, 88, 255, var(--tw-border-opacity));
	}

	.border-red {
		--tw-border-opacity: 1;
		border-color: rgba(239, 68, 68, var(--tw-border-opacity));
	}

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

	.bg-light-base {
		--tw-bg-opacity: 1;
		background-color: rgba(245, 248, 250, var(--tw-bg-opacity));
	}

	.bg-\[\#E4FCF4\] {
		--tw-bg-opacity: 1;
		background-color: rgba(228, 252, 244, var(--tw-bg-opacity));
	}

	.bg-\[\#FDF7EE\] {
		--tw-bg-opacity: 1;
		background-color: rgba(253, 247, 238, var(--tw-bg-opacity));
	}

	.bg-\[\#F2EEFF\] {
		--tw-bg-opacity: 1;
		background-color: rgba(242, 238, 255, var(--tw-bg-opacity));
	}

	.bg-\[\#FFEEFA\] {
		--tw-bg-opacity: 1;
		background-color: rgba(255, 238, 250, var(--tw-bg-opacity));
	}

	.bg-\[\#EAF2FE\] {
		--tw-bg-opacity: 1;
		background-color: rgba(234, 242, 254, var(--tw-bg-opacity));
	}

	.bg-\[\#EBEDFF\] {
		--tw-bg-opacity: 1;
		background-color: rgba(235, 237, 255, var(--tw-bg-opacity));
	}

	.bg-\[\#F5FFED\] {
		--tw-bg-opacity: 1;
		background-color: rgba(245, 255, 237, var(--tw-bg-opacity));
	}

	.bg-\[\#FFEEEE\] {
		--tw-bg-opacity: 1;
		background-color: rgba(255, 238, 238, var(--tw-bg-opacity));
	}

	.bg-\[\#EEFCFF\] {
		--tw-bg-opacity: 1;
		background-color: rgba(238, 252, 255, var(--tw-bg-opacity));
	}

	.bg-accent {
		--tw-bg-opacity: 1;
		background-color: rgba(131, 88, 255, var(--tw-bg-opacity));
	}

	.bg-jacarta-100 {
		--tw-bg-opacity: 1;
		background-color: rgba(231, 232, 236, var(--tw-bg-opacity));
	}

	.bg-green {
		--tw-bg-opacity: 1;
		background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
	}

	.bg-jacarta-50 {
		--tw-bg-opacity: 1;
		background-color: rgba(244, 244, 246, var(--tw-bg-opacity));
	}

	.bg-accent-lighter {
		--tw-bg-opacity: 1;
		background-color: rgba(185, 160, 255, var(--tw-bg-opacity));
	}

	.bg-jacarta-700 {
		--tw-bg-opacity: 1;
		background-color: rgba(19, 23, 64, var(--tw-bg-opacity));
	}

	.bg-\[\#CDBCFF\] {
		--tw-bg-opacity: 1;
		background-color: rgba(205, 188, 255, var(--tw-bg-opacity));
	}

	.bg-\[\#C4F2E3\] {
		--tw-bg-opacity: 1;
		background-color: rgba(196, 242, 227, var(--tw-bg-opacity));
	}

	.bg-\[\#CDDFFB\] {
		--tw-bg-opacity: 1;
		background-color: rgba(205, 223, 251, var(--tw-bg-opacity));
	}

	.bg-blue {
		--tw-bg-opacity: 1;
		background-color: rgba(66, 138, 248, var(--tw-bg-opacity));
	}

	.bg-\[\#FFD0D0\] {
		--tw-bg-opacity: 1;
		background-color: rgba(255, 208, 208, var(--tw-bg-opacity));
	}

	.bg-red {
		--tw-bg-opacity: 1;
		background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
	}

	.bg-white\/\[\.15\] {
		background-color: hsla(0, 0%, 100%, 0.15);
	}

	.bg-white\/20 {
		background-color: hsla(0, 0%, 100%, 0.2);
	}

	.bg-orange {
		--tw-bg-opacity: 1;
		background-color: rgba(254, 178, 64, var(--tw-bg-opacity));
	}

	.bg-\[\#46C7E3\] {
		--tw-bg-opacity: 1;
		background-color: rgba(70, 199, 227, var(--tw-bg-opacity));
	}

	.bg-\[\#737EF2\] {
		--tw-bg-opacity: 1;
		background-color: rgba(115, 126, 242, var(--tw-bg-opacity));
	}

	.bg-\[\#F35BC7\] {
		--tw-bg-opacity: 1;
		background-color: rgba(243, 91, 199, var(--tw-bg-opacity));
	}

	.bg-jacarta-900\/40 {
		background-color: rgba(13, 16, 45, 0.4);
	}

	.bg-jacarta-800 {
		--tw-bg-opacity: 1;
		background-color: rgba(16, 20, 54, var(--tw-bg-opacity));
	}

	.bg-gradient-to-r {
		background-image: linear-gradient(to right, var(--tw-gradient-stops));
	}

	.from-\[\#F43771\] {
		--tw-gradient-from: #f43771;
		--tw-gradient-to: rgba(244, 55, 113, 0);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	}

	.to-\[\#FF9567\] {
		--tw-gradient-to: #ff9567;
	}

	.bg-cover {
		background-size: cover;
	}

	.bg-contain {
		background-size: contain;
	}

	.bg-clip-text {
		-webkit-background-clip: text;
		background-clip: text;
	}

	.bg-center {
		background-position: 50%;
	}

	.bg-no-repeat {
		background-repeat: no-repeat;
	}

	.fill-jacarta-500 {
		fill: #5a5d79;
	}

	.fill-jacarta-700 {
		fill: #131740;
	}

	.fill-\[\#10B981\] {
		fill: #10b981;
	}

	.fill-\[\#FEB240\] {
		fill: #feb240;
	}

	.fill-\[\#c99b0e\] {
		fill: #c99b0e;
	}

	.fill-\[\#F35BC7\] {
		fill: #f35bc7;
	}

	.fill-\[\#428AF8\] {
		fill: #428af8;
	}

	.fill-\[\#737EF2\] {
		fill: #737ef2;
	}

	.fill-\[\#8DD059\] {
		fill: #8dd059;
	}

	.fill-\[\#EF3D3D\] {
		fill: #ef3d3d;
	}

	.fill-\[\#46C7E3\] {
		fill: #46c7e3;
	}

	.fill-jacarta-300 {
		fill: #a1a2b3;
	}

	.fill-white {
		fill: #fff;
	}

	.fill-accent {
		fill: #c99b0e;
	}

	.fill-current {
		fill: currentColor;
	}

	.fill-jacarta-400 {
		fill: #7d7f96;
	}

	.fill-jacarta-50 {
		fill: #f4f4f6;
	}

	.fill-green {
		fill: #10b981;
	}

	.fill-red {
		fill: #ef4444;
	}

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

	.p-6 {
		padding: 1.5rem;
	}

	.p-\[0\.375rem\] {
		padding: 0.375rem;
	}

	.p-4 {
		padding: 1rem;
	}

	.p-8 {
		padding: 2rem;
	}

	.p-\[10\%\] {
		padding: 10%;
	}

	.p-3 {
		padding: 0.75rem;
	}

	.p-\[1\.1875rem\] {
		padding: 1.1875rem;
	}

	.p-2 {
		padding: 0.5rem;
	}

	.p-10 {
		padding: 2.5rem;
	}

	.p-5 {
		padding: 1.25rem;
	}

	.p-12 {
		padding: 3rem;
	}

	.p-\[3\.75rem\] {
		padding: 3.75rem;
	}

	.p-2\.5 {
		padding: 0.625rem;
	}

	.px-6 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.py-6 {
		padding-bottom: 1.5rem;
		padding-top: 1.5rem;
	}

	.py-\[0\.6875rem\] {
		padding-bottom: 0.6875rem;
		padding-top: 0.6875rem;
	}

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

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

	.py-3\.5 {
		padding-bottom: 0.875rem;
		padding-top: 0.875rem;
	}

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

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

	.px-8 {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.py-16 {
		padding-bottom: 4rem;
		padding-top: 4rem;
	}

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

	.py-24 {
		padding-bottom: 6rem;
		padding-top: 6rem;
	}

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

	.py-4 {
		padding-bottom: 1rem;
		padding-top: 1rem;
	}

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

	.px-2 {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

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

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

	.px-3 {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}

	.py-32 {
		padding-bottom: 8rem;
		padding-top: 8rem;
	}

	.py-1 {
		padding-bottom: 0.25rem;
		padding-top: 0.25rem;
	}

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

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

	.py-40 {
		padding-bottom: 10rem;
		padding-top: 10rem;
	}

	.py-36 {
		padding-bottom: 9rem;
		padding-top: 9rem;
	}

	.py-28 {
		padding-bottom: 7rem;
		padding-top: 7rem;
	}

	.py-\[1\.5625rem\] {
		padding-bottom: 1.5625rem;
		padding-top: 1.5625rem;
	}

	.py-1\.5 {
		padding-bottom: 0.375rem;
		padding-top: 0.375rem;
	}

	.pl-10 {
		padding-left: 2.5rem;
	}

	.pt-\[5\.5rem\] {
		padding-top: 5.5rem;
	}

	.pt-24 {
		padding-top: 6rem;
	}

	.pb-12 {
		padding-bottom: 3rem;
	}

	.pb-24 {
		padding-bottom: 6rem;
	}

	.pt-28 {
		padding-top: 7rem;
	}

	.pb-4 {
		padding-bottom: 1rem;
	}

	.pt-4 {
		padding-top: 1rem;
	}

	.pt-2 {
		padding-top: 0.5rem;
	}

	.pb-2 {
		padding-bottom: 0.5rem;
	}

	.\!pb-5 {
		padding-bottom: 1.25rem !important;
	}

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

	.pb-16 {
		padding-bottom: 4rem;
	}

	.pt-20 {
		padding-top: 5rem;
	}

	.pb-8 {
		padding-bottom: 2rem;
	}

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

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

	.pt-12 {
		padding-top: 3rem;
	}

	.pt-5 {
		padding-top: 1.25rem;
	}

	.pb-2\.5 {
		padding-bottom: 0.625rem;
	}

	.pt-6 {
		padding-top: 1.5rem;
	}

	.pb-px {
		padding-bottom: 1px;
	}

	.pt-32 {
		padding-top: 8rem;
	}

	.pt-0 {
		padding-top: 0;
	}

	.pb-20 {
		padding-bottom: 5rem;
	}

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

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

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

	.align-middle {
		vertical-align: middle;
	}

	.font-body {
		font-family: DM Sans, sans-serif;
	}

	.font-display {
		font-family: CalSans-SemiBold, sans-serif;
	}

	.text-base {
		font-size: 1rem;
		line-height: normal;
	}

	.text-sm {
		font-size: 0.875rem;
		line-height: normal;
	}

	.text-lg {
		font-size: 1.25rem;
		line-height: normal;
	}

	.text-4xl {
		font-size: 2.25rem;
		line-height: normal;
	}

	.text-3xl {
		font-size: 2rem;
		line-height: normal;
	}

	.text-5xl {
		font-size: 2.5rem;
		line-height: normal;
	}

	.text-2xl {
		font-size: 1.75rem;
		line-height: normal;
	}

	.text-xl {
		font-size: 1.5rem;
		line-height: normal;
	}

	.text-md {
		font-size: 1.125rem;
		line-height: normal;
	}

	.text-2xs {
		font-size: 0.8125rem;
		line-height: normal;
	}

	.text-xs {
		font-size: 0.75rem;
		line-height: normal;
	}

	.font-semibold {
		font-weight: 600;
	}

	.font-medium {
		font-weight: 500;
	}

	.font-bold {
		font-weight: 700;
	}

	.uppercase {
		text-transform: uppercase;
	}

	.italic {
		font-style: italic;
	}

	.not-italic {
		font-style: normal;
	}

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

	.leading-normal {
		line-height: 1.5;
	}

	.leading-tight {
		line-height: 1.25;
	}

	.tracking-tight {
		letter-spacing: -0.025em;
	}

	.text-jacarta-500 {
		--tw-text-opacity: 1;
		color: rgba(90, 93, 121, var(--tw-text-opacity));
	}

	.text-jacarta-700 {
		--tw-text-opacity: 1;
		color: rgba(19, 23, 64, var(--tw-text-opacity));
	}

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

	.text-green {
		--tw-text-opacity: 1;
		color: rgba(16, 185, 129, var(--tw-text-opacity));
	}

	.text-accent {
		--tw-text-opacity: 1;
		color: rgba(131, 88, 255, var(--tw-text-opacity));
	}

	.text-jacarta-400 {
		--tw-text-opacity: 1;
		color: rgba(125, 127, 150, var(--tw-text-opacity));
	}

	.text-jacarta-300 {
		--tw-text-opacity: 1;
		color: rgba(161, 162, 179, var(--tw-text-opacity));
	}

	.text-red {
		--tw-text-opacity: 1;
		color: rgba(239, 68, 68, var(--tw-text-opacity));
	}

	.text-\[\#8DD059\] {
		--tw-text-opacity: 1;
		color: rgba(141, 208, 89, var(--tw-text-opacity));
	}

	.text-\[\#737EF2\] {
		--tw-text-opacity: 1;
		color: rgba(115, 126, 242, var(--tw-text-opacity));
	}

	.text-\[\#F35BC7\] {
		--tw-text-opacity: 1;
		color: rgba(243, 91, 199, var(--tw-text-opacity));
	}

	.text-transparent {
		color: transparent;
	}

	.text-orange-bright {
		--tw-text-opacity: 1;
		color: rgba(250, 109, 30, var(--tw-text-opacity));
	}

	.text-blue {
		--tw-text-opacity: 1;
		color: rgba(66, 138, 248, var(--tw-text-opacity));
	}

	.placeholder-jacarta-500::-moz-placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(90, 93, 121, var(--tw-placeholder-opacity));
	}

	.placeholder-jacarta-500::placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(90, 93, 121, var(--tw-placeholder-opacity));
	}

	.placeholder-white::-moz-placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
	}

	.placeholder-white::placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
	}

	.placeholder-jacarta-300::-moz-placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(161, 162, 179, var(--tw-placeholder-opacity));
	}

	.placeholder-jacarta-300::placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(161, 162, 179, var(--tw-placeholder-opacity));
	}

	.opacity-0 {
		opacity: 0;
	}

	.shadow-accent-volume {
		--tw-shadow: 5px 5px 10px rgba(213, 193, 106, 0.25), inset 2px 2px 6px #f0e38d, inset -5px -5px 10px #e4be36;
		--tw-shadow-colored: 5px 5px 10px var(--tw-shadow-color), inset 2px 2px 6px var(--tw-shadow-color),
			inset -5px -5px 10px var(--tw-shadow-color);
	}

	.shadow-accent-volume,
	.shadow-xl {
		box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
			var(--tw-shadow);
	}

	.shadow-xl {
		--tw-shadow: 0px 8px 10px -6px rgba(13, 16, 45, 0.1), 0px 20px 25px -5px rgba(13, 16, 45, 0.1);
		--tw-shadow-colored: 0px 8px 10px -6px var(--tw-shadow-color), 0px 20px 25px -5px var(--tw-shadow-color);
	}

	.shadow-white-volume {
		--tw-shadow: 5px 5px 10px rgba(212, 191, 106, 0.25), inset 2px 2px 6px #f9f7ee, inset -5px -5px 10px #efeddf;
		--tw-shadow-colored: 5px 5px 10px var(--tw-shadow-color), inset 2px 2px 6px var(--tw-shadow-color),
			inset -5px -5px 10px var(--tw-shadow-color);
	}

	.shadow-md,
	.shadow-white-volume {
		box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
			var(--tw-shadow);
	}

	.shadow-md {
		--tw-shadow: 0px 2px 4px -2px rgba(13, 16, 45, 0.1), 0px 4px 6px -1px rgba(13, 16, 45, 0.1);
		--tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 6px -1px var(--tw-shadow-color);
	}

	.shadow-\[0_5px_0_0_\#c99b0e\] {
		--tw-shadow: 0 5px 0 0 #c99b0e;
		--tw-shadow-colored: 0 5px 0 0 var(--tw-shadow-color);
	}

	.shadow-\[0_5px_0_0_\#10b981\],
	.shadow-\[0_5px_0_0_\#c99b0e\] {
		box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
			var(--tw-shadow);
	}

	.shadow-\[0_5px_0_0_\#10b981\] {
		--tw-shadow: 0 5px 0 0 #10b981;
		--tw-shadow-colored: 0 5px 0 0 var(--tw-shadow-color);
	}

	.shadow-\[0_5px_0_0_\#ef4444\] {
		--tw-shadow: 0 5px 0 0 #ef4444;
		--tw-shadow-colored: 0 5px 0 0 var(--tw-shadow-color);
	}

	.shadow-\[0_5px_0_0_\#ef4444\],
	.shadow-none {
		box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
			var(--tw-shadow);
	}

	.shadow-none {
		--tw-shadow: 0 0 transparent;
		--tw-shadow-colored: 0 0 transparent;
	}

	.shadow-sm {
		--tw-shadow: 0px 1px 2px 0px rgba(13, 16, 45, 0.1);
		--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
		box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
			var(--tw-shadow);
	}

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

	.backdrop-blur {
		--tw-backdrop-blur: blur(8px);
		-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-colors {
		transition-duration: 0.15s;
		transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
			-webkit-text-decoration-color;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}

	.transition-all {
		transition-duration: 0.15s;
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}

	.transition-transform {
		transition-duration: 0.15s;
		transition-property: transform;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}

	.transition-shadow {
		transition-duration: 0.15s;
		transition-property: box-shadow;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}

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

	.duration-\[1600ms\] {
		transition-duration: 1.6s;
	}

	.will-change-transform {
		will-change: transform;
	}

	input[type="search"]::-ms-clear,
	input[type="search"]::-ms-reveal {
		display: none;
		height: 0;
		width: 0;
	}

	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration,
	input[type="search"]::-webkit-search-results-button,
	input[type="search"]::-webkit-search-results-decoration {
		display: none;
	}

	::-webkit-file-upload-button {
		cursor: pointer;
	}

	.scrollbar-custom {
		scrollbar-width: thin;
	}

	.scrollbar-custom::-webkit-scrollbar {
		height: 0.5rem;
		overflow: overlay;
		width: 0.5rem;
	}

	.scrollbar-custom::-webkit-scrollbar-track {
		--tw-bg-opacity: 1;
		background-color: rgba(231, 232, 236, var(--tw-bg-opacity));
	}

	.dark .scrollbar-custom::-webkit-scrollbar-track {
		--tw-bg-opacity: 1;
		background-color: rgba(16, 20, 54, var(--tw-bg-opacity));
	}

	.scrollbar-custom::-webkit-scrollbar-thumb {
		--tw-bg-opacity: 1;
		background-color: rgba(161, 162, 179, var(--tw-bg-opacity));
		border-radius: 0.5rem;
	}

	.dark .scrollbar-custom::-webkit-scrollbar-thumb {
		--tw-bg-opacity: 1;
		background-color: rgba(54, 58, 93, var(--tw-bg-opacity));
	}

	.dropdown--is-open + .js-dropdown {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}

	.dropdown-menu.show {
		display: block;
	}

	.dropdown-toggle > button,
	.dropdown-toggle > i {
		transition-duration: 0.15s;
		transition-property: transform;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}

	.dropdown-toggle.show > button,
	.dropdown-toggle.show > i {
		--tw-rotate: 180deg;
		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));
	}

	.dropdown-menu-end {
		--bs-position: end;
	}

	.nav-menu--is-open {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		opacity: 1;
		overflow-y: auto;
		padding: 0 1.5rem 1.5rem;
		visibility: visible;
	}

	.nav-open-noscroll {
		height: 100vh;
		overflow: hidden;
	}

	.swiper-button-prev:after,
	.swiper-rtl .swiper-button-next:after {
		--tw-content: "prev";
		content: var(--tw-content);
		font-size: 0;
	}

	.swiper-button-next:after,
	.swiper-rtl .swiper-button-prev:after {
		--tw-content: "next";
		content: var(--tw-content);
		font-size: 0;
	}

	.swiper-button-disabled {
		display: none;
	}

	.swiper-lazy-preloader {
		box-sizing: border-box;
		height: 42px;
		left: 50%;
		margin-left: -21px;
		margin-top: -21px;
		position: absolute;
		top: 50%;
		transform-origin: center;
		width: 42px;
		z-index: 10;
	}

	@keyframes spin {
		to {
			transform: rotate(1turn);
		}
	}

	.swiper-lazy-preloader {
		--tw-border-opacity: 1;
		-webkit-animation: spin 1s linear infinite;
		animation: spin 1s linear infinite;
		border-color: rgba(131, 88, 255, var(--tw-border-opacity));
		border-radius: 9999px;
		border-top-color: transparent;
		border-width: 4px;
	}

	.full-slider-thumbs .swiper-slide-thumb-active {
		background-color: hsla(0, 0%, 100%, 0.1);
	}

	.swiper-slide-thumb-active .progress {
		transition-duration: 5s;
		transition-property: width;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-timing-function: linear;
		width: 100%;
	}

	.swiper-3d .swiper-slide-shadow-left,
	.swiper-3d .swiper-slide-shadow-right {
		border-radius: 1.25rem;
	}

	.js-page-header--is-sticky {
		background-color: hsla(0, 0%, 100%, 0.5);
	}

	.js-page-header--is-sticky.home3_header {
		background-color: rgba(19, 23, 64, 0.5) !important;
	}

	.dark .js-page-header--is-sticky,
	.js-page-header--is-sticky.page-header--transparent {
		background-color: rgba(19, 23, 64, 0.5);
	}

	.nav-link.active {
		--tw-text-opacity: 1;
		color: rgba(19, 23, 64, var(--tw-text-opacity));
	}

	.nav-link.active:after {
		--tw-bg-opacity: 1;
		background-color: rgba(131, 88, 255, var(--tw-bg-opacity));
		bottom: -1px;
		content: var(--tw-content);
		display: block;
		height: 2px;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
	}

	.dark .nav-link.active,
	.dark .nav-link.active:hover {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}

	.benifit .react-tabs__tab--selected {
		background: transparent;
	}
	.benifit .react-tabs__tab--selected button {
		--tw-bg-opacity: 1;
		--tw-shadow: 0px 25px 50px -12px rgba(13, 16, 45, 0.1), 0px 12px 24px 0px rgba(13, 16, 45, 0.1);
		--tw-shadow-colored: 0px 25px 50px -12px var(--tw-shadow-color), 0px 12px 24px 0px var(--tw-shadow-color);
		background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
		border-bottom-width: 0;
		border-radius: 1.25rem;
		box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
			var(--tw-shadow);
	}
	.dark .benifit .react-tabs__tab--selected button {
		--tw-bg-opacity: 1;
		background-color: rgba(19, 23, 64, var(--tw-bg-opacity));
	}
	.benifit .react-tabs__tab--selected button::after {
		content: var(--tw-content);
		display: none;
	}
	.benifit .react-tabs__tab--selected .hidden {
		display: block;
	}
	.tab-content > .tab-pane {
		display: none;
	}

	.tab-content > .active {
		display: block;
	}

	.modal {
		display: none;
		height: 100%;
		left: 0;
		outline-width: 0;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 50;
	}

	.modal-dialog {
		margin: 3rem auto;
		pointer-events: none;
		position: relative;
		width: auto;
	}

	.modal-dialog-centered {
		align-items: center;
		display: flex;
	}

	.modal.fade .modal-dialog {
		--tw-translate-x: 0px;
		--tw-translate-y: -3.5rem;
		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));
		transition-duration: 0.3s;
		transition-property: transform;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		will-change: transform;
	}

	.modal.show .modal-dialog {
		transform: none;
	}

	.modal-content {
		--tw-bg-opacity: 1;
		background-clip: padding-box;
		background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
		border-radius: 1rem;
		display: flex;
		flex-direction: column;
		margin-left: 1rem;
		margin-right: 1rem;
		outline-width: 0;
		pointer-events: auto;
		position: relative;
	}

	.dark .modal-content {
		--tw-bg-opacity: 1;
		background-color: rgba(19, 23, 64, var(--tw-bg-opacity));
	}

	.modal-header {
		--tw-border-opacity: 1;
		align-items: center;
		border-bottom-width: 1px;
		border-color: rgba(231, 232, 236, var(--tw-border-opacity));
		display: flex;
		flex-shrink: 0;
		justify-content: space-between;
		padding: 1.5rem;
	}

	.dark .modal-header {
		--tw-border-opacity: 1;
		border-color: rgba(54, 58, 93, var(--tw-border-opacity));
	}

	.modal-title {
		--tw-text-opacity: 1;
		color: rgba(19, 23, 64, var(--tw-text-opacity));
		font-family: CalSans-SemiBold, sans-serif;
		font-size: 1.5rem;
		font-weight: 600;
		line-height: normal;
		line-height: 1.5;
		margin-bottom: 0;
		margin-top: 0.25rem;
	}

	.dark .modal-title {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}

	.btn-close {
		background-color: transparent;
		border-width: 0;
		position: absolute;
		right: 1.5rem;
		transition-duration: 0.15s;
		transition-property: transform;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}

	.btn-close:hover {
		--tw-rotate: 180deg;
		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));
	}

	.modal-body {
		flex: 1 1 auto;
		position: relative;
	}

	.modal-footer {
		--tw-border-opacity: 1;
		align-items: center;
		border-color: rgba(231, 232, 236, var(--tw-border-opacity));
		border-top-width: 1px;
		display: flex;
		flex-shrink: 0;
		flex-wrap: wrap;
		justify-content: center;
		padding: 1.5rem;
	}

	.dark .modal-footer {
		--tw-border-opacity: 1;
		border-color: rgba(54, 58, 93, var(--tw-border-opacity));
	}

	.modal-backdrop {
		--tw-bg-opacity: 1;
		background-color: rgba(13, 16, 45, var(--tw-bg-opacity));
		height: 100vh;
		left: 0;
		position: fixed;
		top: 0;
		width: 100vw;
		z-index: 40;
	}

	.modal-backdrop.fade {
		opacity: 0;
	}

	.modal-backdrop.show {
		opacity: 0.75;
	}

	.lightbox .modal-dialog {
		display: flex;
		max-width: 64rem;
		min-height: calc(100% - 6rem);
	}

	.lightbox .modal-content {
		overflow: hidden;
		width: 100%;
	}

	.lightbox .ratio-16x9 {
		--bs-aspect-ratio: 56.25%;
	}

	.ratio {
		position: relative;
	}

	.ratio:before {
		content: var(--tw-content);
		display: block;
		padding-top: var(--bs-aspect-ratio);
	}

	.ratio > * {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.lightbox .btn-close {
		background-color: rgba(13, 16, 45, 0.3) !important;
		border-radius: 9999px;
		right: 0.5rem;
		top: 0.5rem;
	}

	.lightbox .btn-close svg {
		height: 0.75rem;
		top: 0 !important;
		width: 0.75rem;
	}

	.accordion-button {
		overflow-anchor: none;
	}

	.accordion-button:not(.collapsed) .accordion-arrow {
		--tw-rotate: -180deg;
		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));
	}

	.fade {
		transition-duration: 0.15s;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-timing-function: linear;
	}

	.collapse:not(.show) {
		display: none;
	}

	.collapsing {
		height: 0;
		overflow: hidden;
		transition-duration: 0.15s;
		transition-property: height;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}

	.js-likes--active svg {
		opacity: 0;
	}

	.js-likes--active:before {
		opacity: 1 !important;
	}

	.article-content > :not(.article-content-wide) {
		margin-left: auto;
		margin-right: auto;
		margin-top: 1.5rem;
		max-width: 48.125rem;
	}

	.article-content > h1,
	.article-content > h2,
	.article-content > h3,
	.article-content > h4,
	.article-content > h5,
	.article-content > h6 {
		--tw-text-opacity: 1;
		color: rgba(19, 23, 64, var(--tw-text-opacity));
		font-family: CalSans-SemiBold, sans-serif;
		margin-bottom: 1rem;
		margin-top: 3rem !important;
	}

	.dark .article-content > h1,
	.dark .article-content > h2,
	.dark .article-content > h3,
	.dark .article-content > h4,
	.dark .article-content > h5,
	.dark .article-content > h6 {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}

	.dark .article-content > p {
		--tw-text-opacity: 1;
		color: rgba(161, 162, 179, var(--tw-text-opacity));
	}

	.alert-error {
		--tw-text-opacity: 1;
		background-color: rgba(239, 68, 68, 0.1);
		color: rgba(239, 68, 68, var(--tw-text-opacity));
	}

	.alert-success {
		--tw-text-opacity: 1;
		background-color: rgba(16, 185, 129, 0.1);
		color: rgba(16, 185, 129, var(--tw-text-opacity));
	}

	.animate-gradient {
		-webkit-text-fill-color: transparent;
		background: linear-gradient(270deg, #ff7356, #ff59e2 25.52%, #52ddf6 50%, #eadf4e 76.04%, #ff7356);
		-webkit-background-clip: text;
		background-clip: text;
		background-size: 200% auto;
	}

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

	.before\:inset-0:before {
		bottom: 0;
		content: var(--tw-content);
		left: 0;
		right: 0;
		top: 0;
	}

	.before\:-top-3:before {
		content: var(--tw-content);
		top: -0.75rem;
	}

	.before\:h-3:before {
		content: var(--tw-content);
		height: 0.75rem;
	}

	.before\:h-4:before {
		content: var(--tw-content);
		height: 1rem;
	}

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

	.before\:w-4:before {
		content: var(--tw-content);
		width: 1rem;
	}

	.before\:bg-jacarta-900\/25:before {
		background-color: rgba(13, 16, 45, 0.25);
		content: var(--tw-content);
	}

	.before\:bg-\[url\(\'\.\.\/img\/heart-fill\.svg\'\)\]:before {
		background-image: url(../img/a103374135dc865e7608.svg);
		content: var(--tw-content);
	}

	.before\:bg-cover:before {
		background-size: cover;
		content: var(--tw-content);
	}

	.before\:bg-center:before {
		background-position: 50%;
		content: var(--tw-content);
	}

	.before\:bg-no-repeat:before {
		background-repeat: no-repeat;
		content: var(--tw-content);
	}

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

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

	.after\:inset-0:after {
		bottom: 0;
		content: var(--tw-content);
		left: 0;
		right: 0;
		top: 0;
	}

	.after\:top-0\.5:after {
		content: var(--tw-content);
		top: 0.125rem;
	}

	.after\:left-0\.5:after {
		content: var(--tw-content);
		left: 0.125rem;
	}

	.after\:top-0:after {
		content: var(--tw-content);
		top: 0;
	}

	.after\:left-0:after {
		content: var(--tw-content);
		left: 0;
	}

	.after\:top-\[0\.1875rem\]:after {
		content: var(--tw-content);
		top: 0.1875rem;
	}

	.after\:left-\[0\.1875rem\]:after {
		content: var(--tw-content);
		left: 0.1875rem;
	}

	.after\:block:after {
		content: var(--tw-content);
		display: block;
	}

	.after\:h-3:after {
		content: var(--tw-content);
		height: 0.75rem;
	}

	.after\:h-\[1\.125rem\]:after {
		content: var(--tw-content);
		height: 1.125rem;
	}

	.after\:w-3:after {
		content: var(--tw-content);
		width: 0.75rem;
	}

	.after\:w-\[1\.125rem\]:after {
		content: var(--tw-content);
		width: 1.125rem;
	}

	.after\:rounded-full:after {
		border-radius: 9999px;
		content: var(--tw-content);
	}

	.after\:bg-jacarta-400:after {
		--tw-bg-opacity: 1;
		background-color: rgba(125, 127, 150, var(--tw-bg-opacity));
		content: var(--tw-content);
	}

	.after\:bg-jacarta-900\/60:after {
		background-color: rgba(13, 16, 45, 0.6);
		content: var(--tw-content);
	}

	.after\:bg-jacarta-900\/20:after {
		background-color: rgba(13, 16, 45, 0.2);
		content: var(--tw-content);
	}

	.after\:transition-all:after {
		content: var(--tw-content);
		transition-duration: 0.15s;
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}

	.checked\:bg-accent:checked {
		--tw-bg-opacity: 1;
		background-color: rgba(131, 88, 255, var(--tw-bg-opacity));
	}

	.checked\:bg-none:checked {
		background-image: none;
	}

	.checked\:after\:left-3\.5:checked:after {
		content: var(--tw-content);
		left: 0.875rem;
	}

	.checked\:after\:left-3:checked:after {
		content: var(--tw-content);
		left: 0.75rem;
	}

	.checked\:after\:left-\[1\.3125rem\]:checked:after {
		content: var(--tw-content);
		left: 1.3125rem;
	}

	.checked\:after\:bg-white:checked:after {
		--tw-bg-opacity: 1;
		background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
		content: var(--tw-content);
	}

	.hover\:scale-90:hover {
		--tw-scale-x: 0.9;
		--tw-scale-y: 0.9;
		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));
	}

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

	.hover\:border-accent:hover {
		--tw-border-opacity: 1;
		border-color: rgba(131, 88, 255, var(--tw-border-opacity));
	}

	.hover\:bg-accent:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(131, 88, 255, var(--tw-bg-opacity));
	}

	.hover\:bg-jacarta-50:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(244, 244, 246, var(--tw-bg-opacity));
	}

	.hover\:bg-accent-dark:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(116, 68, 255, var(--tw-bg-opacity));
	}

	.hover\:bg-jacarta-100:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(231, 232, 236, var(--tw-bg-opacity));
	}

	.hover\:fill-red:hover {
		fill: #ef4444;
	}

	.hover\:text-accent:hover {
		--tw-text-opacity: 1;
		color: rgba(131, 88, 255, var(--tw-text-opacity));
	}

	.hover\:text-white:hover {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}

	.hover\:text-jacarta-700:hover {
		--tw-text-opacity: 1;
		color: rgba(19, 23, 64, var(--tw-text-opacity));
	}

	.hover\:text-blue:hover {
		--tw-text-opacity: 1;
		color: rgba(66, 138, 248, var(--tw-text-opacity));
	}

	.hover\:shadow-lg:hover {
		--tw-shadow: 0px 4px 6px -4px rgba(13, 16, 45, 0.1), 0px 10px 15px -3px rgba(13, 16, 45, 0.1);
		--tw-shadow-colored: 0px 4px 6px -4px var(--tw-shadow-color), 0px 10px 15px -3px var(--tw-shadow-color);
	}

	.hover\:shadow-lg:hover,
	.hover\:shadow-md:hover {
		box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
			var(--tw-shadow);
	}

	.hover\:shadow-md:hover {
		--tw-shadow: 0px 2px 4px -2px rgba(13, 16, 45, 0.1), 0px 4px 6px -1px rgba(13, 16, 45, 0.1);
		--tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 6px -1px var(--tw-shadow-color);
	}

	.hover\:shadow-accent-volume:hover {
		--tw-shadow: 5px 5px 10px rgba(213, 202, 106, 0.25), inset 2px 2px 6px #f0de8d, inset -5px -5px 10px #e4d036;
		--tw-shadow-colored: 5px 5px 10px var(--tw-shadow-color), inset 2px 2px 6px var(--tw-shadow-color),
			inset -5px -5px 10px var(--tw-shadow-color);
		box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
			var(--tw-shadow);
	}

	.hover\:shadow-\[0_16px_24px_-8px_rgba\(131\2c 88\2c 255\2c \.3\)\]:hover {
		--tw-shadow: 0 16px 24px -8px rgba(255, 236, 88, 0.3);
		--tw-shadow-colored: 0 16px 24px -8px var(--tw-shadow-color);
	}

	.hover\:shadow-\[0_16px_24px_-8px_rgba\(131\2c 88\2c 255\2c \.3\)\]:hover,
	.hover\:shadow-\[0_16px_24px_-8px_rgba\(16\2c 185\2c 129\2c \.3\)\]:hover {
		box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
			var(--tw-shadow);
	}

	.hover\:shadow-\[0_16px_24px_-8px_rgba\(16\2c 185\2c 129\2c \.3\)\]:hover {
		--tw-shadow: 0 16px 24px -8px rgba(16, 185, 129, 0.3);
		--tw-shadow-colored: 0 16px 24px -8px var(--tw-shadow-color);
	}

	.hover\:shadow-\[0_16px_24px_-8px_rgba\(239\2c 68\2c 68\2c \.3\)\]:hover {
		--tw-shadow: 0 16px 24px -8px rgba(239, 68, 68, 0.3);
		--tw-shadow-colored: 0 16px 24px -8px var(--tw-shadow-color);
	}

	.hover\:shadow-\[0_16px_24px_-8px_rgba\(239\2c 68\2c 68\2c \.3\)\]:hover,
	.hover\:shadow-xl:hover {
		box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
			var(--tw-shadow);
	}

	.hover\:shadow-xl:hover {
		--tw-shadow: 0px 8px 10px -6px rgba(13, 16, 45, 0.1), 0px 20px 25px -5px rgba(13, 16, 45, 0.1);
		--tw-shadow-colored: 0px 8px 10px -6px var(--tw-shadow-color), 0px 20px 25px -5px var(--tw-shadow-color);
	}

	.hover\:ring-2:hover {
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 transparent;
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
	}

	.hover\:ring-accent\/10:hover {
		--tw-ring-color: rgba(255, 230, 88, 0.1);
	}

	.checked\:hover\:bg-accent:hover:checked {
		--tw-bg-opacity: 1;
		background-color: rgba(131, 88, 255, var(--tw-bg-opacity));
	}

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

	.focus\:bg-accent:focus {
		--tw-bg-opacity: 1;
		background-color: rgba(131, 88, 255, var(--tw-bg-opacity));
	}

	.focus\:text-accent:focus {
		--tw-text-opacity: 1;
		color: rgba(131, 88, 255, var(--tw-text-opacity));
	}

	.focus\:ring-inset:focus {
		--tw-ring-inset: inset;
	}

	.focus\:ring-accent:focus {
		--tw-ring-opacity: 1;
		--tw-ring-color: rgba(131, 88, 255, var(--tw-ring-opacity));
	}

	.focus\:ring-accent\/20:focus {
		--tw-ring-color: rgba(255, 233, 88, 0.2);
	}

	.focus\:ring-transparent:focus {
		--tw-ring-color: transparent;
	}

	.focus\:ring-offset-0:focus {
		--tw-ring-offset-width: 0px;
	}

	.checked\:focus\:bg-accent:focus:checked {
		--tw-bg-opacity: 1;
		background-color: rgba(131, 88, 255, var(--tw-bg-opacity));
	}

	.group:hover .group-hover\:visible {
		visibility: visible;
	}

	.group:hover .group-hover\:scale-105 {
		--tw-scale-x: 1.05;
		--tw-scale-y: 1.05;
		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));
	}

	.group:hover .group-hover\:fill-white {
		fill: #fff;
	}

	.group:hover .group-hover\:fill-accent {
		fill: #c99b0e;
	}

	.group:hover .group-hover\:text-accent {
		--tw-text-opacity: 1;
		color: rgba(131, 88, 255, var(--tw-text-opacity));
	}

	.group:hover .group-hover\:text-white {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}

	.group:hover .group-hover\:opacity-100 {
		opacity: 1;
	}

	.group:focus .group-focus\:fill-white {
		fill: #fff;
	}

	.group-dropdown:hover .group-dropdown-hover\:visible {
		visibility: visible;
	}

	.group-dropdown:hover .group-dropdown-hover\:opacity-100 {
		opacity: 1;
	}

	.dark .dark\:block {
		display: block;
	}

	.dark .dark\:hidden {
		display: none;
	}

	.dark .dark\:divide-jacarta-600 > :not([hidden]) ~ :not([hidden]) {
		--tw-divide-opacity: 1;
		border-color: rgba(54, 58, 93, var(--tw-divide-opacity));
	}

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

	.dark .dark\:border-jacarta-600 {
		--tw-border-opacity: 1;
		border-color: rgba(54, 58, 93, var(--tw-border-opacity));
	}

	.dark .dark\:border-jacarta-500 {
		--tw-border-opacity: 1;
		border-color: rgba(90, 93, 121, var(--tw-border-opacity));
	}

	.dark .dark\:border-jacarta-700 {
		--tw-border-opacity: 1;
		border-color: rgba(19, 23, 64, var(--tw-border-opacity));
	}

	.dark .dark\:bg-jacarta-900 {
		--tw-bg-opacity: 1;
		background-color: rgba(13, 16, 45, var(--tw-bg-opacity));
	}

	.dark .dark\:bg-white\/\[\.15\] {
		background-color: hsla(0, 0%, 100%, 0.15);
	}

	.dark .dark\:bg-jacarta-800 {
		--tw-bg-opacity: 1;
		background-color: rgba(16, 20, 54, var(--tw-bg-opacity));
	}

	.dark .dark\:bg-jacarta-600 {
		--tw-bg-opacity: 1;
		background-color: rgba(54, 58, 93, var(--tw-bg-opacity));
	}

	.dark .dark\:bg-jacarta-700 {
		--tw-bg-opacity: 1;
		background-color: rgba(19, 23, 64, var(--tw-bg-opacity));
	}

	.dark .dark\:fill-white {
		fill: #fff;
	}

	.dark .dark\:fill-jacarta-300 {
		fill: #a1a2b3;
	}

	.dark .dark\:fill-jacarta-200 {
		fill: #c4c5cf;
	}

	.dark .dark\:fill-jacarta-100 {
		fill: #e7e8ec;
	}

	.dark .dark\:fill-jacarta-400 {
		fill: #7d7f96;
	}

	.dark .dark\:fill-jacarta-600 {
		fill: #363a5d;
	}

	.dark .dark\:text-white {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}

	.dark .dark\:text-jacarta-200 {
		--tw-text-opacity: 1;
		color: rgba(196, 197, 207, var(--tw-text-opacity));
	}

	.dark .dark\:text-jacarta-300 {
		--tw-text-opacity: 1;
		color: rgba(161, 162, 179, var(--tw-text-opacity));
	}

	.dark .dark\:text-jacarta-400 {
		--tw-text-opacity: 1;
		color: rgba(125, 127, 150, var(--tw-text-opacity));
	}

	.dark .dark\:text-jacarta-100 {
		--tw-text-opacity: 1;
		color: rgba(231, 232, 236, var(--tw-text-opacity));
	}

	.dark .dark\:placeholder-white::-moz-placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
	}

	.dark .dark\:placeholder-white::placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
	}

	.dark .dark\:placeholder-jacarta-300::-moz-placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(161, 162, 179, var(--tw-placeholder-opacity));
	}

	.dark .dark\:placeholder-jacarta-300::placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(161, 162, 179, var(--tw-placeholder-opacity));
	}

	.dark .dark\:placeholder\:text-jacarta-300::-moz-placeholder {
		--tw-text-opacity: 1;
		color: rgba(161, 162, 179, var(--tw-text-opacity));
	}

	.dark .dark\:placeholder\:text-jacarta-300::placeholder {
		--tw-text-opacity: 1;
		color: rgba(161, 162, 179, var(--tw-text-opacity));
	}

	.dark .dark\:hover\:border-transparent:hover {
		border-color: transparent;
	}

	.dark .dark\:hover\:border-accent:hover {
		--tw-border-opacity: 1;
		border-color: rgba(131, 88, 255, var(--tw-border-opacity));
	}

	.dark .dark\:hover\:bg-accent:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(131, 88, 255, var(--tw-bg-opacity));
	}

	.dark .dark\:hover\:bg-jacarta-600:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(54, 58, 93, var(--tw-bg-opacity));
	}

	.dark .dark\:hover\:bg-accent-dark:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(116, 68, 255, var(--tw-bg-opacity));
	}

	.dark .dark\:hover\:fill-red:hover {
		fill: #ef4444;
	}

	.dark .dark\:hover\:text-accent:hover {
		--tw-text-opacity: 1;
		color: rgba(131, 88, 255, var(--tw-text-opacity));
	}

	.dark .dark\:hover\:text-white:hover {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}

	.dark .dark\:focus\:text-accent:focus {
		--tw-text-opacity: 1;
		color: rgba(131, 88, 255, var(--tw-text-opacity));
	}

	.dark .group:hover .dark\:group-hover\:fill-white {
		fill: #fff;
	}

	@media (min-width: 575px) {
		.sm\:-left-6 {
			left: -1.5rem;
		}

		.sm\:-right-6 {
			right: -1.5rem;
		}

		.sm\:col-span-3 {
			grid-column: span 3 / span 3;
		}

		.sm\:mt-0 {
			margin-top: 0;
		}

		.sm\:flex {
			display: flex;
		}

		.sm\:w-32 {
			width: 8rem;
		}

		.sm\:w-full {
			width: 100%;
		}

		.sm\:w-1\/2 {
			width: 50%;
		}

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

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

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

		.sm\:flex-row {
			flex-direction: row;
		}

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

		.sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
			--tw-space-y-reverse: 0;
			margin-bottom: calc(0px * var(--tw-space-y-reverse));
			margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
		}

		.sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
			--tw-space-x-reverse: 0;
			margin-left: calc(2.5rem * (1 - var(--tw-space-x-reverse)));
			margin-right: calc(2.5rem * var(--tw-space-x-reverse));
		}

		.sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
			--tw-space-x-reverse: 0;
			margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
			margin-right: calc(1rem * var(--tw-space-x-reverse));
		}

		.sm\:border-r {
			border-right-width: 1px;
		}

		.sm\:border-l {
			border-left-width: 1px;
		}

		.sm\:border-jacarta-100 {
			--tw-border-opacity: 1;
			border-color: rgba(231, 232, 236, var(--tw-border-opacity));
		}

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

		.sm\:pr-4 {
			padding-right: 1rem;
		}

		.sm\:pl-4 {
			padding-left: 1rem;
		}

		.sm\:text-3xl {
			font-size: 2rem;
			line-height: normal;
		}

		.sm\:text-5xl {
			font-size: 2.5rem;
			line-height: normal;
		}
	}

	@media (min-width: 768px) {
		.md\:top-\[12\%\] {
			top: 12%;
		}

		.md\:-right-\[10\%\] {
			right: -10%;
		}

		.md\:col-span-4 {
			grid-column: span 4 / span 4;
		}

		.md\:col-span-2 {
			grid-column: span 2 / span 2;
		}

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

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

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

		.md\:mr-8 {
			margin-right: 2rem;
		}

		.md\:flex {
			display: flex;
		}

		.md\:h-\[9rem\] {
			height: 9rem;
		}

		.md\:w-1\/2 {
			width: 50%;
		}

		.md\:w-3\/4 {
			width: 75%;
		}

		.md\:w-16 {
			width: 4rem;
		}

		.md\:w-2\/5 {
			width: 40%;
		}

		.md\:w-3\/5 {
			width: 60%;
		}

		.md\:w-\[9rem\] {
			width: 9rem;
		}

		.md\:flex-shrink-0 {
			flex-shrink: 0;
		}

		.md\:flex-grow-0 {
			flex-grow: 0;
		}

		.md\:basis-auto {
			flex-basis: auto;
		}

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

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

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

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

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

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

		.md\:flex-nowrap {
			flex-wrap: nowrap;
		}

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

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

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

		.md\:gap-\[1\.875rem\] {
			gap: 1.875rem;
		}

		.md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
			--tw-space-x-reverse: 0;
			margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));
			margin-right: calc(1.5rem * var(--tw-space-x-reverse));
		}

		.md\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
			--tw-space-x-reverse: 0;
			margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
			margin-right: calc(2rem * var(--tw-space-x-reverse));
		}

		.md\:rounded-none {
			border-radius: 0;
		}

		.md\:rounded-r-\[1\.25rem\] {
			border-bottom-right-radius: 1.25rem;
			border-top-right-radius: 1.25rem;
		}

		.md\:p-\[4\.25rem\] {
			padding: 4.25rem;
		}

		.md\:p-10 {
			padding: 2.5rem;
		}

		.md\:py-24 {
			padding-bottom: 6rem;
			padding-top: 6rem;
		}

		.md\:py-20 {
			padding-bottom: 5rem;
			padding-top: 5rem;
		}

		.md\:py-32 {
			padding-bottom: 8rem;
			padding-top: 8rem;
		}

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

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

		.md\:pt-32 {
			padding-top: 8rem;
		}

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

		.md\:text-right {
			text-align: right;
		}

		.md\:text-6xl {
			font-size: 3.5rem;
			line-height: normal;
		}
	}

	@media (min-width: 1025px) {
		.lg\:visible {
			visibility: visible;
		}

		.lg\:invisible {
			visibility: hidden;
		}

		.lg\:absolute {
			position: absolute;
		}

		.lg\:relative {
			position: relative;
		}

		.lg\:inset-auto {
			bottom: auto;
			left: auto;
			right: auto;
			top: auto;
		}

		.lg\:order-1 {
			order: 1;
		}

		.lg\:order-2 {
			order: 2;
		}

		.lg\:order-3 {
			order: 3;
		}

		.lg\:-mt-96 {
			margin-top: -24rem;
		}

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

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

		.lg\:mr-14 {
			margin-right: 3.5rem;
		}

		.lg\:mr-4 {
			margin-right: 1rem;
		}

		.lg\:mr-5 {
			margin-right: 1.25rem;
		}

		.lg\:block {
			display: block;
		}

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

		.lg\:flex {
			display: flex;
		}

		.lg\:grid {
			display: grid;
		}

		.lg\:\!grid {
			display: grid !important;
		}

		.lg\:hidden {
			display: none;
		}

		.lg\:h-\[88vh\] {
			height: 88vh;
		}

		.lg\:h-full {
			height: 100%;
		}

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

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

		.lg\:w-2\/3 {
			width: 66.666667%;
		}

		.lg\:w-1\/3 {
			width: 33.333333%;
		}

		.lg\:w-2\/4 {
			width: 50%;
		}

		.lg\:w-1\/4 {
			width: 25%;
		}

		.lg\:w-auto {
			width: auto;
		}

		.lg\:w-\[24rem\] {
			width: 24rem;
		}

		.lg\:w-1\/2 {
			width: 50%;
		}

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

		.lg\:translate-y-4 {
			--tw-translate-y: 1rem;
			transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
				skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		}

		.lg\:\!translate-y-4 {
			--tw-translate-y: 1rem !important;
			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)) !important;
		}

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

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

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

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

		.lg\:flex-row {
			flex-direction: row;
		}

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

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

		.lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
			--tw-space-y-reverse: 0;
			margin-bottom: calc(0px * var(--tw-space-y-reverse));
			margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
		}

		.lg\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
			--tw-space-x-reverse: 0;
			margin-left: calc(1.75rem * (1 - var(--tw-space-x-reverse)));
			margin-right: calc(1.75rem * var(--tw-space-x-reverse));
		}

		.lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
			--tw-space-x-reverse: 0;
			margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
			margin-right: calc(1rem * var(--tw-space-x-reverse));
		}

		.lg\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
			--tw-space-x-reverse: 0;
			margin-left: calc(4rem * (1 - var(--tw-space-x-reverse)));
			margin-right: calc(4rem * var(--tw-space-x-reverse));
		}

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

		.lg\:rounded-2lg {
			border-radius: 0.625rem;
		}

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

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

		.lg\:py-4 {
			padding-bottom: 1rem;
			padding-top: 1rem;
		}

		.lg\:px-2 {
			padding-left: 0.5rem;
			padding-right: 0.5rem;
		}

		.lg\:py-8 {
			padding-bottom: 2rem;
			padding-top: 2rem;
		}

		.lg\:py-24 {
			padding-bottom: 6rem;
			padding-top: 6rem;
		}

		.lg\:py-20 {
			padding-bottom: 5rem;
			padding-top: 5rem;
		}

		.lg\:py-\[1\.8125rem\] {
			padding-bottom: 1.8125rem;
			padding-top: 1.8125rem;
		}

		.lg\:pt-24 {
			padding-top: 6rem;
		}

		.lg\:pb-96 {
			padding-bottom: 24rem;
		}

		.lg\:pl-16 {
			padding-left: 4rem;
		}

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

		.lg\:pl-5 {
			padding-left: 1.25rem;
		}

		.lg\:pr-12 {
			padding-right: 3rem;
		}

		.lg\:pr-4 {
			padding-right: 1rem;
		}

		.lg\:pl-6 {
			padding-left: 1.5rem;
		}

		.lg\:pl-\[3\.75rem\] {
			padding-left: 3.75rem;
		}

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

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

		.lg\:pr-16 {
			padding-right: 4rem;
		}

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

		.lg\:text-6xl {
			font-size: 3.5rem;
			line-height: normal;
		}

		.lg\:text-5xl {
			font-size: 2.5rem;
			line-height: normal;
		}

		.lg\:text-\[1\.5rem\] {
			font-size: 1.5rem;
		}

		.lg\:text-3xl {
			font-size: 2rem;
			line-height: normal;
		}

		.lg\:text-white {
			--tw-text-opacity: 1;
			color: rgba(255, 255, 255, var(--tw-text-opacity));
		}

		.lg\:opacity-100 {
			opacity: 1;
		}

		.lg\:opacity-0 {
			opacity: 0;
		}

		.lg\:shadow-2xl {
			--tw-shadow: 0px 25px 50px -12px rgba(13, 16, 45, 0.1), 0px 12px 24px 0px rgba(13, 16, 45, 0.1);
			--tw-shadow-colored: 0px 25px 50px -12px var(--tw-shadow-color), 0px 12px 24px 0px var(--tw-shadow-color);
			box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
			box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
				var(--tw-shadow);
		}

		.lg\:hover\:text-white:hover {
			--tw-text-opacity: 1;
			color: rgba(255, 255, 255, var(--tw-text-opacity));
		}

		.lg\:hover\:text-white\/90:hover {
			color: hsla(0, 0%, 100%, 0.9);
		}

		.group:hover .lg\:group-hover\:translate-y-2 {
			--tw-translate-y: 0.5rem;
			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));
		}

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

	@media (min-width: 1202px) {
		.xl\:col-span-5 {
			grid-column: span 5 / span 5;
		}

		.xl\:col-span-6 {
			grid-column: span 6 / span 6;
		}

		.xl\:col-span-4 {
			grid-column: span 4 / span 4;
		}

		.xl\:col-span-8 {
			grid-column: span 8 / span 8;
		}

		.xl\:col-start-7 {
			grid-column-start: 7;
		}

		.xl\:ml-\[8\%\] {
			margin-left: 8%;
		}

		.xl\:ml-12 {
			margin-left: 3rem;
		}

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

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

		.xl\:w-\[35rem\] {
			width: 35rem;
		}

		.xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
			--tw-space-x-reverse: 0;
			margin-left: calc(3rem * (1 - var(--tw-space-x-reverse)));
			margin-right: calc(3rem * var(--tw-space-x-reverse));
		}

		.xl\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
			--tw-space-y-reverse: 0;
			margin-bottom: calc(3rem * var(--tw-space-y-reverse));
			margin-top: calc(3rem * (1 - var(--tw-space-y-reverse)));
		}

		.xl\:px-24 {
			padding-left: 6rem;
			padding-right: 6rem;
		}

		.xl\:px-20 {
			padding-left: 5rem;
			padding-right: 5rem;
		}

		.xl\:pl-\[20\%\] {
			padding-left: 20%;
		}

		.xl\:pr-\[10\%\] {
			padding-right: 10%;
		}

		.xl\:text-7xl {
			font-size: 4.25rem;
			line-height: normal;
		}

		.xl\:text-6xl {
			font-size: 3.5rem;
			line-height: normal;
		}

		.xl\:text-lg {
			font-size: 1.25rem;
			line-height: normal;
		}
	}

	:root {
		--swiper-theme-color: #007aff;
	}

	.swiper {
		list-style: none;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		padding: 0;
		position: relative;
		z-index: 1;
	}

	.swiper-vertical > .swiper-wrapper {
		flex-direction: column;
	}

	.swiper-wrapper {
		box-sizing: content-box;
		display: flex;
		height: 100%;
		position: relative;
		transition-property: transform;
		width: 100%;
		z-index: 1;
	}

	.swiper-android .swiper-slide,
	.swiper-wrapper {
		transform: translateZ(0);
	}

	.swiper-pointer-events {
		touch-action: pan-y;
	}

	.swiper-pointer-events.swiper-vertical {
		touch-action: pan-x;
	}

	.swiper-slide {
		flex-shrink: 0;
		height: 100%;
		position: relative;
		transition-property: transform;
		width: 100%;
	}

	.swiper-slide-invisible-blank {
		visibility: hidden;
	}

	.swiper-autoheight,
	.swiper-autoheight .swiper-slide {
		height: auto;
	}

	.swiper-autoheight .swiper-wrapper {
		align-items: flex-start;
		transition-property: transform, height;
	}

	.swiper-3d,
	.swiper-3d.swiper-css-mode .swiper-wrapper {
		perspective: 1200px;
	}

	.swiper-3d .swiper-cube-shadow,
	.swiper-3d .swiper-slide,
	.swiper-3d .swiper-slide-shadow,
	.swiper-3d .swiper-slide-shadow-bottom,
	.swiper-3d .swiper-slide-shadow-left,
	.swiper-3d .swiper-slide-shadow-right,
	.swiper-3d .swiper-slide-shadow-top,
	.swiper-3d .swiper-wrapper {
		transform-style: preserve-3d;
	}

	.swiper-3d .swiper-slide-shadow,
	.swiper-3d .swiper-slide-shadow-bottom,
	.swiper-3d .swiper-slide-shadow-left,
	.swiper-3d .swiper-slide-shadow-right,
	.swiper-3d .swiper-slide-shadow-top {
		height: 100%;
		left: 0;
		pointer-events: none;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 10;
	}

	.swiper-3d .swiper-slide-shadow {
		background: rgba(0, 0, 0, 0.15);
	}

	.swiper-3d .swiper-slide-shadow-left {
		background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
	}

	.swiper-3d .swiper-slide-shadow-right {
		background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
	}

	.swiper-3d .swiper-slide-shadow-top {
		background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
	}

	.swiper-3d .swiper-slide-shadow-bottom {
		background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
	}

	.swiper-css-mode > .swiper-wrapper {
		-ms-overflow-style: none;
		overflow: auto;
		scrollbar-width: none;
	}

	.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
		display: none;
	}

	.swiper-css-mode > .swiper-wrapper > .swiper-slide {
		scroll-snap-align: start start;
	}

	.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
		scroll-snap-type: x mandatory;
	}

	.swiper-vertical.swiper-css-mode > .swiper-wrapper {
		scroll-snap-type: y mandatory;
	}

	.swiper-centered > .swiper-wrapper:before {
		content: "";
		flex-shrink: 0;
		order: 9999;
	}

	[dir="ltr"] .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
		margin-left: var(--swiper-centered-offset-before);
	}

	[dir="rtl"] .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
		margin-right: var(--swiper-centered-offset-before);
	}

	.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
		height: 100%;
		min-height: 1px;
		width: var(--swiper-centered-offset-after);
	}

	.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
		margin-top: var(--swiper-centered-offset-before);
	}

	.swiper-centered.swiper-vertical > .swiper-wrapper:before {
		height: var(--swiper-centered-offset-after);
		min-width: 1px;
		width: 100%;
	}

	.swiper-centered > .swiper-wrapper > .swiper-slide {
		scroll-snap-align: center center;
	}

	.tippy-box[data-animation="fade"][data-state="hidden"] {
		opacity: 0;
	}

	[data-tippy-root] {
		max-width: calc(100vw - 10px);
	}

	.tippy-box {
		background-color: #333;
		border-radius: 4px;
		color: #fff;
		font-size: 14px;
		line-height: 1.4;
		outline: 0;
		position: relative;
		transition-property: transform, visibility, opacity;
		white-space: normal;
	}

	.tippy-box[data-placement^="top"] > .tippy-arrow {
		bottom: 0;
	}

	.tippy-box[data-placement^="top"] > .tippy-arrow:before {
		border-top-color: initial;
		border-width: 8px 8px 0;
		bottom: -7px;
		left: 0;
		transform-origin: center top;
	}

	.tippy-box[data-placement^="bottom"] > .tippy-arrow {
		top: 0;
	}

	.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
		border-bottom-color: initial;
		border-width: 0 8px 8px;
		left: 0;
		top: -7px;
		transform-origin: center bottom;
	}

	.tippy-box[data-placement^="left"] > .tippy-arrow {
		right: 0;
	}

	.tippy-box[data-placement^="left"] > .tippy-arrow:before {
		border-left-color: initial;
		border-width: 8px 0 8px 8px;
		right: -7px;
		transform-origin: center left;
	}

	.tippy-box[data-placement^="right"] > .tippy-arrow {
		left: 0;
	}

	.tippy-box[data-placement^="right"] > .tippy-arrow:before {
		border-right-color: initial;
		border-width: 8px 8px 8px 0;
		left: -7px;
		transform-origin: center right;
	}

	.tippy-box[data-inertia][data-state="visible"] {
		transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
	}

	.tippy-arrow {
		color: #333;
		height: 16px;
		width: 16px;
	}

	.tippy-arrow:before {
		border-color: transparent;
		border-style: solid;
		content: "";
		position: absolute;
	}

	.tippy-content {
		padding: 5px 9px;
		position: relative;
		z-index: 1;
	}
}

.tooltip-container {
	background: transparent !important;
	position: relative;
	z-index: 99999;
}

.tippy-box .tippy-content {
	padding: 0 !important;
	position: relative;
	z-index: 99999;
}

@layer utilities {
	.swiper-button-next::after,
	.swiper-button-prev::after,
	.swiper-button-disabled {
		display: none !important;
	}

	.hero-img {
		border-radius: 32%;
	}

	.js-page-header--is-sticky {
		background-color: hsla(0, 0%, 100%, 0.5);
	}

	.js-page-header--is-sticky.page-header--transparent,
	.dark .js-page-header--is-sticky {
		background-color: rgba(19, 23, 64, 0.5);
	}

	.nav-menu--is-open {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		opacity: 1;
		overflow-y: auto;
		padding: 0 1.5rem 1.5rem;
		visibility: visible;
	}
	.rounded-2xl {
		border-radius: 1.25rem;
	}
	.rounded-xl {
		border-radius: 0.75rem;
	}

	.tippy-tooltip.tomato-theme {
		background-color: tomato;
		color: yellow;
	}

	.show-accordion .accordion-collapse {
		display: block !important;
	}
}

/* Video Lightbox Modal */
.video-lightbox .modal-content {
	@apply w-full overflow-hidden;
}

.video-lightbox .btn-close {
	@apply right-2 top-2 rounded-full !bg-white/80 p-2;
}

.video-lightbox .btn-close svg {
	@apply !top-0 h-6 w-6;
}

.ratio-16x9 {
	--bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio {
	@apply relative before:block before:pt-[var(--bs-aspect-ratio)];
}

.ratio > * {
	@apply absolute top-0 left-0 h-full w-full;
}

.swiper-button-next,
.swiper-button-prev {
	color: #333 !important;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
	color: #666 !important;
}

.testimonial-section .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	/* border: 1px solid red !important; */
	z-index: 10;
}

.testimonial-section .swiper-wrapper,
.characters-section .swiper-wrapper,
.features-section .swiper-wrapper,
.financial-section .swiper-wrapper {
	margin-bottom: 2rem;
}

.testimonial-section .swiper-pagination-bullet,
.characters-section .swiper-pagination-bullet,
.features-section .swiper-pagination-bullet,
.financial-section .swiper-pagination-bullet {
	/* background-color: rgba(196, 197, 207, 1) !important; */
	/* background-color: white; */
	background-color: rgba(196, 197, 207, 1);
	opacity: 1 !important;
	border-radius: 9999px;
	cursor: pointer;
	display: inline-block;
	height: 0.625rem;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	width: 0.625rem;
}

.dark .testimonial-section .swiper-pagination-bullet,
.dark .characters-section .swiper-pagination-bullet,
.dark .features-section .swiper-pagination-bullet,
.dark .financial-section .swiper-pagination-bullet,
.dark .benifit-section .swiper-pagination-bullet {
	background-color: white;
	opacity: 1 !important;
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet:focus,
.swiper-pagination-bullet:hover {
	opacity: 1 !important;
	background-color: rgba(201, 155, 14, 1)!important;
	height: 0.625rem;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	width: 0.625rem;
}

.border-b {
	border-bottom-width: 0px;
}

/* Accordions */
.accordion-button {
	overflow-anchor: none;
}

.accordion-button:not(.collapsed) .accordion-arrow {
	@apply -rotate-180;
}

/* Transitions: Fade / Collapse */
.fade {
	@apply transition-opacity ease-linear;
}

.collapse:not(.show) {
	@apply hidden;
}

.collapsing {
	@apply h-0 overflow-hidden transition-height;
}

/* Likes */
.js-likes--active svg {
	@apply opacity-0;
}

.js-likes--active::before {
	@apply !opacity-100;
}

/* Article */
.article-content > *:not(.article-content-wide) {
	@apply mx-auto mt-6 max-w-[48.125rem];
}

.article-content > h1,
.article-content > h2,
.article-content > h3,
.article-content > h4,
.article-content > h5,
.article-content > h6 {
	@apply !mt-12 mb-4 font-display text-jacarta-700 dark:text-white;
}

.article-content > p {
	@apply dark:text-jacarta-300;
}

.article-content > ul,
.article-content > ol {
	list-style: initial;
	@apply space-y-4 pl-4 dark:text-jacarta-300;
}

/* Alerts */
.alert-error {
	@apply bg-red/10 text-red;
}

.alert-success {
	@apply bg-green/10 text-green;
}

/* Gradient animation */
.animate-gradient {
	-webkit-text-fill-color: transparent;
	background: linear-gradient(
		270deg,
		rgb(255, 115, 86) 0%,
		rgb(255, 89, 226) 25.52%,
		rgb(82, 221, 246) 50%,
		rgb(234, 223, 78) 76.04%,
		rgb(255, 115, 86) 100%
	);
	background-size: 200% auto;
	-webkit-background-clip: text;
	background-clip: text;
}

.animate-gradient--no-text-fill {
	-webkit-text-fill-color: initial;
}

@media (min-width: 768px) {
	.md\:col-start-7 {
		grid-column-start: 7 !important;
	}
}

@media (min-width: 1700px) {
	.h-1527 {
		height: 88vh;
	}
}

.statistic_promo_2-section .bids-swiper-button-prev {
	left: 40% !important;
	top: 100% !important;
}

.statistic_promo_2-section .bids-swiper-button-next {
	right: 40% !important;
	top: 100% !important;
}

@media only screen and (max-width: 35.9375em) {
	.statistic_promo_2-section .bids-swiper-button-prev {
		left: 20% !important;
		top: 100% !important;
	}

	.statistic_promo_2-section .bids-swiper-button-next {
		right: 20% !important;
		top: 100% !important;
	}
}

html,
body {
	overflow-x: hidden;
}

.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
	opacity: 0 !important;
}

@font-face {
	font-family: "CalSans-SemiBold";
	src: url("../fonts/CalSans-SemiBold.woff") format("woff"), url("../fonts/CalSans-SemiBold.otf") format("opentype");
	font-weight: 600;
	font-display: swap;
	font-style: normal;
}

/* DM Sans Regular */
@font-face {
	font-family: "DM Sans";
	src: url("../fonts/DM_Sans/DMSans-Regular.ttf") format("truetype");
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}

/* DM Sans Italic */
@font-face {
	font-family: "DM Sans";
	src: url("../fonts/DM_Sans/DMSans-Italic.ttf") format("truetype");
	font-weight: 400;
	font-display: swap;
	font-style: italic;
}

/* DM Sans Medium */
@font-face {
	font-family: "DM Sans";
	src: url("../fonts/DM_Sans/DMSans-Medium.ttf") format("truetype");
	font-weight: 500;
	font-display: swap;
	font-style: normal;
}

/* DM Sans Bold */
@font-face {
	font-family: "DM Sans";
	src: url("../fonts/DM_Sans/DMSans-Bold.ttf") format("truetype");
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}

.nav-link--style-3:after {
	content: var(--tw-content);
	height: 0.625rem !important;
	position: absolute;
	transition-duration: 0.15s;
	transition-property: width;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	width: 0;
	z-index: -10;
}
.nav-link--style-3.active {
	--tw-text-opacity: 1;
	border-bottom-width: 0;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.nav-link--style-3.active:before {
	--tw-border-opacity: 1;
	border-color: transparent;
	border-left-color: rgba(196, 197, 207, var(--tw-border-opacity));
	border-width: 8px 0 8px 8px;
	content: var(--tw-content);
	height: 0;
	left: -0.5rem;
	position: absolute;
	width: 0;
}
.nav-link--style-3.active:after {
	bottom: 0.25rem;
	content: var(--tw-content);
	width: 100%;
}
@media (min-width: 768px) {
	.nav-link--style-3.active:before {
		content: var(--tw-content);
		left: -2rem;
	}
}
.hidden-style > div > div {
	height: 100%;
}
@media (min-width: 1599px) {
	.xxl\:w-auto {
		width: auto;
	}
}
.image-container {

	width: 100%;
  
	> div {
	  position: unset !important;
	}
  
	.image {
	  object-fit: contain;
	  width: 100% !important;
	  position: relative !important;
	  height: unset !important;
	}
  }