@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../fonts/55c55f0601d81cf3-s.woff2) format("woff2");
unicode-range:u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../fonts/26a46d62cd723877-s.woff2) format("woff2");
unicode-range:u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../fonts/97e0cb1ae144a2a9-s.woff2) format("woff2");
unicode-range:u+1f??
}
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../fonts/581909926a08bbc8-s.woff2) format("woff2");
unicode-range:u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../fonts/df0a9ae256c0569c-s.woff2) format("woff2");
unicode-range:u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../fonts/8e9860b6e62d6359-s.woff2) format("woff2");
unicode-range:u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../fonts/e4af272ccee01ff0-s.p.woff2) format("woff2");
unicode-range:u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}
@font-face {
	font-family: Inter Fallback;
	src: local("Arial");
	ascent-override: 90.44%;
	descent-override: 22.52%;
	line-gap-override: 0.00%;
	size-adjust: 107.12%
}
.__className_e8ce0c {
	font-family: Inter, Inter Fallback;
	font-style: normal
}

/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme {
:host, :root {
--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--color-red-400:oklch(.704 .191 22.216);
--color-red-500:oklch(.637 .237 25.331);
--color-orange-400:oklch(.75 .183 55.934);
--color-orange-500:oklch(.705 .213 47.604);
--color-green-400:oklch(.792 .209 151.711);
--color-green-500:oklch(.723 .219 149.579);
--color-blue-400:oklch(.707 .165 254.624);
--color-blue-500:oklch(.623 .214 259.815);
--color-purple-400:oklch(.714 .203 305.504);
--color-purple-500:oklch(.627 .265 303.9);
--color-gray-50:oklch(.985 .002 247.839);
--color-gray-100:oklch(.967 .003 264.542);
--color-gray-200:oklch(.928 .006 264.531);
--color-gray-300:oklch(.872 .01 258.338);
--color-gray-400:oklch(.707 .022 261.325);
--color-gray-500:oklch(.551 .027 264.364);
--color-gray-600:oklch(.446 .03 256.802);
--color-gray-700:oklch(.373 .034 259.733);
--color-gray-800:oklch(.278 .033 256.848);
--color-gray-900:oklch(.21 .034 264.665);
--color-white:#fff;
--spacing:.25rem;
--container-sm:24rem;
--container-md:28rem;
--container-xl:36rem;
--container-2xl:42rem;
--container-6xl:72rem;
--container-7xl:80rem;
--text-xs:.75rem;
--text-xs--line-height:calc(1/.75);
--text-sm:.875rem;
--text-sm--line-height:calc(1.25/.875);
--text-lg:1.125rem;
--text-lg--line-height:calc(1.75/1.125);
--text-xl:1.25rem;
--text-xl--line-height:calc(1.75/1.25);
--text-3xl:1.875rem;
--text-3xl--line-height:calc(2.25/1.875);
--font-weight-medium:500;
--font-weight-semibold:600;
--font-weight-bold:700;
--font-weight-extrabold:800;
--radius-md:.375rem;
--radius-lg:.5rem;
--ease-in-out:cubic-bezier(.4, 0, .2, 1);
--default-transition-duration:.15s;
--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
--default-font-family:var(--font-sans);
--default-font-feature-settings:var(--font-sans--font-feature-settings);
--default-font-variation-settings:var(--font-sans--font-variation-settings);
--default-mono-font-family:var(--font-mono);
--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);
--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);
--color-main:#3d3d3d;
--color-secondary:#24dd88
}
}
@layer base {
*, ::backdrop, :after, :before {
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0
}
::file-selector-button {
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0
}
:host, html {
-webkit-text-size-adjust:100%;
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4;
line-height:1.5;
font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings:var(--default-font-feature-settings, normal);
font-variation-settings:var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color:transparent
}
body {
	line-height: inherit
}
hr {
	height: 0;
	color: inherit;
	border-top-width: 1px
}
abbr:where([title]) {
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit
}
a {
	-webkit-text-decoration: inherit;
	text-decoration: inherit
}
b, strong {
	font-weight: bolder
}
code, kbd, pre, samp {
	font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
	font-feature-settings: var(--default-mono-font-feature-settings, normal);
	font-variation-settings: var(--default-mono-font-variation-settings, normal);
	font-size: 1em
}
small {
	font-size: 80%
}
sub, sup {
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
	position: relative
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse
}
:-moz-focusring {
outline:auto
}
progress {
	vertical-align: baseline
}
summary {
	display: list-item
}
menu, ol, ul {
	list-style: none
}
audio, canvas, embed, iframe, img, object, svg, video {
	vertical-align: middle;
	display: block
}
img, video {
	max-width: 100%;
	height: auto
}
button, input, optgroup, select, textarea {
	font: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	letter-spacing: inherit;
	color: inherit;
	opacity: 1;
	background-color: #0000;
	border-radius: 0
}
::file-selector-button {
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0
}
:where(select:is([multiple], [size])) optgroup {
font-weight:bolder
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start:20px
}
::file-selector-button {
margin-inline-end:4px
}
::-moz-placeholder {
opacity:1;
color:color-mix(in oklab, currentColor 50%, transparent)
}
::placeholder {
opacity:1;
color:color-mix(in oklab, currentColor 50%, transparent)
}
textarea {
	resize: vertical
}
::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-date-and-time-value {
min-height:1lh;
text-align:inherit
}
::-webkit-datetime-edit {
display:inline-flex
}
::-webkit-datetime-edit-fields-wrapper {
padding:0
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field {
padding-block:0
}
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field {
padding-block:0
}
::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field {
padding-block:0
}
::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-second-field {
padding-block:0
}
::-webkit-datetime-edit-meridiem-field {
padding-block:0
}
:-moz-ui-invalid {
box-shadow:none
}
button, input:where([type=button], [type=reset], [type=submit]) {
-webkit-appearance:button;
-moz-appearance:button;
appearance:button
}
::file-selector-button {
-webkit-appearance:button;
-moz-appearance:button;
appearance:button
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height:auto
}
[hidden]:where(:not([hidden=until-found])) {
display:none!important
}
:root {
--text-color:#3d3d3d
}
html {
	font-size: 14px
}
body {
	background-color: var(--color-white);
	font-family: var(--font-sans);
	color: var(--text-color);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
* {
	box-sizing: border-box;
	margin: 0
}
h1 {
	font-size: 3rem
}
h1, h2 {
	margin-bottom: 1rem;
	line-height: 1.2
}
h2 {
	font-size: 2rem
}
h3 {
	font-size: 1.5rem
}
h3, h4 {
	margin-bottom: 1rem;
	line-height: 1.2
}
h4 {
	font-size: 1.2rem
}
a {
	color: inherit;
	transition-property: opacity;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration:.2s;
	transition-duration: .2s
}
a, a:hover {
	text-decoration: none
}
a:hover {
	opacity: .8
}
ul {
	padding-left: 1.5rem
}
}
@layer components;
@layer utilities {
.absolute {
position:absolute
}
.fixed {
	position: fixed
}
.relative {
	position: relative
}
.static {
	position: static
}
.inset-0 {
inset:calc(var(--spacing)*0)
}
.top-0 {
top:calc(var(--spacing)*0)
}
.top-30 {
top:calc(var(--spacing)*30)
}
.top-full {
	top: 100%
}
.right-0 {
right:calc(var(--spacing)*0)
}
.bottom-0 {
bottom:calc(var(--spacing)*0)
}
.left-0 {
left:calc(var(--spacing)*0)
}
.left-10 {
left:calc(var(--spacing)*10)
}
.z-10 {
	z-index: 10
}
.z-20 {
	z-index: 20
}
.z-40 {
	z-index: 40
}
.z-50 {
	z-index: 50
}
.container {
	width: 100%
}
@media (width>=40rem) {
.container {
max-width:40rem
}
}
@media (width>=48rem) {
.container {
max-width:48rem
}
}
@media (width>=64rem) {
.container {
max-width:64rem
}
}
@media (width>=80rem) {
.container {
max-width:80rem
}
}
@media (width>=96rem) {
.container {
max-width:96rem
}
}
.m-2\.5 {
margin:calc(var(--spacing)*2.5)
}
.mx-auto {
	margin-inline: auto
}
.my-1\.5 {
margin-block:calc(var(--spacing)*1.5)
}
.my-20 {
margin-block:calc(var(--spacing)*20)
}
.mt-0 {
margin-top:calc(var(--spacing)*0)
}
.mt-1 {
margin-top:calc(var(--spacing)*1)
}
.mt-2 {
margin-top:calc(var(--spacing)*2)
}
.mt-4 {
margin-top:calc(var(--spacing)*4)
}
.mt-6 {
margin-top:calc(var(--spacing)*6)
}
.mt-8 {
margin-top:calc(var(--spacing)*8)
}
.mt-10 {
margin-top:calc(var(--spacing)*10)
}
.mt-12 {
margin-top:calc(var(--spacing)*12)
}
.mt-20 {
margin-top:calc(var(--spacing)*20)
}
.mb-0 {
margin-bottom:calc(var(--spacing)*0)
}
.mb-2 {
margin-bottom:calc(var(--spacing)*2)
}
.mb-4 {
margin-bottom:calc(var(--spacing)*4)
}
.mb-6 {
margin-bottom:calc(var(--spacing)*6)
}
.mb-8 {
margin-bottom:calc(var(--spacing)*8)
}
.ml-4 {
margin-left:calc(var(--spacing)*4)
}
.block {
	display: block
}
.flex {
	display: flex
}
.grid {
	display: grid
}
.hidden {
	display: none
}
.inline-block {
	display: inline-block
}
.inline-flex {
	display: inline-flex
}
.aspect-\[2\/1\] {
	aspect-ratio: 2
}
.h-0\.5 {
height:calc(var(--spacing)*.5)
}
.h-4 {
height:calc(var(--spacing)*4)
}
.h-5 {
height:calc(var(--spacing)*5)
}
.h-6 {
height:calc(var(--spacing)*6)
}
.h-8 {
height:calc(var(--spacing)*8)
}
.h-10 {
height:calc(var(--spacing)*10)
}
.h-12 {
height:calc(var(--spacing)*12)
}
.h-15 {
height:calc(var(--spacing)*15)
}
.h-20 {
height:calc(var(--spacing)*20)
}
.h-\[30px\] {
	height: 30px
}
.h-\[70\%\] {
	height: 70%
}
.h-\[200px\] {
	height: 200px
}
.h-auto {
	height: auto
}
.h-full {
	height: 100%
}
.min-h-\[200px\] {
	min-height: 200px
}
.min-h-\[400px\] {
	min-height: 400px
}
.w-4 {
width:calc(var(--spacing)*4)
}
.w-5 {
width:calc(var(--spacing)*5)
}
.w-6 {
width:calc(var(--spacing)*6)
}
.w-10 {
width:calc(var(--spacing)*10)
}
.w-12 {
width:calc(var(--spacing)*12)
}
.w-15 {
width:calc(var(--spacing)*15)
}
.w-20 {
width:calc(var(--spacing)*20)
}
.w-64 {
width:calc(var(--spacing)*64)
}
.w-\[20\%\] {
	width: 20%
}
.w-\[40\%\] {
	width: 40%
}
.w-\[80\%\] {
	width: 80%
}
.w-\[150px\] {
	width: 150px
}
.w-\[250px\] {
	width: 250px
}
.w-\[full\] {
	width: full
}
.w-auto {
	width: auto
}
.w-fit {
	width: -moz-fit-content;
	width: fit-content
}
.w-full {
	width: 100%
}
.max-w-2xl {
	max-width: var(--container-2xl)
}
.max-w-6xl {
	max-width: var(--container-6xl)
}
.max-w-7xl {
	max-width: var(--container-7xl)
}
.max-w-\[95\%\] {
	max-width: 95%
}
.max-w-\[1200px\] {
	max-width: 1200px
}
.max-w-md {
	max-width: var(--container-md)
}
.max-w-sm {
	max-width: var(--container-sm)
}
.max-w-xl {
	max-width: var(--container-xl)
}
.min-w-0 {
min-width:calc(var(--spacing)*0)
}
.min-w-\[150px\] {
	min-width: 150px
}
.min-w-\[200px\] {
	min-width: 200px
}
.min-w-\[768px\] {
	min-width: 768px
}
.flex-1 {
	flex: 1
}
.flex-none {
	flex: none
}
.flex-shrink-0, .shrink-0 {
	flex-shrink: 0
}
.flex-grow {
	flex-grow: 1
}
.border-collapse {
	border-collapse: collapse
}
.translate-x-0 {
--tw-translate-x:calc(var(--spacing)*0)
}
.translate-x-0, .translate-x-full {
	translate: var(--tw-translate-x)var(--tw-translate-y)
}
.translate-x-full {
--tw-translate-x:100%
}
.rotate-180 {
	rotate: 180deg
}
.transform {
	transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
}
.cursor-pointer {
	cursor: pointer
}
.list-outside {
	list-style-position: outside
}
.list-disc {
	list-style-type: disc
}
.list-none {
	list-style-type: none
}
.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
.flex-col {
	flex-direction: column
}
.flex-col-reverse {
	flex-direction: column-reverse
}
.flex-row {
	flex-direction: row
}
.flex-wrap {
	flex-wrap: wrap
}
.items-center {
	align-items: center
}
.justify-between {
	justify-content: space-between
}
.justify-center {
	justify-content: center
}
.gap-1 {
gap:calc(var(--spacing)*1)
}
.gap-2 {
gap:calc(var(--spacing)*2)
}
.gap-3 {
gap:calc(var(--spacing)*3)
}
.gap-4 {
gap:calc(var(--spacing)*4)
}
.gap-6 {
gap:calc(var(--spacing)*6)
}
.gap-8 {
gap:calc(var(--spacing)*8)
}
.gap-10 {
gap:calc(var(--spacing)*10)
}
.gap-12 {
gap:calc(var(--spacing)*12)
}
.gap-20 {
gap:calc(var(--spacing)*20)
}
.gap-30 {
gap:calc(var(--spacing)*30)
}
:where(.space-y-2>:not(:last-child)) {
--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
}
:where(.space-y-3>:not(:last-child)) {
--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
}
:where(.space-y-4>:not(:last-child)) {
--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
}
:where(.space-y-8>:not(:last-child)) {
--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
}
:where(.divide-y>:not(:last-child)) {
--tw-divide-y-reverse:0;
border-bottom-style:var(--tw-border-style);
border-top-style:var(--tw-border-style);
border-top-width:calc(1px*var(--tw-divide-y-reverse));
border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))
}
:where(.divide-main\/20>:not(:last-child)) {
border-color:color-mix(in oklab, var(--color-main)20%, transparent)
}
.self-start {
	align-self: flex-start
}
.overflow-hidden {
	overflow: hidden
}
.overflow-x-auto {
	overflow-x: auto
}
.overflow-x-hidden {
	overflow-x: hidden
}
.rounded {
border-radius:.25rem
}
.rounded-full {
	border-radius: 3.40282e+38px
}
.rounded-lg {
	border-radius: var(--radius-lg)
}
.rounded-md {
	border-radius: var(--radius-md)
}
.border, .border-1 {
	border-style: var(--tw-border-style);
	border-width: 1px
}
.border-t {
	border-top-style: var(--tw-border-style);
	border-top-width: 1px
}
.border-b {
	border-bottom-style: var(--tw-border-style);
	border-bottom-width: 1px
}
.border-\[\#3d3d3d40\] {
	border-color: #3d3d3d40
}
.border-gray-200 {
	border-color: var(--color-gray-200)
}
.border-gray-300 {
	border-color: var(--color-gray-300)
}
.border-main {
	border-color: var(--color-main)
}
.border-main\/15 {
	border-color: color-mix(in oklab, var(--color-main)15%, transparent)
}
.border-main\/20 {
	border-color: color-mix(in oklab, var(--color-main)20%, transparent)
}
.bg-\[\#3d3d3d10\] {
	background-color: #3d3d3d10
}
.bg-blue-500\/10 {
	background-color: color-mix(in oklab, var(--color-blue-500)10%, transparent)
}
.bg-gray-50 {
	background-color: var(--color-gray-50)
}
.bg-gray-500\/10 {
	background-color: color-mix(in oklab, var(--color-gray-500)10%, transparent)
}
.bg-gray-900 {
	background-color: var(--color-gray-900)
}
.bg-green-500\/10 {
	background-color: color-mix(in oklab, var(--color-green-500)10%, transparent)
}
.bg-main {
	background-color: var(--color-main)
}
.bg-main\/10 {
	background-color: color-mix(in oklab, var(--color-main)10%, transparent)
}
.bg-main\/50 {
	background-color: color-mix(in oklab, var(--color-main)50%, transparent)
}
.bg-orange-500\/10 {
	background-color: color-mix(in oklab, var(--color-orange-500)10%, transparent)
}
.bg-purple-500\/10 {
	background-color: color-mix(in oklab, var(--color-purple-500)10%, transparent)
}
.bg-red-500\/10 {
	background-color: color-mix(in oklab, var(--color-red-500)10%, transparent)
}
.bg-white {
	background-color: var(--color-white)
}
.bg-white\/\[0\.02\] {
	background-color: color-mix(in oklab, var(--color-white)2%, transparent)
}
.p-0 {
padding:calc(var(--spacing)*0)
}
.p-2 {
padding:calc(var(--spacing)*2)
}
.p-3 {
padding:calc(var(--spacing)*3)
}
.p-4 {
padding:calc(var(--spacing)*4)
}
.p-6 {
padding:calc(var(--spacing)*6)
}
.p-8 {
padding:calc(var(--spacing)*8)
}
.px-2\.5 {
padding-inline:calc(var(--spacing)*2.5)
}
.px-4 {
padding-inline:calc(var(--spacing)*4)
}
.px-6 {
padding-inline:calc(var(--spacing)*6)
}
.px-8 {
padding-inline:calc(var(--spacing)*8)
}
.py-0\.5 {
padding-block:calc(var(--spacing)*.5)
}
.py-1 {
padding-block:calc(var(--spacing)*1)
}
.py-2 {
padding-block:calc(var(--spacing)*2)
}
.py-3 {
padding-block:calc(var(--spacing)*3)
}
.py-4 {
padding-block:calc(var(--spacing)*4)
}
.py-12 {
padding-block:calc(var(--spacing)*12)
}
.py-16 {
padding-block:calc(var(--spacing)*16)
}
.py-20 {
padding-block:calc(var(--spacing)*20)
}
.py-40 {
padding-block:calc(var(--spacing)*40)
}
.pt-8 {
padding-top:calc(var(--spacing)*8)
}
.pt-20 {
padding-top:calc(var(--spacing)*20)
}
.pl-0 {
padding-left:calc(var(--spacing)*0)
}
.pl-2 {
padding-left:calc(var(--spacing)*2)
}
.pl-4 {
padding-left:calc(var(--spacing)*4)
}
.pl-6 {
padding-left:calc(var(--spacing)*6)
}
.text-center {
	text-align: center
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right
}
.font-mono {
	font-family: var(--font-mono)
}
.text-3xl {
	font-size: var(--text-3xl);
	line-height: var(--tw-leading, var(--text-3xl--line-height))
}
.text-lg {
	font-size: var(--text-lg);
	line-height: var(--tw-leading, var(--text-lg--line-height))
}
.text-sm {
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height))
}
.text-xl {
	font-size: var(--text-xl);
	line-height: var(--tw-leading, var(--text-xl--line-height))
}
.text-xs {
	font-size: var(--text-xs);
	line-height: var(--tw-leading, var(--text-xs--line-height))
}
.text-\[1\.5rem\] {
	font-size: 1.5rem
}
.text-\[2rem\] {
	font-size: 2rem
}
.text-\[clamp\(10px\,1\.4vw\,12px\)\] {
	font-size: clamp(10px, 1.4vw, 12px)
}
.text-\[clamp\(11px\,1\.6vw\,14px\)\] {
	font-size: clamp(11px, 1.6vw, 14px)
}
.text-\[clamp\(12px\,1\.8vw\,14px\)\] {
	font-size: clamp(12px, 1.8vw, 14px)
}
.leading-\[1\.6\] {
--tw-leading:1.6;
	line-height: 1.6
}
.font-bold {
--tw-font-weight:var(--font-weight-bold);
	font-weight: var(--font-weight-bold)
}
.font-extrabold {
--tw-font-weight:var(--font-weight-extrabold);
	font-weight: var(--font-weight-extrabold)
}
.font-medium {
--tw-font-weight:var(--font-weight-medium);
	font-weight: var(--font-weight-medium)
}
.font-semibold {
--tw-font-weight:var(--font-weight-semibold);
	font-weight: var(--font-weight-semibold)
}
.whitespace-nowrap {
	white-space: nowrap
}
.whitespace-pre-wrap {
	white-space: pre-wrap
}
.text-\[\#3d3d3d\] {
	color: #3d3d3d
}
.text-\[\#ef3b7d\] {
	color: #ef3b7d
}
.text-blue-400 {
	color: var(--color-blue-400)
}
.text-blue-500 {
	color: var(--color-blue-500)
}
.text-gray-400 {
	color: var(--color-gray-400)
}
.text-gray-500 {
	color: var(--color-gray-500)
}
.text-gray-600 {
	color: var(--color-gray-600)
}
.text-gray-700 {
	color: var(--color-gray-700)
}
.text-gray-800 {
	color: var(--color-gray-800)
}
.text-green-400 {
	color: var(--color-green-400)
}
.text-main {
	color: var(--color-main)
}
.text-main\/40 {
	color: color-mix(in oklab, var(--color-main)40%, transparent)
}
.text-main\/70 {
	color: color-mix(in oklab, var(--color-main)70%, transparent)
}
.text-orange-400 {
	color: var(--color-orange-400)
}
.text-purple-400 {
	color: var(--color-purple-400)
}
.text-red-400 {
	color: var(--color-red-400)
}
.text-secondary {
	color: var(--color-secondary)
}
.text-white {
	color: var(--color-white)
}
.capitalize {
	text-transform: capitalize
}
.uppercase {
	text-transform: uppercase
}
.italic {
	font-style: italic
}
.no-underline {
	text-decoration-line: none
}
.underline {
	text-decoration-line: underline
}
.opacity-0 {
	opacity: 0
}
.opacity-100 {
	opacity: 1
}
.opacity-\[0\.03\] {
	opacity: .03
}
.shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.05\)\] {
--tw-shadow:0 4px 12px var(--tw-shadow-color, #0000000d)
}
.shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.05\)\], .shadow-lg {
	box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-lg {
--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
}
.shadow-md {
--tw-shadow:0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a)
}
.shadow-md, .shadow-sm {
	box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-sm {
--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
}
.outline {
	outline-style: var(--tw-outline-style);
	outline-width: 1px
}
.filter {
	filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}
.backdrop-blur-\[2px\] {
--tw-backdrop-blur:blur(2px);
	-webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
	backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
}
.transition {
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-all {
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-colors {
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-opacity {
	transition-property: opacity;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-shadow {
	transition-property: box-shadow;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-transform {
	transition-property: transform, translate, scale, rotate;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.duration-300 {
--tw-duration:.3s;
	transition-duration: .3s
}
.ease-in-out {
--tw-ease:var(--ease-in-out);
	transition-timing-function: var(--ease-in-out)
}
.group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
rotate:180deg
}
@media (hover:hover) {
.group-hover\:block:is(:where(.group):hover *) {
display:block
}
.hover\:scale-105:hover {
--tw-scale-x:105%;
--tw-scale-y:105%;
--tw-scale-z:105%;
	scale: var(--tw-scale-x)var(--tw-scale-y)
}
.hover\:cursor-pointer:hover {
	cursor: pointer
}
.hover\:bg-gray-50:hover {
	background-color: var(--color-gray-50)
}
.hover\:bg-gray-100:hover {
	background-color: var(--color-gray-100)
}
.hover\:bg-main:hover {
	background-color: var(--color-main)
}
.hover\:text-main\/70:hover {
	color: color-mix(in oklab, var(--color-main)70%, transparent)
}
.hover\:text-white:hover {
	color: var(--color-white)
}
.hover\:opacity-80:hover {
	opacity: .8
}
.hover\:opacity-100:hover {
	opacity: 1
}
.hover\:shadow-lg:hover {
--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
	box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
}
@media (width>=40rem) {
.sm\:grid-cols-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.sm\:flex-row {
flex-direction:row
}
.sm\:gap-6 {
gap:calc(var(--spacing)*6)
}
.sm\:px-6 {
padding-inline:calc(var(--spacing)*6)
}
}
@media (width>=48rem) {
.md\:top-30 {
top:calc(var(--spacing)*30)
}
.md\:top-\[8px\] {
top:8px
}
.md\:left-10 {
left:calc(var(--spacing)*10)
}
.md\:left-\[8px\] {
left:8px
}
.md\:ml-10 {
margin-left:calc(var(--spacing)*10)
}
.md\:block {
display:block
}
.md\:h-\[75\%\] {
height:75%
}
.md\:w-1\/2 {
width:50%
}
.md\:w-\[65\%\] {
width:65%
}
.md\:w-\[100\%\] {
width:100%
}
.md\:w-\[450px\] {
width:450px
}
.md\:w-full {
width:100%
}
.md\:grid-cols-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.md\:grid-cols-3 {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
.md\:flex-row {
flex-direction:row
}
.md\:flex-row-reverse {
flex-direction:row-reverse
}
.md\:flex-nowrap {
flex-wrap:nowrap
}
.md\:items-center {
align-items:center
}
.md\:items-start {
align-items:flex-start
}
.md\:items-stretch {
align-items:stretch
}
.md\:justify-start {
justify-content:flex-start
}
.md\:gap-8 {
gap:calc(var(--spacing)*8)
}
.md\:border-b {
border-bottom-style:var(--tw-border-style);
border-bottom-width:1px
}
.md\:border-main\/20 {
border-color:color-mix(in oklab, var(--color-main)20%, transparent)
}
.md\:py-5 {
padding-block:calc(var(--spacing)*5)
}
.md\:text-center {
text-align:center
}
.md\:text-left {
text-align:left
}
}
@media (width>=64rem) {
.lg\:col-span-3 {
grid-column:span 3/span 3
}
.lg\:col-span-9 {
grid-column:span 9/span 9
}
.lg\:flex {
display:flex
}
.lg\:grid {
display:grid
}
.lg\:hidden {
display:none
}
.lg\:grid-cols-4 {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
.lg\:grid-cols-12 {
grid-template-columns:repeat(12, minmax(0, 1fr))
}
:where(.lg\:space-y-0>:not(:last-child)) {
--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))
}
.lg\:px-8 {
padding-inline:calc(var(--spacing)*8)
}
}
@media (width>=40rem) {
@media (width>=64rem) {
.sm\:lg\:w-full {
width:100%
}
}
}
@media (width>=80rem) {
.xl\:gap-10 {
gap:calc(var(--spacing)*10)
}
.xl\:p-8 {
padding:calc(var(--spacing)*8)
}
}
}
@keyframes marquee {
0% {
transform:translate(0)
}
to {
	transform: translate(-100%)
}
}
@keyframes marqueeReverse {
0% {
transform:translate(-100%)
}
to {
	transform: translate(0)
}
}
.step:not(:last-of-type):before {
	content: "";
	border-left: 2px solid #3d3d3d20;
	height: 1.4rem;
	position: absolute;
	bottom: -1.4rem;
	left: 8.5rem
}
.dot-pattern, .dot-pattern-home {
	background-image: radial-gradient(circle, #3d3d3d50 1px, #0000 0);
	background-position: 0 0;
	background-size: 24px 24px
}
.animate-marquee {
	will-change: transform;
	animation: marquee 500s linear infinite
}
.animate-marquee-reverse {
	will-change: transform;
	animation: marqueeReverse 500s linear infinite
}
.hamburger span {
	transform-origin: 50%;
	transition: all .3s ease-in-out
}
.hamburger.open span:first-child {
	transform: translateY(8px)rotate(45deg)
}
.hamburger.open span:nth-child(2) {
	opacity: 0
}
.hamburger.open span:last-child {
	transform: translateY(-6px)rotate(-45deg)
}
@property --tw-translate-x {
syntax:"*";
inherits:false;
initial-value:0
}
@property --tw-translate-y {
syntax:"*";
inherits:false;
initial-value:0
}
@property --tw-translate-z {
syntax:"*";
inherits:false;
initial-value:0
}
@property --tw-rotate-x {
syntax:"*";
inherits:false;
initial-value:rotateX(0)
}
@property --tw-rotate-y {
syntax:"*";
inherits:false;
initial-value:rotateY(0)
}
@property --tw-rotate-z {
syntax:"*";
inherits:false;
initial-value:rotateZ(0)
}
@property --tw-skew-x {
syntax:"*";
inherits:false;
initial-value:skewX(0)
}
@property --tw-skew-y {
syntax:"*";
inherits:false;
initial-value:skewY(0)
}
@property --tw-space-y-reverse {
syntax:"*";
inherits:false;
initial-value:0
}
@property --tw-divide-y-reverse {
syntax:"*";
inherits:false;
initial-value:0
}
@property --tw-border-style {
syntax:"*";
inherits:false;
initial-value:solid
}
@property --tw-leading {
syntax:"*";
inherits:false
}
@property --tw-font-weight {
syntax:"*";
inherits:false
}
@property --tw-shadow {
syntax:"*";
inherits:false;
initial-value:0 0 #0000
}
@property --tw-shadow-color {
syntax:"*";
inherits:false
}
@property --tw-inset-shadow {
syntax:"*";
inherits:false;
initial-value:0 0 #0000
}
@property --tw-inset-shadow-color {
syntax:"*";
inherits:false
}
@property --tw-ring-color {
syntax:"*";
inherits:false
}
@property --tw-ring-shadow {
syntax:"*";
inherits:false;
initial-value:0 0 #0000
}
@property --tw-inset-ring-color {
syntax:"*";
inherits:false
}
@property --tw-inset-ring-shadow {
syntax:"*";
inherits:false;
initial-value:0 0 #0000
}
@property --tw-ring-inset {
syntax:"*";
inherits:false
}
@property --tw-ring-offset-width {
syntax:"<length>";
inherits:false;
initial-value:0
}
@property --tw-ring-offset-color {
syntax:"*";
inherits:false;
initial-value:#fff
}
@property --tw-ring-offset-shadow {
syntax:"*";
inherits:false;
initial-value:0 0 #0000
}
@property --tw-outline-style {
syntax:"*";
inherits:false;
initial-value:solid
}
@property --tw-blur {
syntax:"*";
inherits:false
}
@property --tw-brightness {
syntax:"*";
inherits:false
}
@property --tw-contrast {
syntax:"*";
inherits:false
}
@property --tw-grayscale {
syntax:"*";
inherits:false
}
@property --tw-hue-rotate {
syntax:"*";
inherits:false
}
@property --tw-invert {
syntax:"*";
inherits:false
}
@property --tw-opacity {
syntax:"*";
inherits:false
}
@property --tw-saturate {
syntax:"*";
inherits:false
}
@property --tw-sepia {
syntax:"*";
inherits:false
}
@property --tw-drop-shadow {
syntax:"*";
inherits:false
}
@property --tw-backdrop-blur {
syntax:"*";
inherits:false
}
@property --tw-backdrop-brightness {
syntax:"*";
inherits:false
}
@property --tw-backdrop-contrast {
syntax:"*";
inherits:false
}
@property --tw-backdrop-grayscale {
syntax:"*";
inherits:false
}
@property --tw-backdrop-hue-rotate {
syntax:"*";
inherits:false
}
@property --tw-backdrop-invert {
syntax:"*";
inherits:false
}
@property --tw-backdrop-opacity {
syntax:"*";
inherits:false
}
@property --tw-backdrop-saturate {
syntax:"*";
inherits:false
}
@property --tw-backdrop-sepia {
syntax:"*";
inherits:false
}
@property --tw-duration {
syntax:"*";
inherits:false
}
@property --tw-ease {
syntax:"*";
inherits:false
}
@property --tw-scale-x {
syntax:"*";
inherits:false;
initial-value:1
}
@property --tw-scale-y {
syntax:"*";
inherits:false;
initial-value:1
}
@property --tw-scale-z {
syntax:"*";
inherits:false;
initial-value:1
}


.jiage ul {    display: flex; justify-content: space-between; flex-wrap: wrap;}
.jiage ul li {    border: 1px solid #ccc;
    padding: 20px;
    width: 22%;}
.jiage ul li .title {    text-align: center; font-size: 18px; font-weight: 600;}
.jiage ul li .subtitle {    text-align: center;
    font-size: 27px;
    font-weight: bold;     padding: 10px;     border-bottom: 1px solid #ccc;}
.jiage ul li .subtitle span {font-weight: normal;
    font-size: 14px;}
    
   .jiage ul li .tiao p {background-image: url(../images/dh.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 11%;
    padding-left: 16%;
    font-size: 13px;
    line-height: 30px;}

.jiage ul li .tiao {    height: 473px;
    padding-top: 12px;}

.jiage ul li .more{    display: block;
    text-align: center;
    border: 1px solid #ccc;
    line-height: 40px;}
    
    
    .jiage ul li:hover {border:1px solid #000}
    .jiage ul li:hover .more { background:#000; color:#fff}
    
    .tele {position: fixed; right: 1%;  bottom: 20%; width: 4%;}
    .tele img {width:100%}
    
     .jiage ul li .miaoshu {color: #797979;
    text-align: center;
    font-style: italic;
    padding-bottom: 10px;}

@media screen and (max-width: 900px) {
    .jianju { gap: 10px;}
    
    .jianju888 {gap: 70px;}
    
    .jianju-2 {        padding-block: 80px 8px;}
    .form .input ul li {     margin-bottom: 10px;}
    .jianju-3 {    padding-block: 10px;}
    .tuijian .left {width:100% !important}
    .tuijian .right { width: 100% !important;}
    .newlist ul { padding: 0;}
    .jianju-4 {    padding-block: 90px;}
    .newlist ul li { margin-bottom: 40px;}
    .newlist-1 ul li { width: 48%;}
    .fenkai {     gap: 37px;   width: 100% !important; flex-wrap: wrap; flex-direction: column;}
    .fenkai .right { width: 100% !important;}
    .ppp {padding-block:0}
    .jiage ul {    padding-left: 0;}
    
    
    .jiage ul li .tiao {
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
}
.jiage ul li { width:100%; margin-bottom: 40px;}
.tele {width:14%}
  
  .newlist-1 ul li {width:100% !important}
    
}