[data-astro-cid-sz7xmlte][data-theme=light] .footer-logo-light[data-astro-cid-sz7xmlte] {
	display: block
}
[data-astro-cid-sz7xmlte][data-theme=light] .footer-logo-dark[data-astro-cid-sz7xmlte], [data-astro-cid-sz7xmlte][data-theme=dark] .footer-logo-light[data-astro-cid-sz7xmlte] {
	display: none
}
[data-astro-cid-sz7xmlte][data-theme=dark] .footer-logo-dark[data-astro-cid-sz7xmlte] {
	display: block
}
[data-astro-cid-sz7xmlte][data-theme=dark] .footer-partner-logo[data-astro-cid-sz7xmlte] {
	filter: brightness(.8) contrast(1.2);
	transition: filter .3s ease
}
[data-astro-cid-sz7xmlte][data-theme=dark] .footer-partner-logo[data-astro-cid-sz7xmlte]:hover {
	filter: brightness(1) contrast(1)
}/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
*, :before, :after, ::backdrop {
--tw-translate-x:0;
--tw-translate-y:0;
--tw-translate-z:0;
--tw-rotate-x:rotateX(0);
--tw-rotate-y:rotateY(0);
--tw-rotate-z:rotateZ(0);
--tw-skew-x:skewX(0);
--tw-skew-y:skewY(0);
--tw-space-y-reverse:0;
--tw-border-style:solid;
--tw-font-weight:initial;
--tw-shadow:0 0 #0000;
--tw-shadow-color:initial;
--tw-shadow-alpha:100%;
--tw-inset-shadow:0 0 #0000;
--tw-inset-shadow-color:initial;
--tw-inset-shadow-alpha:100%;
--tw-ring-color:initial;
--tw-ring-shadow:0 0 #0000;
--tw-inset-ring-color:initial;
--tw-inset-ring-shadow:0 0 #0000;
--tw-ring-inset:initial;
--tw-ring-offset-width:0px;
--tw-ring-offset-color:#fff;
--tw-ring-offset-shadow:0 0 #0000;
--tw-outline-style:solid;
--tw-blur:initial;
--tw-brightness:initial;
--tw-contrast:initial;
--tw-grayscale:initial;
--tw-hue-rotate:initial;
--tw-invert:initial;
--tw-opacity:initial;
--tw-saturate:initial;
--tw-sepia:initial;
--tw-drop-shadow:initial;
--tw-drop-shadow-color:initial;
--tw-drop-shadow-alpha:100%;
--tw-drop-shadow-size:initial;
--tw-backdrop-blur:initial;
--tw-backdrop-brightness:initial;
--tw-backdrop-contrast:initial;
--tw-backdrop-grayscale:initial;
--tw-backdrop-hue-rotate:initial;
--tw-backdrop-invert:initial;
--tw-backdrop-opacity:initial;
--tw-backdrop-saturate:initial;
--tw-backdrop-sepia:initial;
--tw-duration:initial;
--tw-ease:initial
}
}
}
@layer theme {
:root, :host {
--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--color-red-600:oklch(57.7% .245 27.325);
--color-green-600:oklch(62.7% .194 149.214);
--color-gray-200:oklch(92.8% .006 264.531);
--color-gray-300:oklch(87.2% .01 258.338);
--color-gray-800:oklch(27.8% .033 256.848);
--color-black:#000;
--color-white:#fff;
--spacing:.25rem;
--container-md:28rem;
--container-xl:36rem;
--container-2xl:42rem;
--container-4xl:56rem;
--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-2xl:1.5rem;
--text-2xl--line-height:calc(2/1.5);
--text-4xl:2.25rem;
--text-4xl--line-height:calc(2.5/2.25);
--text-5xl:3rem;
--text-5xl--line-height:1;
--font-weight-medium:500;
--font-weight-semibold:600;
--font-weight-bold:700;
--radius-md:.375rem;
--radius-lg:.5rem;
--radius-xl:.75rem;
--radius-2xl:1rem;
--radius-3xl:1.5rem;
--radius-4xl:2rem;
--drop-shadow-md:0 3px 3px #0000001f;
--drop-shadow-lg:0 4px 4px #00000026;
--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-mono-font-family:var(--font-mono)
}
}
@layer base {
*, :after, :before, ::backdrop {
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
}
html, :host {
-webkit-text-size-adjust:100%;
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
}
hr {
	height: 0;
	color: inherit;
	border-top-width: 1px
}
abbr:where([title]) {
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit
}
a {
	color: inherit;
	-webkit-text-decoration: inherit;
	text-decoration: inherit
}
b, strong {
	font-weight: bolder
}
code, kbd, samp, pre {
	font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
	font-feature-settings: var(--default-mono-font-feature-settings, normal);
	font-variation-settings: var(--default-mono-font-variation-settings, normal);
	font-size: 1em
}
small {
	font-size: 80%
}
sub, sup {
	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
}
ol, ul, menu {
	list-style: none
}
img, svg, video, canvas, audio, iframe, embed, object {
	vertical-align: middle;
	display: block
}
img, video {
	max-width: 100%;
	height: auto
}
button, input, select, optgroup, 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
}
::placeholder {
opacity:1
}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
::placeholder {
color:currentColor
}
@supports (color:color-mix(in lab, red, red)) {
::placeholder {
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 {
padding-block:0
}
::-webkit-datetime-edit-year-field {
padding-block:0
}
::-webkit-datetime-edit-month-field {
padding-block:0
}
::-webkit-datetime-edit-day-field {
padding-block:0
}
::-webkit-datetime-edit-hour-field {
padding-block:0
}
::-webkit-datetime-edit-minute-field {
padding-block:0
}
::-webkit-datetime-edit-second-field {
padding-block:0
}
::-webkit-datetime-edit-millisecond-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]) {
appearance:button
}
::file-selector-button {
appearance:button
}
::-webkit-inner-spin-button {
height:auto
}
::-webkit-outer-spin-button {
height:auto
}
[hidden]:where(:not([hidden=until-found])) {
display:none!important
}
}
@layer components;
@layer utilities {
.pointer-events-none {
pointer-events:none
}
.invisible {
	visibility: hidden
}
.visible {
	visibility: visible
}
.absolute {
	position: absolute
}
.fixed {
	position: fixed
}
.relative {
	position: relative
}
.sticky {
	position: sticky
}
.inset-0 {
inset:calc(var(--spacing)*0)
}
.top-0 {
top:calc(var(--spacing)*0)
}
.top-1 {
top:calc(var(--spacing)*1)
}
.top-1\/2 {
	top: 50%
}
.top-full {
	top: 100%
}
.right-10 {
right:calc(var(--spacing)*10)
}
.bottom-4 {
bottom:calc(var(--spacing)*4)
}
.bottom-10 {
bottom:calc(var(--spacing)*10)
}
.left-0 {
left:calc(var(--spacing)*0)
}
.left-1\/2 {
	left: 50%
}
.left-4 {
left:calc(var(--spacing)*4)
}
.left-16 {
left:calc(var(--spacing)*16)
}
.z-0 {
	z-index: 0
}
.z-10 {
	z-index: 10
}
.z-20 {
	z-index: 20
}
.z-50 {
	z-index: 50
}
.order-1 {
	order: 1
}
.order-2 {
	order: 2
}
.container {
	width: 100%
}
@media (min-width:40rem) {
.container {
max-width:40rem
}
}
@media (min-width:48rem) {
.container {
max-width:48rem
}
}
@media (min-width:64rem) {
.container {
max-width:64rem
}
}
@media (min-width:80rem) {
.container {
max-width:80rem
}
}
@media (min-width:96rem) {
.container {
max-width:96rem
}
}
.mx-2 {
margin-inline:calc(var(--spacing)*2)
}
.mx-4 {
margin-inline:calc(var(--spacing)*4)
}
.mx-12 {
margin-inline:calc(var(--spacing)*12)
}
.mx-auto {
	margin-inline: auto
}
.my-4 {
margin-block:calc(var(--spacing)*4)
}
.my-8 {
margin-block:calc(var(--spacing)*8)
}
.my-16 {
margin-block:calc(var(--spacing)*16)
}
.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-3 {
margin-top:calc(var(--spacing)*3)
}
.mt-4 {
margin-top:calc(var(--spacing)*4)
}
.mt-8 {
margin-top:calc(var(--spacing)*8)
}
.mt-12 {
margin-top:calc(var(--spacing)*12)
}
.mt-16 {
margin-top:calc(var(--spacing)*16)
}
.mt-20 {
margin-top:calc(var(--spacing)*20)
}
.mr-2 {
margin-right:calc(var(--spacing)*2)
}
.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)
}
.mb-12 {
margin-bottom:calc(var(--spacing)*12)
}
.mb-16 {
margin-bottom:calc(var(--spacing)*16)
}
.ml-3 {
margin-left:calc(var(--spacing)*3)
}
.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
}
.table {
	display: table
}
.aspect-square {
	aspect-ratio: 1
}
.h-4 {
height:calc(var(--spacing)*4)
}
.h-5 {
height:calc(var(--spacing)*5)
}
.h-6 {
height:calc(var(--spacing)*6)
}
.h-12 {
height:calc(var(--spacing)*12)
}
.h-60 {
height:calc(var(--spacing)*60)
}
.h-\[320px\] {
	height: 320px
}
.h-auto {
	height: auto
}
.h-full {
	height: 100%
}
.h-px {
	height: 1px
}
.max-h-0 {
max-height:calc(var(--spacing)*0)
}
.max-h-16 {
max-height:calc(var(--spacing)*16)
}
.max-h-36 {
max-height:calc(var(--spacing)*36)
}
.max-h-\[250px\] {
	max-height: 250px
}
.max-h-\[530px\] {
	max-height: 530px
}
.min-h-\[300px\] {
	min-height: 300px
}
.min-h-\[500px\] {
	min-height: 500px
}
.w-4 {
width:calc(var(--spacing)*4)
}
.w-5 {
width:calc(var(--spacing)*5)
}
.w-6 {
width:calc(var(--spacing)*6)
}
.w-12 {
width:calc(var(--spacing)*12)
}
.w-full {
	width: 100%
}
.w-max {
	width: max-content
}
.max-w-2xl {
	max-width: var(--container-2xl)
}
.max-w-4xl {
	max-width: var(--container-4xl)
}
.max-w-60 {
max-width:calc(var(--spacing)*60)
}
.max-w-80 {
max-width:calc(var(--spacing)*80)
}
.max-w-\[80vw\] {
	max-width: 80vw
}
.max-w-\[1290px\] {
	max-width: 1290px
}
.max-w-full {
	max-width: 100%
}
.max-w-max {
	max-width: max-content
}
.max-w-md {
	max-width: var(--container-md)
}
.max-w-screen {
	max-width: 100vw
}
.max-w-xl {
	max-width: var(--container-xl)
}
.min-w-\[150px\] {
	min-width: 150px
}
.flex-1 {
	flex: 1
}
.flex-1\/2 {
	flex: 50%
}
.flex-1\/3 {
	flex: 33.3333%
}
.flex-1\/6 {
	flex: 16.6667%
}
.flex-shrink {
	flex-shrink: 1
}
.flex-shrink-0 {
	flex-shrink: 0
}
.flex-grow, .grow {
	flex-grow: 1
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
	translate: var(--tw-translate-x)var(--tw-translate-y)
}
.-translate-y-1\/2 {
--tw-translate-y: -50%;
	translate: var(--tw-translate-x)var(--tw-translate-y)
}
.rotate-90 {
	rotate: 90deg
}
.transform {
	transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
}
.cursor-pointer {
	cursor: pointer
}
.resize {
	resize: both
}
.resize-none {
	resize: none
}
.list-disc {
	list-style-type: disc
}
.list-none {
	list-style-type: none
}
.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
.flex-col {
	flex-direction: column
}
.flex-wrap {
	flex-wrap: wrap
}
.place-items-center {
	place-items: center
}
.items-center {
	align-items: center
}
.items-end {
	align-items: flex-end
}
.items-start {
	align-items: flex-start
}
.justify-around {
	justify-content: space-around
}
.justify-between {
	justify-content: space-between
}
.justify-center {
	justify-content: center
}
.justify-end {
	justify-content: flex-end
}
.gap-2 {
gap:calc(var(--spacing)*2)
}
.gap-4 {
gap:calc(var(--spacing)*4)
}
.gap-6 {
gap:calc(var(--spacing)*6)
}
.gap-8 {
gap:calc(var(--spacing)*8)
}
.gap-12 {
gap:calc(var(--spacing)*12)
}
.gap-16 {
gap:calc(var(--spacing)*16)
}
: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)))
}
.overflow-hidden {
	overflow: hidden
}
.rounded-2xl {
	border-radius: var(--radius-2xl)
}
.rounded-3xl {
	border-radius: var(--radius-3xl)
}
.rounded-4xl {
	border-radius: var(--radius-4xl)
}
.rounded-\[15px\] {
	border-radius: 15px
}
.rounded-\[50px\] {
	border-radius: 50px
}
.rounded-full {
	border-radius: 3.40282e38px
}
.rounded-lg {
	border-radius: var(--radius-lg)
}
.rounded-md {
	border-radius: var(--radius-md)
}
.rounded-xl {
	border-radius: var(--radius-xl)
}
.border {
	border-style: var(--tw-border-style);
	border-width: 1px
}
.border-2 {
	border-style: var(--tw-border-style);
	border-width: 2px
}
.border-t {
	border-top-style: var(--tw-border-style);
	border-top-width: 1px
}
.border-b {
	border-bottom-style: var(--tw-border-style);
	border-bottom-width: 1px
}
.border-\[var\(--border-color\)\] {
	border-color: var(--border-color)
}
.border-\[var\(--primary-color\)\] {
	border-color: var(--primary-color)
}
.border-gray-300 {
	border-color: var(--color-gray-300)
}
.bg-\[var\(--card-bg-color\)\] {
	background-color: var(--card-bg-color)
}
.bg-\[var\(--footer-bg-color\)\] {
	background-color: var(--footer-bg-color)
}
.bg-\[var\(--footer-border-color\)\] {
	background-color: var(--footer-border-color)
}
.bg-\[var\(--main-bg-color\)\] {
	background-color: var(--main-bg-color)
}
.bg-\[var\(--primary-color\)\] {
background-color: #8acd0f;
}
.bg-\[var\(--section-bg-color\)\] {
	background-color: var(--section-bg-color)
}
.bg-black {
	background-color: var(--color-black)
}
.bg-black\/40 {
	background-color: #0006
}
@supports (color:color-mix(in lab, red, red)) {
.bg-black\/40 {
background-color:color-mix(in oklab, var(--color-black)40%, transparent)
}
}
.bg-gray-200 {
	background-color: var(--color-gray-200)
}
.bg-green-600 {
	background-color: var(--color-green-600)
}
.bg-red-600 {
	background-color: var(--color-red-600)
}
.bg-transparent {
	background-color: #0000
}
.bg-white {
	background-color: var(--color-white)
}
.object-contain {
	object-fit: contain
}
.object-cover {
	object-fit: cover
}
.object-center {
	object-position: center
}
.p-2 {
padding:calc(var(--spacing)*2)
}
.p-3 {
padding:calc(var(--spacing)*3)
}
.p-4 {
padding:calc(var(--spacing)*4)
}
.p-5 {
padding:calc(var(--spacing)*5)
}
.p-6 {
padding:calc(var(--spacing)*6)
}
.p-8 {
padding:calc(var(--spacing)*8)
}
.p-12 {
padding:calc(var(--spacing)*12)
}
.px-2 {
padding-inline:calc(var(--spacing)*2)
}
.px-3 {
padding-inline:calc(var(--spacing)*3)
}
.px-4 {
padding-inline:calc(var(--spacing)*4)
}
.px-6 {
padding-inline:calc(var(--spacing)*6)
}
.py-2 {
padding-block:calc(var(--spacing)*2)
}
.py-6 {
padding-block:calc(var(--spacing)*6)
}
.py-8 {
padding-block:calc(var(--spacing)*8)
}
.py-12 {
padding-block:calc(var(--spacing)*12)
}
.py-16 {
padding-block:calc(var(--spacing)*16)
}
.pt-2 {
padding-top:calc(var(--spacing)*2)
}
.pt-14 {
padding-top:calc(var(--spacing)*14)
}
.pt-16 {
padding-top:calc(var(--spacing)*16)
}
.pb-12 {
padding-bottom:calc(var(--spacing)*12)
}
.pl-6 {
padding-left:calc(var(--spacing)*6)
}
.text-center {
	text-align: center
}
.text-left {
	text-align: left
}
.text-2xl {
	font-size: var(--text-2xl);
	line-height: var(--tw-leading, var(--text-2xl--line-height))
}
.text-4xl {
	font-size: var(--text-4xl);
	line-height: var(--tw-leading, var(--text-4xl--line-height))
}
.text-5xl {
	font-size: var(--text-5xl);
	line-height: var(--tw-leading, var(--text-5xl--line-height))
}
.text-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))
}
.font-bold {
--tw-font-weight:var(--font-weight-bold);
	font-weight: var(--font-weight-bold)
}
.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)
}
.text-nowrap {
	text-wrap: nowrap
}
.text-\[\#bcbcbc\] {
	color: #bcbcbc
}
.text-\[var\(--card-bg-color\)\] {
	color: var(--card-bg-color)
}
.text-\[var\(--footer-text-color\)\] {
	color: var(--footer-text-color)
}
.text-\[var\(--footer-text-secondary\)\] {
	color: var(--footer-text-secondary)
}
.text-\[var\(--fs-d-body\)\] {
	color: var(--fs-d-body)
}
.text-\[var\(--primary-color\)\] {
	color: #ffce00;
}
.text-\[var\(--secondary-color\)\] {
	color: var(--secondary-color)
}
.text-\[var\(--tertiary-color\)\] {
	color: var(--tertiary-color)
}
.text-\[var\(--text-color\)\] {
	color: var(--text-color)
}
.text-\[var\(--text-primary\)\] {
	color: var(--text-primary)
}
.text-\[var\(--text-secondary\)\] {
	color: var(--text-secondary)
}
.text-gray-300 {
	color: var(--color-gray-300)
}
.text-gray-800 {
	color: var(--color-gray-800)
}
.text-white {
	color: var(--color-white)
}
.opacity-0 {
	opacity: 0
}
.opacity-60 {
	opacity: .6
}
.shadow {
--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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)
}
.shadow-lg {
--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)
}
.shadow-md {
--tw-shadow:0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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)
}
.outline {
	outline-style: var(--tw-outline-style);
	outline-width: 1px
}
.outline-\[var\(--primary-color\)\] {
	outline-color: var(--primary-color)
}
.drop-shadow-lg {
--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026));
--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));
	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, )
}
.drop-shadow-md {
--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));
	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, )
}
.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-filter {
	-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-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
}
.duration-500 {
--tw-duration:.5s;
	transition-duration: .5s
}
.ease-in-out {
--tw-ease:var(--ease-in-out);
	transition-timing-function: var(--ease-in-out)
}
@media (hover:hover) {
.group-hover\:visible:is(:where(.group):hover *) {
visibility:visible
}
.group-hover\:-rotate-180:is(:where(.group):hover *) {
rotate:-180deg
}
.group-hover\:text-\[var\(--primary-color\)\]:is(:where(.group):hover *) {
color:var(--primary-color)
}
.group-hover\:text-\[var\(--secondary-color\)\]:is(:where(.group):hover *) {
color:var(--secondary-color)
}
.group-hover\:text-white:is(:where(.group):hover *) {
color:var(--color-white)
}
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity:1
}
}
.last\:mb-0:last-child {
margin-bottom:calc(var(--spacing)*0)
}
@media (hover:hover) {
.hover\:translate-y-\[-5px\]:hover {
--tw-translate-y:-5px;
	translate: var(--tw-translate-x)var(--tw-translate-y)
}
.hover\:bg-\[var\(--primary-color\)\]:hover {
	background-color: var(--primary-color)
}
.hover\:bg-\[var\(--section-bg-color\)\]:hover {
	background-color: var(--section-bg-color)
}
.hover\:bg-gray-300:hover {
	background-color: var(--color-gray-300)
}
.hover\:text-\[var\(--footer-text-color\)\]:hover {
	color: var(--footer-text-color)
}
.hover\:text-\[var\(--primary-color\)\]:hover {
	color: var(--primary-color)
}
.hover\:text-white:hover {
	color: var(--color-white)
}
.hover\:opacity-90:hover {
	opacity: .9
}
.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)
}
.hover\:shadow-xl:hover {
--tw-shadow:0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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 not all and (min-width:64rem) {
.max-lg\:order-2 {
order:2
}
.max-lg\:mt-12 {
margin-top:calc(var(--spacing)*12)
}
.max-lg\:block {
display:block
}
.max-lg\:flex {
display:flex
}
.max-lg\:hidden {
display:none
}
.max-lg\:w-full {
width:100%
}
.max-lg\:max-w-full {
max-width:100%
}
.max-lg\:flex-col {
flex-direction:column
}
.max-lg\:items-center {
align-items:center
}
.max-lg\:text-center {
text-align:center
}
}
@media not all and (min-width:48rem) {
.max-md\:left-1\/2 {
left:50%
}
.max-md\:-translate-x-1\/2 {
--tw-translate-x: -50%;
translate:var(--tw-translate-x)var(--tw-translate-y)
}
.max-md\:flex-col {
flex-direction:column
}
.max-md\:text-center {
text-align:center
}
}
@media not all and (min-width:40rem) {
.max-sm\:flex-col {
flex-direction:column
}
.max-sm\:px-6 {
padding-inline:calc(var(--spacing)*6)
}
.max-sm\:text-center {
text-align:center
}
}
@media (min-width:40rem) {
.sm\:grid-cols-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
}
@media (min-width:48rem) {
.md\:mx-12 {
margin-inline:calc(var(--spacing)*12)
}
.md\:mt-0 {
margin-top:calc(var(--spacing)*0)
}
.md\:mb-0 {
margin-bottom:calc(var(--spacing)*0)
}
.md\:grid-cols-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.md\:grid-cols-4 {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
.md\:flex-row {
flex-direction:row
}
.md\:p-8 {
padding:calc(var(--spacing)*8)
}
.md\:pr-8 {
padding-right:calc(var(--spacing)*8)
}
.md\:text-left {
text-align:left
}
.md\:text-5xl {
font-size:var(--text-5xl);
line-height:var(--tw-leading, var(--text-5xl--line-height))
}
}
@media (min-width:64rem) {
.lg\:order-1 {
order:1
}
.lg\:order-2 {
order:2
}
.lg\:flex {
display:flex
}
.lg\:grid-cols-3 {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
.lg\:grid-cols-4 {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
.lg\:flex-row {
flex-direction:row
}
.lg\:gap-16 {
gap:calc(var(--spacing)*16)
}
.lg\:py-16 {
padding-block:calc(var(--spacing)*16)
}
}
@media (min-width:80rem) {
.min-xl\:max-w-2xl {
max-width:var(--container-2xl)
}
}
}
:root {
--primary-color:#ffd100;
--secondary-color:#000;
--tertiary-color:#000;
--section-bg-color:#f8f9fa;
--card-bg-color:#fff;
--main-bg-color:#fff;
--hero-bg-color:#fff;
--navbar-bg-color:#ffffffe6;
--navbar-shadow:#0000001a;
--text-primary:#000;
--text-color:#535b5b;
--text-secondary:#6c757d;
--border-color:#e9ecef;
--footer-bg-color:#000;
--footer-text-color:#fff;
--footer-text-secondary:#ccc;
--footer-border-color:#fff;
--hero-bg-image:url("data:image/svg+xml,%3csvg%20id='visual'%20viewBox='0%200%20960%20540'%20width='960'%20height='540'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%3e%3crect%20x='0'%20y='0'%20width='960'%20height='540'%20fill='%23ffffff'%3e%3c/rect%3e%3cdefs%3e%3clinearGradient%20id='grad1_0'%20x1='43.8%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='14.444444444444446%25'%20stop-color='%23ffffff'%20stop-opacity='1'%3e%3c/stop%3e%3cstop%20offset='85.55555555555554%25'%20stop-color='%23ffffff'%20stop-opacity='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cdefs%3e%3clinearGradient%20id='grad2_0'%20x1='0%25'%20y1='0%25'%20x2='56.3%25'%20y2='100%25'%3e%3cstop%20offset='14.444444444444446%25'%20stop-color='%23ffffff'%20stop-opacity='1'%3e%3c/stop%3e%3cstop%20offset='85.55555555555554%25'%20stop-color='%23ffffff'%20stop-opacity='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20transform='translate(960,%200)'%3e%3cpath%20d='M0%20270C-33.4%20262.6%20-66.7%20255.3%20-101%20243.9C-135.3%20232.5%20-170.6%20217.1%20-190.9%20190.9C-211.2%20164.7%20-216.6%20127.8%20-227.3%2094.1C-238%2060.5%20-254%2030.3%20-270%200L0%200Z'%20fill='%23F60A33'%3e%3c/path%3e%3c/g%3e%3cg%20transform='translate(0,%20540)'%3e%3cpath%20d='M0%20-270C32.6%20-251.6%2065.3%20-233.2%2088%20-212.5C110.8%20-191.8%20123.6%20-168.8%20152.7%20-152.7C181.8%20-136.7%20227.2%20-127.6%20249.4%20-103.3C271.7%20-79%20270.8%20-39.5%20270%200L0%200Z'%20fill='%23F60A33'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
--fs-d-h1:4rem;
--fs-d-h2:3rem;
--fs-d-h4:2rem;
--fs-d-h5:1.5rem;
--fs-d-body:1rem;
--fs-d-sm:.875rem;
--fs-m-h1:2.375rem;
--fs-m-h2:2rem;
--fs-m-h4:1.25rem
}
[data-theme=dark] {
--primary-color:#f60a33;
--secondary-color:#fff;
--tertiary-color:#fff;
--section-bg-color:#030303;
--card-bg-color:#1a1a1a;
--main-bg-color:#000;
--hero-bg-color:#111;
--navbar-bg-color:#1a1a1ae6;
--navbar-shadow:#ffffff1a;
--text-primary:#fff;
--text-color:#bcbcbc;
--text-secondary:#bcbcbc;
--border-color:#333;
--footer-bg-color:#111;
--footer-text-color:#fff;
--footer-text-secondary:#bcbcbc;
--footer-border-color:#333;
--hero-bg-image:url(../assets/blob-scene-dark.html)
}
html {
	scroll-behavior: smooth
}
body {
	scroll-behavior: smooth;
	background-color: var(--main-bg-color);
	color: var(--text-primary);
	transition: background-color .3s, color .3s;
	position: relative;
	overflow-x: hidden
}
.heading-h1 {
	font-size: var(--fs-d-h1);
	line-height: 74px
}
.heading-h2 {
	font-size: var(--fs-d-h2);
	line-height: 4rem
}
.heading-h4 {
	font-size: var(--fs-d-h4)
}
.heading-h5 {
	font-size: var(--fs-d-h5)
}
.para {
	font-size: var(--fs-d-body);
	line-height: 1.5rem
}
@media (max-width:780px) {
.heading-h1 {
	font-size: var(--fs-m-h1);
	line-height: 3rem
}
.heading-h2 {
	font-size: var(--fs-m-h2);
	line-height: 2rem
}
.heading-h4 {
	font-size: var(--fs-m-h4);
	line-height: 2rem
}
}
@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-border-style {
syntax:"*";
inherits:false;
initial-value:solid
}
@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-shadow-alpha {
syntax:"<percentage>";
inherits:false;
initial-value:100%
}
@property --tw-inset-shadow {
syntax:"*";
inherits:false;
initial-value:0 0 #0000
}
@property --tw-inset-shadow-color {
syntax:"*";
inherits:false
}
@property --tw-inset-shadow-alpha {
syntax:"<percentage>";
inherits:false;
initial-value:100%
}
@property --tw-ring-color {
syntax:"*";
inherits:false
}
@property --tw-ring-shadow {
syntax:"*";
inherits:false;
initial-value:0 0 #0000
}
@property --tw-inset-ring-color {
syntax:"*";
inherits:false
}
@property --tw-inset-ring-shadow {
syntax:"*";
inherits:false;
initial-value:0 0 #0000
}
@property --tw-ring-inset {
syntax:"*";
inherits:false
}
@property --tw-ring-offset-width {
syntax:"<length>";
inherits:false;
initial-value: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-drop-shadow-color {
syntax:"*";
inherits:false
}
@property --tw-drop-shadow-alpha {
syntax:"<percentage>";
inherits:false;
initial-value:100%
}
@property --tw-drop-shadow-size {
syntax:"*";
inherits:false
}
@property --tw-backdrop-blur {
syntax:"*";
inherits:false
}
@property --tw-backdrop-brightness {
syntax:"*";
inherits:false
}
@property --tw-backdrop-contrast {
syntax:"*";
inherits:false
}
@property --tw-backdrop-grayscale {
syntax:"*";
inherits:false
}
@property --tw-backdrop-hue-rotate {
syntax:"*";
inherits:false
}
@property --tw-backdrop-invert {
syntax:"*";
inherits:false
}
@property --tw-backdrop-opacity {
syntax:"*";
inherits:false
}
@property --tw-backdrop-saturate {
syntax:"*";
inherits:false
}
@property --tw-backdrop-sepia {
syntax:"*";
inherits:false
}
@property --tw-duration {
syntax:"*";
inherits:false
}
@property --tw-ease {
syntax:"*";
inherits:false
}
html, body {
	margin: 0;
	width: 100%;
	height: 100%
}


.ourwrok-box h4{font-size:16px; text-transform: uppercase; font-weight: 600;
 padding:10px; text-align: center; display: flex; align-items: center; border: 1px solid #FFF;
justify-content: center;}

#navbar {
	background: #000000c4;
}



@media (max-width:767px) {
.ourwrok-box h4 {
  font-size: 10px;
  height:60px;
}

}