*,

:before,

:after {

    --tw-border-spacing-x: 0;

    --tw-border-spacing-y: 0;

    --tw-translate-x: 0;

    --tw-translate-y: 0;

    --tw-rotate: 0;

    --tw-skew-x: 0;

    --tw-skew-y: 0;

    --tw-scale-x: 1;

    --tw-scale-y: 1;

    --tw-pan-x: ;

    --tw-pan-y: ;

    --tw-pinch-zoom: ;

    --tw-scroll-snap-strictness: proximity;

    --tw-gradient-from-position: ;

    --tw-gradient-via-position: ;

    --tw-gradient-to-position: ;

    --tw-ordinal: ;

    --tw-slashed-zero: ;

    --tw-numeric-figure: ;

    --tw-numeric-spacing: ;

    --tw-numeric-fraction: ;

    --tw-ring-inset: ;

    --tw-ring-offset-width: 0px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: rgb(59 130 246 / .5);

    --tw-ring-offset-shadow: 0 0 #0000;

    --tw-ring-shadow: 0 0 #0000;

    --tw-shadow: 0 0 #0000;

    --tw-shadow-colored: 0 0 #0000;

    --tw-blur: ;

    --tw-brightness: ;

    --tw-contrast: ;

    --tw-grayscale: ;

    --tw-hue-rotate: ;

    --tw-invert: ;

    --tw-saturate: ;

    --tw-sepia: ;

    --tw-drop-shadow: ;

    --tw-backdrop-blur: ;

    --tw-backdrop-brightness: ;

    --tw-backdrop-contrast: ;

    --tw-backdrop-grayscale: ;

    --tw-backdrop-hue-rotate: ;

    --tw-backdrop-invert: ;

    --tw-backdrop-opacity: ;

    --tw-backdrop-saturate: ;

    --tw-backdrop-sepia: ;

    --tw-contain-size: ;

    --tw-contain-layout: ;

    --tw-contain-paint: ;

    --tw-contain-style:

}



::backdrop {

    --tw-border-spacing-x: 0;

    --tw-border-spacing-y: 0;

    --tw-translate-x: 0;

    --tw-translate-y: 0;

    --tw-rotate: 0;

    --tw-skew-x: 0;

    --tw-skew-y: 0;

    --tw-scale-x: 1;

    --tw-scale-y: 1;

    --tw-pan-x: ;

    --tw-pan-y: ;

    --tw-pinch-zoom: ;

    --tw-scroll-snap-strictness: proximity;

    --tw-gradient-from-position: ;

    --tw-gradient-via-position: ;

    --tw-gradient-to-position: ;

    --tw-ordinal: ;

    --tw-slashed-zero: ;

    --tw-numeric-figure: ;

    --tw-numeric-spacing: ;

    --tw-numeric-fraction: ;

    --tw-ring-inset: ;

    --tw-ring-offset-width: 0px;

    --tw-ring-offset-color: #fff;

    --tw-ring-color: rgb(59 130 246 / .5);

    --tw-ring-offset-shadow: 0 0 #0000;

    --tw-ring-shadow: 0 0 #0000;

    --tw-shadow: 0 0 #0000;

    --tw-shadow-colored: 0 0 #0000;

    --tw-blur: ;

    --tw-brightness: ;

    --tw-contrast: ;

    --tw-grayscale: ;

    --tw-hue-rotate: ;

    --tw-invert: ;

    --tw-saturate: ;

    --tw-sepia: ;

    --tw-drop-shadow: ;

    --tw-backdrop-blur: ;

    --tw-backdrop-brightness: ;

    --tw-backdrop-contrast: ;

    --tw-backdrop-grayscale: ;

    --tw-backdrop-hue-rotate: ;

    --tw-backdrop-invert: ;

    --tw-backdrop-opacity: ;

    --tw-backdrop-saturate: ;

    --tw-backdrop-sepia: ;

    --tw-contain-size: ;

    --tw-contain-layout: ;

    --tw-contain-paint: ;

    --tw-contain-style:

}



*,

:before,

:after {

    box-sizing: border-box;

    border-width: 0;

    border-style: solid;

    border-color: #e5e7eb

}



:before,

:after {

    --tw-content: ""

}



html,

:host {

    line-height: 1.5;

    -webkit-text-size-adjust: 100%;

    -moz-tab-size: 4;

    -o-tab-size: 4;

    tab-size: 4;

    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";

    font-feature-settings: normal;

    font-variation-settings: normal;

    -webkit-tap-highlight-color: transparent

}



body {

    margin: 0;

    line-height: inherit

}



hr {

    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: #212529;

    text-decoration:none !important;

}



b,

strong {

    font-weight: bolder

}



code,

kbd,

samp,

pre {

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;

    font-feature-settings: normal;

    font-variation-settings: normal;

    font-size: 1em

}



small {

    font-size: 80%

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sub {

    bottom: -.25em

}



sup {

    top: -.5em

}



table {

    text-indent: 0;

    border-color: inherit;

    border-collapse: collapse

}



button,

input,

optgroup,

select,

textarea {

    font-family: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;

    font-size: 100%;

    font-weight: inherit;

    line-height: inherit;

    letter-spacing: inherit;

    color: inherit;

    margin: 0;

    padding: 0

}



button,

select {

    text-transform: none

}



button,

input:where([type=button]),

input:where([type=reset]),

input:where([type=submit]) {

    -webkit-appearance: button;

    background-color: transparent;

    background-image: none

}



:-moz-focusring {

    outline: auto

}



:-moz-ui-invalid {

    box-shadow: none

}



progress {

    vertical-align: baseline

}



::-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,

dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

figure,

p,

pre {

    margin: 0

}



fieldset {

    margin: 0;

    padding: 0

}



legend {

    padding: 0

}



ol,

ul,

menu {

    list-style: none;

    margin: 0;

    padding: 0

}



dialog {

    padding: 0

}



textarea {

    resize: vertical

}



input::-moz-placeholder,

textarea::-moz-placeholder {

    opacity: 1;

    color: #9ca3af

}



input::placeholder,

textarea::placeholder {

    opacity: 1;

    color: #9ca3af

}



button,

[role=button] {

    cursor: pointer

}



:disabled {

    cursor: default

}



img,

svg,

video,

canvas,

audio,

iframe,

embed,

object {

    display: block;

    vertical-align: middle

}



img,

video {

    max-width: 100%;

    height: auto

}



[hidden]:where(:not([hidden=until-found])) {

    display: none

}



.fixed {

    position: fixed

}



.absolute {

    position: absolute

}



.relative {

    position: relative

}



.inset-0 {

    inset: 0

}



.z-50 {

    z-index: 50

}



.mx-auto {

    margin-left: auto;

    margin-right: auto

}



.mb-12 {

    margin-bottom: 3rem

}



.mb-2 {

    margin-bottom: .5rem

}



.mb-3 {

    margin-bottom: .75rem

}



.mb-4 {

    margin-bottom: 1rem

}



.mb-6 {

    margin-bottom: 1.5rem

}



.mb-8 {

    margin-bottom: 2rem

}



.mr-1 {

    margin-right: .25rem

}



.mr-2 {

    margin-right: .5rem

}



.mt-1 {

    margin-top: .25rem

}



.mt-2 {

    margin-top: .5rem

}



.mt-4 {

    margin-top: 1rem

}



.mt-6 {

    margin-top: 1.5rem

}



.mt-8 {

    margin-top: 2rem

}



.block {

    display: block

}



.flex {

    display: flex

}



.inline-flex {

    display: inline-flex

}



.grid {

    display: grid

}



.h-10 {

    height: 2.5rem

}



.h-12 {

    height: 3rem

}



.h-16 {

    height: 4rem

}



.h-2 {

    height: .5rem

}



.h-20 {

    height: 5rem

}



.h-3 {

    height: .75rem

}



.h-4 {

    height: 1rem

}



.h-5 {

    height: 1.25rem

}



.h-8 {

    height: 2rem

}



.h-screen {

    height: 100vh

}



.max-h-\[60vh\] {

    max-height: 60vh

}



.max-h-\[80vh\] {

    max-height: 80vh

}



.min-h-screen {

    min-height: 100vh

}



.w-10 {

    width: 2.5rem

}



.w-12 {

    width: 3rem

}



.w-16 {

    width: 4rem

}



.w-2 {

    width: .5rem

}



.w-20 {

    width: 5rem

}



.w-3 {

    width: .75rem

}



.w-4 {

    width: 1rem

}



.w-5 {

    width: 1.25rem

}



.w-8 {

    width: 2rem

}



.w-full {

    width: 100%

}



.max-w-2xl {

    max-width: 42rem

}



.max-w-4xl {

    max-width: 56rem

}



.max-w-6xl {

    max-width: 72rem

}



.max-w-7xl {

    max-width: 80rem

}



.max-w-md {

    max-width: 28rem

}



.flex-1 {

    flex: 1 1 0%

}



@keyframes pulse {

    50% {

        opacity: .5

    }

}



.animate-pulse {

    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite

}



@keyframes spin {

    to {

        transform: rotate(360deg)

    }

}



.animate-spin {

    animation: spin 1s linear infinite

}



.cursor-not-allowed {

    cursor: not-allowed

}



.cursor-pointer {

    cursor: pointer

}



.grid-cols-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr))

}



.flex-col {

    flex-direction: column

}



.flex-wrap {

    flex-wrap: wrap

}



.items-start {

    align-items: flex-start

}



.items-center {

    align-items: center

}



.justify-center {

    justify-content: center

}



.justify-between {

    justify-content: space-between

}



.justify-flex-end {

    justify-content: flex-end

}

.gap-3 {

    gap: .75rem

}



.gap-4 {

    gap: 1rem

}



.gap-6 {

    gap: 1.5rem

}



.gap-8 {

    gap: 2rem

}



.space-x-1>:not([hidden])~:not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(.25rem * var(--tw-space-x-reverse));

    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))

}



.space-x-2>:not([hidden])~:not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(.5rem * var(--tw-space-x-reverse));

    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))

}



.space-x-3>:not([hidden])~:not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(.75rem * var(--tw-space-x-reverse));

    margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))

}



.space-x-4>:not([hidden])~:not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1rem * var(--tw-space-x-reverse));

    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))

}



.space-x-6>:not([hidden])~:not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1.5rem * var(--tw-space-x-reverse));

    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))

}



.space-y-1>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))

}



.space-y-2>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))

}



.space-y-3>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))

}



.space-y-4>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(1rem * var(--tw-space-y-reverse))

}



.space-y-6>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))

}



.overflow-hidden {

    overflow: hidden

}



.overflow-y-auto {

    overflow-y: auto

}



.whitespace-nowrap {

    white-space: nowrap

}



.rounded-2xl {

    border-radius: 1rem

}



.rounded-full {

    border-radius: 9999px

}



.rounded-lg {

    border-radius: .5rem

}



.rounded-xl {

    border-radius: .75rem

}



.border {

    border-width: 1px

}



.border-2 {

    border-width: 2px

}



.border-b {

    border-bottom-width: 1px

}



.border-b-2 {

    border-bottom-width: 2px

}



.border-t {

    border-top-width: 1px

}



.border-dashed {

    border-style: dashed

}



.border-blue-200 {

    --tw-border-opacity: 1;

    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1))

}



.border-cyan-200 {

    --tw-border-opacity: 1;

    border-color: rgb(165 243 252 / var(--tw-border-opacity, 1))

}



.border-cyan-600 {

    --tw-border-opacity: 1;

    border-color: rgb(8 145 178 / var(--tw-border-opacity, 1))

}



.border-gray-200 {

    --tw-border-opacity: 1;

    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))

}



.border-gray-300 {

    --tw-border-opacity: 1;

    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))

}



.border-gray-800 {

    --tw-border-opacity: 1;

    border-color: rgb(31 41 55 / var(--tw-border-opacity, 1))

}



.border-green-200 {

    --tw-border-opacity: 1;

    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1))

}



.border-red-200 {

    --tw-border-opacity: 1;

    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1))

}



.border-white {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))

}



.border-yellow-200 {

    --tw-border-opacity: 1;

    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1))

}



.border-t-transparent {

    border-top-color: transparent

}



.bg-black {

    --tw-bg-opacity: 1;

    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))

}



.bg-blue-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))

}



.bg-blue-900\/70 {

    background-color: #1e3a8ab3

}



.bg-cyan-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1))

}



.bg-cyan-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1))

}



.bg-gray-200 {

    --tw-bg-opacity: 1;

    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))

}



.bg-gray-300 {

    --tw-bg-opacity: 1;

    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1))

}



.bg-gray-400 {

    --tw-bg-opacity: 1;

    background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1))

}



.bg-gray-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))

}



.bg-gray-900 {

    --tw-bg-opacity: 1;

    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))

}



.bg-green-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1))

}



.bg-green-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1))

}



.bg-green-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))

}



.bg-purple-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1))

}



.bg-red-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))

}



.bg-red-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))

}



.bg-white {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))

}



.bg-yellow-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1))

}



.bg-opacity-50 {

    --tw-bg-opacity: .5

}



.bg-gradient-to-br {

    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))

}



.bg-gradient-to-r {

    background-image: linear-gradient(to right, var(--tw-gradient-stops))

}



.from-blue-50 {

    --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

}



.from-cyan-100 {

    --tw-gradient-from: #cffafe var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(207 250 254 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

}



.from-cyan-400 {

    --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

}



.from-cyan-50 {

    --tw-gradient-from: #ecfeff var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

}



.from-cyan-500 {

    --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

}



.from-green-100 {

    --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

}



.from-green-50 {

    --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

}



.to-blue-100 {

    --tw-gradient-to: #dbeafe var(--tw-gradient-to-position)

}



.to-blue-50 {

    --tw-gradient-to: #eff6ff var(--tw-gradient-to-position)

}



.to-blue-500 {

    --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)

}



.to-blue-600 {

    --tw-gradient-to: #2563eb var(--tw-gradient-to-position)

}



.to-cyan-100 {

    --tw-gradient-to: #cffafe var(--tw-gradient-to-position)

}



.to-cyan-50 {

    --tw-gradient-to: #ecfeff var(--tw-gradient-to-position)

}



.to-green-50 {

    --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position)

}



.p-2 {

    padding: .5rem

}



.p-4 {

    padding: 1rem

}



.p-6 {

    padding: 1.5rem

}



.p-8 {

    padding: 2rem

}



.px-2 {

    padding-left: .5rem;

    padding-right: .5rem

}



.px-3 {

    padding-left: .75rem;

    padding-right: .75rem

}



.px-4 {

    padding-left: 1rem;

    padding-right: 1rem

}



.px-6 {

    padding-left: 1.5rem;

    padding-right: 1.5rem

}



.px-8 {

    padding-left: 2rem;

    padding-right: 2rem

}



.py-1 {

    padding-top: .25rem;

    padding-bottom: .25rem

}



.py-12 {

    padding-top: 3rem;

    padding-bottom: 3rem

}



.py-16 {

    padding-top: 4rem;

    padding-bottom: 4rem

}



.py-2 {

    padding-top: .5rem;

    padding-bottom: .5rem

}



.py-20 {

    padding-top: 5rem;

    padding-bottom: 5rem

}



.py-3 {

    padding-top: .75rem;

    padding-bottom: .75rem

}



.py-4 {

    padding-top: 1rem;

    padding-bottom: 1rem

}



.py-8 {

    padding-top: 2rem;

    padding-bottom: 2rem

}



.pr-8 {

    padding-right: 2rem

}



.pt-8 {

    padding-top: 2rem

}



.text-left {

    text-align: left

}



.text-center {

    text-align: center

}



.text-xl {

    font-size: 1.25rem;

    line-height: 1.75rem

}



.text-2xl {

    font-size: 1.5rem;

    line-height: 2rem

}



.text-3xl {

    font-size: 1.875rem;

    line-height: 2.25rem

}



.text-4xl {

    font-size: 2.25rem;

    line-height: 2.5rem

}



.text-5xl {

    font-size: 3rem;

    line-height: 1

}



.text-6xl {

    font-size: 3.75rem;

    line-height: 1

}



.text-10xl {

    font-size: 13.75rem;

    line-height: 1

}



.text-lg {

    font-size: 1rem;

    line-height: 1.5rem

}



.text-sm {

    font-size: .875rem;

    line-height: 1.25rem

}



.text-xs {

    font-size: .75rem;

    line-height: 1rem

}



.font-bold {

    font-weight: 700

}



.font-medium {

    font-weight: 500

}



.font-semibold {

    font-weight: 600

}



.text-blue-100 {

    --tw-text-opacity: 1;

    color: rgb(219 234 254 / var(--tw-text-opacity, 1))

}



.text-blue-200 {

    --tw-text-opacity: 1;

    color: rgb(191 219 254 / var(--tw-text-opacity, 1))

}



.text-blue-600 {

    --tw-text-opacity: 1;

    color: rgb(37 99 235 / var(--tw-text-opacity, 1))

}

.hover\:text-blue-600:hover {

    --tw-text-opacity: 1;

    color: rgb(37 99 235 / var(--tw-text-opacity, 1)) !important;

}



.text-cyan-600 {

    --tw-text-opacity: 1;

    color: rgb(8 145 178 / var(--tw-text-opacity, 1))

}



.text-cyan-700 {

    --tw-text-opacity: 1;

    color: rgb(14 116 144 / var(--tw-text-opacity, 1))

}



.text-gray-100 {

    --tw-text-opacity: 1;

    color: rgb(243 244 246 / var(--tw-text-opacity, 1))

}



.text-gray-300 {

    --tw-text-opacity: 1;

    color: rgb(209 213 219 / var(--tw-text-opacity, 1))

}



.text-gray-400 {

    --tw-text-opacity: 1;

    color: rgb(156 163 175 / var(--tw-text-opacity, 1))

}



.text-gray-500 {

    --tw-text-opacity: 1;

    color: rgb(107 114 128 / var(--tw-text-opacity, 1))

}



.text-gray-600 {

    --tw-text-opacity: 1;

    color: rgb(75 85 99 / var(--tw-text-opacity, 1))

}



.text-gray-700 {

    --tw-text-opacity: 1;

    color: rgb(55 65 81 / var(--tw-text-opacity, 1))

}



.text-gray-900 {

    --tw-text-opacity: 1;

    color: rgb(17 24 39 / var(--tw-text-opacity, 1))

}



.text-green-400 {

    --tw-text-opacity: 1;

    color: rgb(74 222 128 / var(--tw-text-opacity, 1))

}



.text-green-600 {

    --tw-text-opacity: 1;

    color: rgb(22 163 74 / var(--tw-text-opacity, 1))

}



.text-purple-600 {

    --tw-text-opacity: 1;

    color: rgb(147 51 234 / var(--tw-text-opacity, 1))

}



.text-red-400 {

    --tw-text-opacity: 1;

    color: rgb(248 113 113 / var(--tw-text-opacity, 1))

}



.text-red-500 {

    --tw-text-opacity: 1;

    color: rgb(239 68 68 / var(--tw-text-opacity, 1))

}



.text-red-600 {

    --tw-text-opacity: 1;

    color: rgb(220 38 38 / var(--tw-text-opacity, 1))

}



.text-white {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))

}



.text-yellow-600 {

    --tw-text-opacity: 1;

    color: rgb(202 138 4 / var(--tw-text-opacity, 1))

}



.shadow-lg {

    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);

    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

}



.shadow-sm {

    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);

    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

}



.shadow-xl {

    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);

    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-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)

}



.transition-all {

    transition-property: all;

    transition-timing-function: cubic-bezier(.4, 0, .2, 1);

    transition-duration: .15s

}



.transition-colors {

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(.4, 0, .2, 1);

    transition-duration: .15s

}



.transition-shadow {

    transition-property: box-shadow;

    transition-timing-function: cubic-bezier(.4, 0, .2, 1);

    transition-duration: .15s

}



.duration-1000 {

    transition-duration: 1s

}



.hover\:border-cyan-300:hover {

    --tw-border-opacity: 1;

    border-color: rgb(103 232 249 / var(--tw-border-opacity, 1))

}



.hover\:bg-cyan-50:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1))

}



.hover\:bg-gray-50:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))

}



.hover\:bg-red-50:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))

}



.hover\:from-cyan-600:hover {

    --tw-gradient-from: #0891b2 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

}



.hover\:to-blue-700:hover {

    --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)

}



.hover\:text-gray-600:hover {

    --tw-text-opacity: 1;

    color: rgb(75 85 99 / var(--tw-text-opacity, 1))

}



.hover\:text-gray-700:hover {

    --tw-text-opacity: 1;

    color: rgb(55 65 81 / var(--tw-text-opacity, 1))

}



.hover\:text-white:hover {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))

}



.hover\:shadow-md:hover {

    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);

    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

}



.hover\:shadow-xl:hover {

    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);

    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

}



.focus\:border-transparent:focus {

    border-color: transparent

}



.focus\:ring-2:focus {

    --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, 0 0 #0000)

}



.focus\:ring-cyan-500:focus {

    --tw-ring-opacity: 1;

    --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1))

}



@media (min-width: 640px) {

    .sm\:px-6 {

        padding-left: 1.5rem;

        padding-right: 1.5rem

    }

}



@media (min-width: 768px) {

    .md\:col-span-2 {

        grid-column: span 2 / span 2

    }

    .md\:col-span-3 {

        grid-column: span 3 / span 2

    }



    .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\:grid-cols-4 {

        grid-template-columns: repeat(4, minmax(0, 1fr))

    }



    .md\:text-2xl {

        font-size: 1.5rem;

        line-height: 2rem

    }



    .md\:text-3xl {

        font-size: 1.875rem;

        line-height: 2.25rem

    }



    .md\:text-5xl {

        font-size: 3rem;

        line-height: 1

    }

}



@media (min-width: 1024px) {

    .lg\:grid-cols-3 {

        grid-template-columns: repeat(3, minmax(0, 1fr))

    }



    .lg\:px-8 {

        padding-left: 2rem;

        padding-right: 2rem

    }

}



.highlight {

    border-color: #f00;

}

.search-form { 

    position: relative;

}

#search_results{ 

    position: absolute;

	border-radius: 0 0 8px 8px;

	position: absolute;

	background-color: #fff;

	color: #000;

	z-index: 9;

	top: 75px;

	display: none;

	box-shadow: 0 1px 4px rgba(0,0,0,.12);

	overflow: hidden;

	white-space: nowrap;

    width: 100%;

    padding: 10px 0;

}

#search_results ul { 

    padding: 0;

    margin: 0;

}

#search_results ul li a {

	padding: 7px 15px;

	display: flex;

	flex-direction: row;

	align-items: center;

	justify-content: left;

	font-size: 16px;

    color: #000;

    font-weight: 500;

}

#search_results ul li a:hover { 

    background: #22d3ee;

}



.placeselect,.hospselect {

    background-color: rgb(236 254 255);

    color: rgb(14 116 144);

    border: 1px solid rgb(8 145 178);

}

.nav-tabs button.active {

    color: rgb(8 145 178);

    border-bottom: 2px solid rgb(8 145 178);

    background-color: rgb(236 254 255);

}


/* Container for overall alignment */
.process-container {
    padding: 40px 20px;
    text-align: center;
    background-color: #f8f9fa;
}

/* The main list element */
.process-line {
    list-style: none; /* Remove default list bullets */
    padding: 0;
    margin: 50px 0;
    
    display: flex; /* Key for horizontal layout */
    justify-content: space-between; /* Evenly space the steps */
    position: relative; /* Key for positioning the main line */
}

/* --- The Main Connecting Line --- */
.process-line::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 3px; /* Thickness of the line */
    background: #ced4da; /* Line color (light gray) */
    transform: translateY(-50%);
    z-index: 1; /* Place line behind the steps */
}

/* Individual Step Styling */
.process-step {
    position: relative;
    width: 25%; /* Give each of the 4 steps equal width */
    z-index: 2; /* Ensure steps overlap the connecting line */
}

.step-content {
    padding: 20px 10px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* --- The Step Marker/Circle --- */
.process-step::after {
    content: '1';
    position: absolute;
    top: 0;
    left: 50%; /* Center the circle horizontally */
    width: 24px;
    height: 24px;
    background: #007bff; /* Circle color (blue) */
    border: 4px solid #f8f9fa; /* Border matches container background */
    border-radius: 50%; /* Make it a circle */
    transform: translate(-50%, -50%); /* Fine-tune centering on the line */
    z-index: 3; /* Ensure circles are on top */
}

/* Style for the first step to remove the pseudo-element on the left (optional) */
.process-step:first-child::before {
    /* If you were using a different line approach, you'd adjust here */
}

.selectDoc {
    position: relative;
    cursor: pointer;
}

.selectDoc label {
  text-align: center;
  align-items: center;
  justify-content: center; 
  border: 1px solid #CCC;
  padding: 5px;
  cursor: pointer;
}

.selectDoc input[type="radio"] {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

.selectDoc label:hover {
  background: #DDD;
}

.selectDoc:has(> input[type="radio"]:checked ) {
  background: yellow;
}