.astro-route-announcer {
    position: absolute;
    left: 0;
    top: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
    width: 1px;
    height: 1px;
}
*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
:before, :after {
    --tw-content:  ""}
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Be Vietnam Pro, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
}
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: inherit;
    text-decoration: inherit;
}
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;
    color: inherit;
    margin: 0;
    padding: 0;
}
button, select {
    text-transform: none;
}
button, [type=button], [type=reset], [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] {
    display: none;
}
.tooltip-arrow, .tooltip-arrow:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}
.tooltip-arrow {
    visibility: hidden;
}
.tooltip-arrow:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
}
[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before {
    border-style: solid;
    border-color: #e5e7eb;
}
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before {
    border-bottom-width: 1px;
    border-right-width: 1px;
}
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before {
    border-bottom-width: 1px;
    border-left-width: 1px;
}
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before {
    border-top-width: 1px;
    border-left-width: 1px;
}
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before {
    border-top-width: 1px;
    border-right-width: 1px;
}
.tooltip[data-popper-placement^=top]>.tooltip-arrow {
    bottom: -4px;
}
.tooltip[data-popper-placement^=bottom]>.tooltip-arrow {
    top: -4px;
}
.tooltip[data-popper-placement^=left]>.tooltip-arrow {
    right: -4px;
}
.tooltip[data-popper-placement^=right]>.tooltip-arrow {
    left: -4px;
}
.tooltip.invisible>.tooltip-arrow:before {
    visibility: hidden;
}
[data-popper-arrow], [data-popper-arrow]:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}
[data-popper-arrow] {
    visibility: hidden;
}
[data-popper-arrow]:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
}
[data-popper-arrow]:after {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
    position: absolute;
    width: 9px;
    height: 9px;
    background: inherit;
}
[role=tooltip]>[data-popper-arrow]:before {
    border-style: solid;
    border-color: #e5e7eb;
}
.dark [role=tooltip]>[data-popper-arrow]:before {
    border-style: solid;
    border-color: #4b5563;
}
[role=tooltip]>[data-popper-arrow]:after {
    border-style: solid;
    border-color: #e5e7eb;
}
.dark [role=tooltip]>[data-popper-arrow]:after {
    border-style: solid;
    border-color: #4b5563;
}
[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-right-width: 1px;
}
[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after {
    border-bottom-width: 1px;
    border-right-width: 1px;
}
[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-left-width: 1px;
}
[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after {
    border-bottom-width: 1px;
    border-left-width: 1px;
}
[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before {
    border-top-width: 1px;
    border-left-width: 1px;
}
[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after {
    border-top-width: 1px;
    border-left-width: 1px;
}
[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before {
    border-top-width: 1px;
    border-right-width: 1px;
}
[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after {
    border-top-width: 1px;
    border-right-width: 1px;
}
[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow] {
    bottom: -5px;
}
[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow] {
    top: -5px;
}
[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow] {
    right: -5px;
}
[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow] {
    left: -5px;
}
[role=tooltip].invisible>[data-popper-arrow]:before {
    visibility: hidden;
}
[role=tooltip].invisible>[data-popper-arrow]:after {
    visibility: hidden;
}
[type=text], [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow:  0 0 #0000;
}
[type=text]:focus, [type=email]:focus, [type=url]:focus, [type=password]:focus, [type=number]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=week]:focus, [multiple]:focus, textarea:focus, select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset:  var(--tw-empty,  );
    --tw-ring-offset-width:  0px;
    --tw-ring-offset-color:  #fff;
    --tw-ring-color:  #1C64F2;
    --tw-ring-offset-shadow:  var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:  var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #1c64f2;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1;
}
input::placeholder, textarea::placeholder {
    color: #6b7280;
    opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}
::-webkit-date-and-time-value {
    min-height: 1.5em;
}
select:not([size]) {
    background-image: url("data:image/svg+xml, %3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: .75em .75em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
:is([dir=rtl]) select:not([size]) {
    background-position: left .75rem center;
    padding-right: .75rem;
    padding-left: 0;
}
[multiple] {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset;
}
[type=checkbox], [type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #1c64f2;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow:  0 0 #0000;
}
[type=checkbox] {
    border-radius: 0;
}
[type=radio] {
    border-radius: 100%}
[type=checkbox]:focus, [type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset:  var(--tw-empty,  );
    --tw-ring-offset-width:  2px;
    --tw-ring-offset-color:  #fff;
    --tw-ring-color:  #1C64F2;
    --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);
}
[type=checkbox]:checked, [type=radio]:checked, .dark [type=checkbox]:checked, .dark [type=radio]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: .55em .55em;
    background-position: center;
    background-repeat: no-repeat;
}
[type=checkbox]:checked {
    background-image: url("data:image/svg+xml, %3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-size: .55em .55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
[type=radio]:checked {
    background-image: url("data:image/svg+xml, %3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-size: 1em 1em;
}
.dark [type=radio]:checked {
    background-image: url("data:image/svg+xml, %3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-size: 1em 1em;
}
[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml, %3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
    background-color: currentColor;
    border-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .55em .55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
[type=checkbox]:indeterminate:hover, [type=checkbox]:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
}
[type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
}
[type=file]:focus {
    outline: 1px auto inherit;
}
input[type=file]::file-selector-button {
    color: #fff;
    background: #1F2937;
    border: 0;
    font-weight: 500;
    font-size: .875rem;
    cursor: pointer;
    padding: .625rem 1rem .625rem 2rem;
    margin-inline-start: -1rem;
    margin-inline-end: 1rem;
}
input[type=file]::file-selector-button:hover {
    background: #374151;
}
:is([dir=rtl]) input[type=file]::file-selector-button {
    padding-right: 2rem;
    padding-left: 1rem;
}
.dark input[type=file]::file-selector-button {
    color: #fff;
    background: #4B5563;
}
.dark input[type=file]::file-selector-button:hover {
    background: #6B7280;
}
input[type=range]::-webkit-slider-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1C64F2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
input[type=range]:disabled::-webkit-slider-thumb {
    background: #9CA3AF;
}
.dark input[type=range]:disabled::-webkit-slider-thumb {
    background: #6B7280;
}
input[type=range]:focus::-webkit-slider-thumb {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --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(4px + 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);
    --tw-ring-opacity:  1px;
    --tw-ring-color:  rgb(164 202 254 / var(--tw-ring-opacity));
}
input[type=range]::-moz-range-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1C64F2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
input[type=range]:disabled::-moz-range-thumb {
    background: #9CA3AF;
}
.dark input[type=range]:disabled::-moz-range-thumb {
    background: #6B7280;
}
input[type=range]::-moz-range-progress {
    background: #3F83F8;
}
input[type=range]::-ms-fill-lower {
    background: #3F83F8;
}
.toggle-bg:after {
    content: "";
    position: absolute;
    top: .125rem;
    left: .125rem;
    background: white;
    border-color: #d1d5db;
    border-width: 1px;
    border-radius: 9999px;
    height: 1.25rem;
    width: 1.25rem;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .15s;
    box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
input:checked+.toggle-bg:after {
    transform: translate(100%);
    border-color: #fff;
}
input:checked+.toggle-bg {
    background: #1C64F2;
    border-color: #1c64f2;
}
*, :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(63 131 248 / .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:  }
::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(63 131 248 / .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:  }
.container {
    width: 100%}
@media (min-width: 640px) {
    .container {
    max-width: 640px;
}
}@media (min-width: 768px) {
    .container {
    max-width: 768px;
}
}@media (min-width: 1024px) {
    .container {
    max-width: 1024px;
}
}@media (min-width: 1280px) {
    .container {
    max-width: 1280px;
}
}@media (min-width: 1536px) {
    .container {
    max-width: 1536px;
}
}.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.collapse {
    visibility: collapse;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.inset-0 {
    inset: 0;
}
.-start-4 {
    inset-inline-start: -1rem;
}
.bottom-0 {
    bottom: 0;
}
.bottom-\[-10px\] {
    bottom: -10px;
}
.bottom-\[18\%\] {
    bottom: 18%}
.bottom-\[40\%\] {
    bottom: 40%}
.bottom-\[60px\] {
    bottom: 60px;
}
.left-0 {
    left: 0;
}
.left-1\/2 {
    left: 50%}
.left-\[-35rem\] {
    left: -35rem;
}
.left-\[27\%\] {
    left: 27%}
.right-0 {
    right: 0;
}
.right-\[40rem\] {
    right: 40rem;
}
.top-0 {
    top: 0;
}
.top-\[5\%\] {
    top: 5%}
.top-\[50\%\] {
    top: 50%}
.-z-10 {
    z-index: -10;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-30 {
    z-index: 30;
}
.z-40 {
    z-index: 40;
}
.z-50 {
    z-index: 50;
}
.col-span-1 {
    grid-column: span 1 / span 1;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.mb-1 {
    margin-bottom: .25rem;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.mb-2 {
    margin-bottom: .5rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mr-3 {
    margin-right: .75rem;
}
.ms-6 {
    margin-inline-start: 1.5rem;
}
.mt-12 {
    margin-top: 3rem;
}
.mt-2 {
    margin-top: .5rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-8 {
    margin-top: 2rem;
}
.mt-\[140px\] {
    margin-top: 140px;
}
.mt-\[72px\] {
    margin-top: 72px;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.grid {
    display: grid;
}
.hidden {
    display: none;
}
.h-10 {
    height: 2.5rem;
}
.h-12 {
    height: 3rem;
}
.h-4 {
    height: 1rem;
}
.h-5 {
    height: 1.25rem;
}
.h-6 {
    height: 1.5rem;
}
.h-8 {
    height: 2rem;
}
.h-9 {
    height: 2.25rem;
}
.h-\[31\.25rem\] {
    height: 31.25rem;
}
.h-\[400px\] {
    height: 400px;
}
.h-full {
    height: 100%}
.w-1\/2 {
    width: 50%}
.w-10 {
    width: 2.5rem;
}
.w-12 {
    width: 3rem;
}
.w-3\/4 {
    width: 75%}
.w-4 {
    width: 1rem;
}
.w-5 {
    width: 1.25rem;
}
.w-6 {
    width: 1.5rem;
}
.w-64 {
    width: 16rem;
}
.w-8 {
    width: 2rem;
}
.w-\[200px\] {
    width: 200px;
}
.w-\[31\.25rem\] {
    width: 31.25rem;
}
.w-\[50rem\] {
    width: 50rem;
}
.w-\[65\%\] {
    width: 65%}
.w-full {
    width: 100%}
.max-w-\[80ch\] {
    max-width: 80ch;
}
.max-w-screen-xl {
    max-width: 1280px;
}
.flex-1 {
    flex: 1 1 0%}
.flex-shrink {
    flex-shrink: 1;
}
.-translate-x-full {
    --tw-translate-x:  -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full {
    --tw-translate-y:  -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
    --tw-translate-x:  0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
    --tw-translate-x:  100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
    --tw-translate-y:  100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
    --tw-rotate:  180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-none {
    transform: none;
}
.cursor-default {
    cursor: default;
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.cursor-pointer {
    cursor: pointer;
}
.resize {
    resize: both;
}
.scroll-m-\[var\(--navbar-height\)\] {
    scroll-margin: var(--navbar-height);
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-col {
    flex-direction: column;
}
.flex-wrap {
    flex-wrap: wrap;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-1 {
    gap: .25rem;
}
.gap-16 {
    gap: 4rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-8 {
    gap: 2rem;
}
.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-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:  0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.self-center {
    align-self: center;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-clip {
    overflow: clip;
}
.scroll-smooth {
    scroll-behavior: smooth;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: .5rem;
}
.rounded-e-lg {
    border-start-end-radius: .5rem;
    border-end-end-radius: .5rem;
}
.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.rounded-s-lg {
    border-start-start-radius: .5rem;
    border-end-start-radius: .5rem;
}
.border {
    border-width: 1px;
}
.border-0 {
    border-width: 0px;
}
.border-s {
    border-inline-start-width: 1px;
}
.\!border-primary-700 {
    --tw-border-opacity:  1 !important;
    border-color: rgb(126 34 206 / var(--tw-border-opacity))!important;
}
.border-blue-600 {
    --tw-border-opacity:  1;
    border-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.border-blue-700 {
    --tw-border-opacity:  1;
    border-color: rgb(26 86 219 / var(--tw-border-opacity));
}
.border-gray-100 {
    --tw-border-opacity:  1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200 {
    --tw-border-opacity:  1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300 {
    --tw-border-opacity:  1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.\!bg-primary-600 {
    --tw-bg-opacity:  1 !important;
    background-color: rgb(147 51 234 / var(--tw-bg-opacity))!important;
}
.\!bg-primary-700 {
    --tw-bg-opacity:  1 !important;
    background-color: rgb(126 34 206 / var(--tw-bg-opacity))!important;
}
.bg-\[\#504898\] {
    --tw-bg-opacity:  1;
    background-color: rgb(80 72 152 / var(--tw-bg-opacity));
}
.bg-\[\#9b4f99\] {
    --tw-bg-opacity:  1;
    background-color: rgb(155 79 153 / var(--tw-bg-opacity));
}
.bg-blue-700 {
    --tw-bg-opacity:  1;
    background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.bg-gray-100 {
    --tw-bg-opacity:  1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200 {
    --tw-bg-opacity:  1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-50 {
    --tw-bg-opacity:  1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-800 {
    --tw-bg-opacity:  1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900\/50 {
    background-color: #11182780;
}
.bg-green-200 {
    --tw-bg-opacity:  1;
    background-color: rgb(188 240 218 / var(--tw-bg-opacity));
}
.bg-primary-100 {
    --tw-bg-opacity:  1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}
.bg-white {
    --tw-bg-opacity:  1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/50 {
    background-color: #ffffff80;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.p-1 {
    padding: .25rem;
}
.p-2 {
    padding: .5rem;
}
.p-2\.5 {
    padding: .625rem;
}
.p-4 {
    padding: 1rem;
}
.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-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem;
}
.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pt-2 {
    padding-top: .5rem;
}
.text-center {
    text-align: center;
}
.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-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.font-bold {
    font-weight: 700;
}
.font-extrabold {
    font-weight: 800;
}
.font-light {
    font-weight: 300;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.uppercase {
    text-transform: uppercase;
}
.italic {
    font-style: italic;
}
.leading-6 {
    line-height: 1.5rem;
}
.leading-9 {
    line-height: 2.25rem;
}
.leading-none {
    line-height: 1;
}
.tracking-tight {
    letter-spacing: -.025em;
}
.text-blue-600 {
    --tw-text-opacity:  1;
    color: rgb(28 100 242 / var(--tw-text-opacity));
}
.text-gray-500 {
    --tw-text-opacity:  1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600 {
    --tw-text-opacity:  1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700 {
    --tw-text-opacity:  1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800 {
    --tw-text-opacity:  1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900 {
    --tw-text-opacity:  1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-white {
    --tw-text-opacity:  1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.opacity-0 {
    opacity: 0;
}
.opacity-100 {
    opacity: 1;
}
.opacity-20 {
    opacity: .2;
}
.opacity-80 {
    opacity: .8;
}
.shadow {
    --tw-shadow:  0 1px 3px 0 rgb(0 0 0 / .1),  0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored:  0 1px 3px 0 var(--tw-shadow-color),  0 1px 2px -1px 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-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-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);
}
.outline {
    outline-style: solid;
}
.ring-4 {
    --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(4px + 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);
}
.ring-white {
    --tw-ring-opacity:  1;
    --tw-ring-color:  rgb(255 255 255 / var(--tw-ring-opacity));
}
.blur {
    --tw-blur:  blur(8px);
    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);
}
.blur-\[10rem\] {
    --tw-blur:  blur(10rem);
    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);
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.duration-150 {
    transition-duration: .15s;
}
.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
}
:root {
    --navbar-height:  80px;
}
.hover\:border-gray-300:hover {
    --tw-border-opacity:  1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.hover\:\!bg-primary-800:hover {
    --tw-bg-opacity:  1 !important;
    background-color: rgb(107 33 168 / var(--tw-bg-opacity))!important;
}
.hover\:bg-blue-800:hover {
    --tw-bg-opacity:  1;
    background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}
.hover\:bg-gray-100:hover {
    --tw-bg-opacity:  1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover {
    --tw-bg-opacity:  1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:text-blue-600:hover {
    --tw-text-opacity:  1;
    color: rgb(28 100 242 / var(--tw-text-opacity));
}
.hover\:text-ep-indigo-violet:hover {
    --tw-text-opacity:  1;
    color: rgb(155 79 153 / var(--tw-text-opacity));
}
.hover\:text-gray-600:hover {
    --tw-text-opacity:  1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}
.hover\:text-gray-900:hover {
    --tw-text-opacity:  1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.hover\:underline:hover {
    text-decoration-line: underline;
}
.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.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-4: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(4px + 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-primary-300:focus {
    --tw-ring-opacity:  1 !important;
    --tw-ring-color:  rgb(216 180 254 / var(--tw-ring-opacity)) !important;
}
.focus\:ring-blue-300:focus {
    --tw-ring-opacity:  1;
    --tw-ring-color:  rgb(164 202 254 / var(--tw-ring-opacity));
}
.focus\:ring-gray-200:focus {
    --tw-ring-opacity:  1;
    --tw-ring-color:  rgb(229 231 235 / var(--tw-ring-opacity));
}
:is([dir=rtl] .rtl\:rotate-180) {
    --tw-rotate:  180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir=rtl] .rtl\:space-x-reverse)>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:  1;
}
:is(.dark .dark\:border-blue-500) {
    --tw-border-opacity:  1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-600) {
    --tw-border-opacity:  1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-700) {
    --tw-border-opacity:  1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-transparent) {
    border-color: transparent;
}
:is(.dark .dark\:\!bg-primary-600) {
    --tw-bg-opacity:  1 !important;
    background-color: rgb(147 51 234 / var(--tw-bg-opacity))!important;
}
:is(.dark .dark\:\!bg-primary-700) {
    --tw-bg-opacity:  1 !important;
    background-color: rgb(126 34 206 / var(--tw-bg-opacity))!important;
}
:is(.dark .dark\:bg-\[\#676394\]) {
    --tw-bg-opacity:  1;
    background-color: rgb(103 99 148 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#946263\]) {
    --tw-bg-opacity:  1;
    background-color: rgb(148 98 99 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-blue-600) {
    --tw-bg-opacity:  1;
    background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-600) {
    --tw-bg-opacity:  1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-700) {
    --tw-bg-opacity:  1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-800) {
    --tw-bg-opacity:  1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-800\/50) {
    background-color: #1f293780;
}
:is(.dark .dark\:bg-gray-900) {
    --tw-bg-opacity:  1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-900\/80) {
    background-color: #111827cc;
}
:is(.dark .dark\:bg-green-900) {
    --tw-bg-opacity:  1;
    background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-primary-900) {
    --tw-bg-opacity:  1;
    background-color: rgb(88 28 135 / var(--tw-bg-opacity));
}
:is(.dark .dark\:text-blue-500) {
    --tw-text-opacity:  1;
    color: rgb(63 131 248 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-300) {
    --tw-text-opacity:  1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-400) {
    --tw-text-opacity:  1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-white) {
    --tw-text-opacity:  1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:ring-gray-900) {
    --tw-ring-opacity:  1;
    --tw-ring-color:  rgb(17 24 39 / var(--tw-ring-opacity));
}
:is(.dark .dark\:hover\:\!bg-primary-700:hover) {
    --tw-bg-opacity:  1 !important;
    background-color: rgb(126 34 206 / var(--tw-bg-opacity))!important;
}
:is(.dark .dark\:hover\:bg-blue-700:hover) {
    --tw-bg-opacity:  1;
    background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-600:hover) {
    --tw-bg-opacity:  1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-700:hover) {
    --tw-bg-opacity:  1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-800:hover) {
    --tw-bg-opacity:  1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:text-blue-500:hover) {
    --tw-text-opacity:  1;
    color: rgb(63 131 248 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-gray-300:hover) {
    --tw-text-opacity:  1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-white:hover) {
    --tw-text-opacity:  1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:focus\:ring-gray-600:focus) {
    --tw-ring-opacity:  1;
    --tw-ring-color:  rgb(75 85 99 / var(--tw-ring-opacity));
}
@media (min-width: 640px) {
    .sm\: mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.sm\:mb-0 {
    margin-bottom: 0;
}
.sm\:mt-12 {
    margin-top: 3rem;
}
.sm\:block {
    display: block;
}
.sm\:grid {
    display: grid;
}
.sm\:h-auto {
    height: auto;
}
.sm\:w-\[50\%\] {
    width: 50%}
.sm\:w-\[68\.75rem\] {
    width: 68.75rem;
}
.sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sm\:gap-6 {
    gap: 1.5rem;
}
.sm\:p-6 {
    padding: 1.5rem;
}
.sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.sm\:pb-16 {
    padding-bottom: 4rem;
}
.sm\:text-center {
    text-align: center;
}
.sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}@media (min-width: 768px) {
    .md\: bottom-\[10\%\] {
    bottom: 10%}
.md\:bottom-\[20\%\] {
    bottom: 20%}
.md\:bottom-auto {
    bottom: auto;
}
.md\:left-\[-33rem\] {
    left: -33rem;
}
.md\:left-\[25\%\] {
    left: 25%}
.md\:left-auto {
    left: auto;
}
.md\:mb-0 {
    margin-bottom: 0;
}
.md\:mt-0 {
    margin-top: 0;
}
.md\:block {
    display: block;
}
.md\:flex {
    display: flex;
}
.md\:grid {
    display: grid;
}
.md\:hidden {
    display: none;
}
.md\:w-auto {
    width: auto;
}
.md\:w-full {
    width: 100%}
.md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:flex-row {
    flex-direction: row;
}
.md\:items-center {
    align-items: center;
}
.md\:justify-between {
    justify-content: space-between;
}
.md\:gap-12 {
    gap: 3rem;
}
.md\:space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:  0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.md\:space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:  0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.md\:border-0 {
    border-width: 0px;
}
.md\:bg-transparent {
    background-color: transparent;
}
.md\:bg-white {
    --tw-bg-opacity:  1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.md\:p-0 {
    padding: 0;
}
.md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
:is(.dark .md\:dark\:bg-gray-900) {
    --tw-bg-opacity:  1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
}@media (min-width: 1024px) {
    .lg\: bottom-\[18\%\] {
    bottom: 18%}
.lg\:bottom-\[22\%\] {
    bottom: 22%}
.lg\:left-\[-28rem\] {
    left: -28rem;
}
.lg\:top-\[6\%\] {
    top: 6%}
.lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.lg\:mb-0 {
    margin-bottom: 0;
}
.lg\:mb-8 {
    margin-bottom: 2rem;
}
.lg\:mt-0 {
    margin-top: 0;
}
.lg\:mt-12 {
    margin-top: 3rem;
}
.lg\:mt-14 {
    margin-top: 3.5rem;
}
.lg\:mt-\[80px\] {
    margin-top: 80px;
}
.lg\:grid {
    display: grid;
}
.lg\:h-12 {
    height: 3rem;
}
.lg\:w-12 {
    width: 3rem;
}
.lg\:w-\[300px\] {
    width: 300px;
}
.lg\:w-\[50\%\] {
    width: 50%}
.lg\:scale-110 {
    --tw-scale-x:  1.1;
    --tw-scale-y:  1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
}
.lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}@media (min-width: 1280px) {
    .xl\: bottom-\[22\%\] {
    bottom: 22%}
.xl\:left-\[40rem\] {
    left: 40rem;
}
.xl\:w-\[400px\] {
    width: 400px;
}
.xl\:w-\[60\%\] {
    width: 60%}
.xl\:gap-16 {
    gap: 4rem;
}
}@font-face {
    font-family: Be Vietnam Pro;
    src: url(/fonts/BeVietnamPro-Black.woff2) format("woff2"), url(/fonts/BeVietnamPro-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Be Vietnam Pro;
    src: url(/fonts/BeVietnamPro-Bold.woff2) format("woff2"), url(/fonts/BeVietnamPro-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Be Vietnam Pro;
    src: url(/fonts/BeVietnamPro-BoldItalic.woff2) format("woff2"), url(/fonts/BeVietnamPro-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Be Vietnam Pro;
    src: url(/fonts/BeVietnamPro-ExtraLight.woff2) format("woff2"), url(/fonts/BeVietnamPro-ExtraLight.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Be Vietnam Pro;
    src: url(/fonts/BeVietnamPro-ExtraBold.woff2) format("woff2"), url(/fonts/BeVietnamPro-ExtraBold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Be Vietnam Pro;
    src: url(/fonts/BeVietnamPro-Regular.woff2) format("woff2"), url(/fonts/BeVietnamPro-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Be Vietnam Pro;
    src: url(/fonts/BeVietnamPro-Light.woff2) format("woff2"), url(/fonts/BeVietnamPro-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Be Vietnam Pro;
    src: url(/fonts/BeVietnamPro-Medium.woff2) format("woff2"), url(/fonts/BeVietnamPro-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Be Vietnam Pro;
    src: url(/fonts/BeVietnamPro-SemiBold.woff2) format("woff2"), url(/fonts/BeVietnamPro-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Be Vietnam Pro;
    src: url(/fonts/BeVietnamPro-Thin.woff2) format("woff2"), url(/fonts/BeVietnamPro-Thin.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}