/*
Theme Name: Shamsya
Theme URI: http://shamsya.com/
Author: Noor Al-Dain Swelm
Author URI: http://swelm.com/
Description: WordPress Theme for Shamsya
Version: 1.0
Text Domain: shamsya
*/
html  {
    scroll-behavior: smooth;
}
@font-face {
    font-family:"SSTArabic";
    src:url(/fonts/SSTArabic-Light.woff2) format("woff2"),url(/fonts/SSTArabic-Light.woff) format("woff"),url(/fonts/SSTArabic-Light.ttf) format("truetype");
    font-weight:300;
    font-style:normal
}
*,: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:;
    --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(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:;
    --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:Inter var,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:#fff0
}
.grecaptcha-badge{bottom: 85px!important;}
.fill-green {
    fill:#16a34a!important;
    color:#16a34a!important
}
.fill-green-online {
    fill:#07ff09!important;
    color:#07ff09!important
}
.pricing-container {
    background:#fff;
    padding:2rem;
    border-radius:20px;
    max-width:1200px;
    width:100%;
    text-align:center
}
.cards {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:2rem
}
.card {
    background:linear-gradient(180deg,#fef2f2,#fff);
    border:2px solid #f43f5e;
    border-radius:16px;
    padding:2rem;
    transition:transform 0.3s ease,box-shadow 0.3s ease;
    position:relative
}
.card:hover {
    transform:translateY(-10px);
    box-shadow:0 15px 25px rgb(244 63 94 / .2)
}
.card h3 {
    font-size:1.8rem;
    font-weight:700;
    margin-bottom:.5rem;
    color:#7f1d1d
}
.price {
    margin:1rem 0
}
.old-price {
    text-decoration:line-through;
    color:#777;
    font-size:1.2rem;
    margin-right:10px
}
.new-price {
    font-size:2.2rem;
    font-weight:700;
    color:#f43f5e
}
.savings {
    color:#16a34a;
    font-weight:700;
    font-size:.9rem
}
.period {
    font-size:14px;
    color:#777;
    margin-left:4px
}
.card ul {
    list-style:none;
    padding:0;
    text-align:right
}
.card ul li {
    margin:.5rem 0
}
.btn {
    background:#f43f5e;
    color:#fff;
    padding:.75rem 1.5rem;
    border:none;
    border-radius:10px;
    font-size:1rem;
    cursor:pointer;
    transition:background 0.3s ease
}
.btn:hover {
    background:#be123c
}
.countdown {
    background:#fff;
    padding:10px;
    border-radius:8px;
    margin:15px 0;
    font-weight:700;
    font-size:18px;
    border:1px dashed #ff4d4f;
    color:#ff4d4f
}
.starter {
    color:#079921!important
}
.trader {
    color:#052087!important
}
.investor {
    color:#AB8000!important
}
.vip {
    color:#6C3BAA!important
}
.starter-card {
    border:2px solid #079921!important
}
.trader-card {
    border:2px solid #052087!important
}
.investor-card {
    border:2px solid #AB8000!important
}
.vip-card {
    border:2px solid #6C3BAA!important
}
.contact-container {
    display:flex;
    gap:50px;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 30px rgb(0 0 0 / .08);
    max-width:1000px;
    width:100%
}
.contact-info {
    flex:1
}
.contact-info h2 {
    font-size:24px;
    margin-bottom:20px;
    color:#111827
}
.contact-info p {
    margin-bottom:25px;
    color:#4b5563;
    line-height:1.6
}
.info-item {
    align-items:center;
    margin-bottom:25px;
    color:#111827;
    direction:ltr;
    text-align:center
}
.info-item span {
    font-size:20px;
    margin-right:10px;
    color:#f43f5e
}
.contact-form {
    flex:1;
    background:#f9fafb;
    padding:30px;
    border-radius:15px
}
.contact-form input,.contact-form select,.contact-form textarea {
    width:100%;
    margin-bottom:15px;
    border:1px solid #d1d5db;
    border-radius:10px;
    font-size:14px;
    outline:none;
    transition:0.2s
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus {
    border-color:#f43f5e;
    box-shadow:0 0 0 2px rgb(22 163 74 / .2)
}
.contact-form button {
    width:100%;
    padding:14px;
    background:#f43f5e;
    color:#fff;
    font-size:16px;
    font-weight:700;
    border:none;
    border-radius:12px;
    cursor:pointer;
    transition:0.3s
}
.contact-form button:hover {
    background:#f43f5e
}
@media(max-width:900px) {
    .contact-container {
        flex-direction:column
    }
}
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;
    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:#fff0;
    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
}
[type=text],input:where(:not([type])),[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,input:where(:not([type])):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 #fff0;
    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
}
::-webkit-date-and-time-value {
    min-height:1.5em;
    text-align:inherit
}
::-webkit-datetime-edit {
    display:inline-flex
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-top:0;
    padding-bottom:0
}
select {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position:right .5rem center;
    background-repeat:no-repeat;
    background-size:1.5em 1.5em;
    padding-right:2.5rem;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact
}
[multiple],[size]:where(select:not([size="1"])) {
    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]:checked,[type=radio]:checked {
    border-color:#fff0;
    background-color:currentColor;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat
}
[type=checkbox]:checked {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
@media (forced-colors:active) {
    [type=checkbox]:checked {
        -webkit-appearance:auto;
        -moz-appearance:auto;
        appearance:auto
    }
}
[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")
}
@media (forced-colors:active) {
    [type=radio]:checked {
        -webkit-appearance:auto;
        -moz-appearance:auto;
        appearance:auto
    }
}
[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus {
    border-color:#fff0;
    background-color:currentColor
}
[type=checkbox]:indeterminate {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color:#fff0;
    background-color:currentColor;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat
}
@media (forced-colors:active) {
    [type=checkbox]:indeterminate {
        -webkit-appearance:auto;
        -moz-appearance:auto;
        appearance:auto
    }
}
[type=file]:focus {
    outline:1px solid ButtonText;
    outline:1px auto -webkit-focus-ring-color
}
.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 #fff0;
    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
}
input[type=time]::-webkit-calendar-picker-indicator {
    background:none
}
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 #fff0;
    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:#fff0;
    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='M0.5 6h14'/%3e %3c/svg%3e");
    background-color:currentColor;
    border-color:#fff0;
    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:#fff0;
    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 #fff0;
    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:#fff;
    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
}
.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
    }
}
.prose {
    color:var(--tw-prose-body);
    max-width:65ch
}
.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em
}
.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-lead);
    font-size:1.25em;
    line-height:1.6;
    margin-top:1.2em;
    margin-bottom:1.2em
}
.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-links);
    text-decoration:underline;
    font-weight:500
}
.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-bold);
    font-weight:600
}
.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:inherit
}
.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:inherit
}
.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:inherit
}
.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type:decimal;
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-inline-start:1.625em
}
.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type:upper-alpha
}
.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type:lower-alpha
}
.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type:upper-alpha
}
.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type:lower-alpha
}
.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type:upper-roman
}
.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type:lower-roman
}
.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type:upper-roman
}
.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type:lower-roman
}
.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type:decimal
}
.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type:disc;
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-inline-start:1.625em
}
.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
    font-weight:400;
    color:var(--tw-prose-counters)
}
.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
    color:var(--tw-prose-bullets)
}
.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    font-weight:600;
    margin-top:1.25em
}
.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-color:var(--tw-prose-hr);
    border-top-width:1px;
    margin-top:3em;
    margin-bottom:3em
}
.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-weight:500;
    font-style:italic;
    color:var(--tw-prose-quotes);
    border-inline-start-width:.25rem;
    border-inline-start-color:var(--tw-prose-quote-borders);
    quotes:"“""”""‘""’";
    margin-top:1.6em;
    margin-bottom:1.6em;
    padding-inline-start:1em
}
.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before {
    content:open-quote
}
.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after {
    content:close-quote
}
.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    font-weight:800;
    font-size:2.25em;
    margin-top:0;
    margin-bottom:.8888889em;
    line-height:1.1111111
}
.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-weight:900;
    color:inherit
}
.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    font-weight:700;
    font-size:1.5em;
    margin-top:2em;
    margin-bottom:1em;
    line-height:1.3333333
}
.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-weight:800;
    color:inherit
}
.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    font-weight:600;
    font-size:1.25em;
    margin-top:1.6em;
    margin-bottom:.6em;
    line-height:1.6
}
.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-weight:700;
    color:inherit
}
.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    font-weight:600;
    margin-top:1.5em;
    margin-bottom:.5em;
    line-height:1.5
}
.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-weight:700;
    color:inherit
}
.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
}
.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
    display:block;
    margin-top:2em;
    margin-bottom:2em
}
.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
}
.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-weight:500;
    font-family:inherit;
    color:var(--tw-prose-kbd);
    box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);
    font-size:.875em;
    border-radius:.3125rem;
    padding-top:.1875em;
    padding-inline-end:.375em;
    padding-bottom:.1875em;
    padding-inline-start:.375em
}
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-code);
    font-weight:600;
    font-size:.875em
}
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before {
    content:"`"
}
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
    content:"`"
}
.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:inherit
}
.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:inherit
}
.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:inherit;
    font-size:.875em
}
.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:inherit;
    font-size:.9em
}
.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:inherit
}
.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:inherit
}
.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:inherit
}
.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-pre-code);
    background-color:var(--tw-prose-pre-bg);
    overflow-x:auto;
    font-weight:400;
    font-size:.875em;
    line-height:1.7142857;
    margin-top:1.7142857em;
    margin-bottom:1.7142857em;
    border-radius:.375rem;
    padding-top:.8571429em;
    padding-inline-end:1.1428571em;
    padding-bottom:.8571429em;
    padding-inline-start:1.1428571em
}
.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    background-color:#fff0;
    border-width:0;
    border-radius:0;
    padding:0;
    font-weight:inherit;
    color:inherit;
    font-size:inherit;
    font-family:inherit;
    line-height:inherit
}
.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before {
    content:none
}
.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
    content:none
}
.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
    width:100%;
    table-layout:auto;
    margin-top:2em;
    margin-bottom:2em;
    font-size:.875em;
    line-height:1.7142857
}
.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-th-borders)
}
.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    font-weight:600;
    vertical-align:bottom;
    padding-inline-end:.5714286em;
    padding-bottom:.5714286em;
    padding-inline-start:.5714286em
}
.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-td-borders)
}
.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-bottom-width:0
}
.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    vertical-align:baseline
}
.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-top-width:1px;
    border-top-color:var(--tw-prose-th-borders)
}
.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    vertical-align:top
}
.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    text-align:start
}
.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
}
.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color:var(--tw-prose-captions);
    font-size:.875em;
    line-height:1.4285714;
    margin-top:.8571429em
}
.prose {
    --tw-prose-body:#374151;
    --tw-prose-headings:#111827;
    --tw-prose-lead:#4b5563;
    --tw-prose-links:#111827;
    --tw-prose-bold:#111827;
    --tw-prose-counters:#6b7280;
    --tw-prose-bullets:#d1d5db;
    --tw-prose-hr:#e5e7eb;
    --tw-prose-quotes:#111827;
    --tw-prose-quote-borders:#e5e7eb;
    --tw-prose-captions:#6b7280;
    --tw-prose-kbd:#111827;
    --tw-prose-kbd-shadows:17 24 39;
    --tw-prose-code:#111827;
    --tw-prose-pre-code:#e5e7eb;
    --tw-prose-pre-bg:#1f2937;
    --tw-prose-th-borders:#d1d5db;
    --tw-prose-td-borders:#e5e7eb;
    --tw-prose-invert-body:#d1d5db;
    --tw-prose-invert-headings:#fff;
    --tw-prose-invert-lead:#9ca3af;
    --tw-prose-invert-links:#fff;
    --tw-prose-invert-bold:#fff;
    --tw-prose-invert-counters:#9ca3af;
    --tw-prose-invert-bullets:#4b5563;
    --tw-prose-invert-hr:#374151;
    --tw-prose-invert-quotes:#f3f4f6;
    --tw-prose-invert-quote-borders:#374151;
    --tw-prose-invert-captions:#9ca3af;
    --tw-prose-invert-kbd:#fff;
    --tw-prose-invert-kbd-shadows:255 255 255;
    --tw-prose-invert-code:#fff;
    --tw-prose-invert-pre-code:#d1d5db;
    --tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders:#4b5563;
    --tw-prose-invert-td-borders:#374151;
    font-size:1rem;
    line-height:1.75
}
.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
}
.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:.5em;
    margin-bottom:.5em
}
.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:.375em
}
.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:.375em
}
.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:.75em;
    margin-bottom:.75em
}
.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:1.25em
}
.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom:1.25em
}
.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:1.25em
}
.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom:1.25em
}
.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:.75em;
    margin-bottom:.75em
}
.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em
}
.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:.5em;
    padding-inline-start:1.625em
}
.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:0
}
.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:0
}
.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:0
}
.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:0
}
.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:0
}
.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:0
}
.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-top:.5714286em;
    padding-inline-end:.5714286em;
    padding-bottom:.5714286em;
    padding-inline-start:.5714286em
}
.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:0
}
.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:0
}
.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
}
.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top:0
}
.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom:0
}
.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
}
.pointer-events-none {
    pointer-events:none
}
.visible {
    visibility:visible
}
.invisible {
    visibility:hidden
}
.collapse {
    visibility:collapse
}
.static {
    position:static
}
.fixed {
    position:fixed
}
.absolute {
    position:absolute
}
.relative {
    position:relative
}
.sticky {
    position:sticky
}
.inset-0 {
    top:0;
    right:0;
    bottom:0;
    left:0
}
.inset-x-0 {
    left:0;
    right:0
}
.inset-y-0 {
    top:0;
    bottom:0
}
.-bottom-20 {
    bottom:-5rem
}
.-bottom-8 {
    bottom:-2rem
}
.-left-24 {
    left:-6rem
}
.-left-4 {
    left:-1rem
}
.-left-64 {
    left:-16rem
}
.bottom-0 {
    bottom:0
}
.bottom-16 {
    bottom:4rem
}
.bottom-\[60px\] {
    bottom:60px
}
.left-0 {
    left:0
}
.left-1\/2 {
    left:50%
}
.left-\[1px\] {
    left:1px
}
.left-\[calc\(50\%\+3rem\)\] {
    left:calc(50% + 3rem)
}
.right-0 {
    right:0
}
.right-2 {
    right:.5rem
}
.top-0 {
    top:0
}
.top-1\/2 {
    top:50%
}
.top-16 {
    top:4rem
}
.top-24 {
    top:6rem
}
.top-32 {
    top:8rem
}
.top-40 {
    top:10rem
}
.top-48 {
    top:12rem
}
.top-\[0px\] {
    top:0
}
.top-\[calc\(100\%-13rem\)\] {
    top:calc(100% - 13rem)
}
.top-full {
    top:100%
}
.isolate {
    isolation:isolate
}
.-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
}
.z-\[100\] {
    z-index:100
}
.z-\[1\] {
    z-index:1
}
.order-1 {
    order:1
}
.order-2 {
    order:2
}
.order-3 {
    order:3
}
.order-first {
    order:-9999
}
.col-span-1 {
    grid-column:span 1 / span 1
}
.col-span-12 {
    grid-column:span 12 / span 12
}
.col-span-2 {
    grid-column:span 2 / span 2
}
.col-start-2 {
    grid-column-start:2
}
.-m-2\.5 {
    margin:-.625rem
}
.-mx-3 {
    margin-left:-.75rem;
    margin-right:-.75rem
}
.-my-6 {
    margin-top:-1.5rem;
    margin-bottom:-1.5rem
}
.mx-1 {
    margin-left:.25rem;
    margin-right:.25rem
}
.mx-4 {
    margin-left:1rem;
    margin-right:1rem
}
.mx-auto {
    margin-left:auto;
    margin-right:auto
}
.my-4 {
    margin-top:1rem;
    margin-bottom:1rem
}
.my-6 {
    margin-top:1.5rem;
    margin-bottom:1.5rem
}
.my-auto {
    margin-top:auto;
    margin-bottom:auto
}
.\!mt-12 {
    margin-top:3rem!important
}
.\!mt-2 {
    margin-top:.5rem!important
}
.-mb-2 {
    margin-bottom:-.5rem
}
.-ml-2\.5 {
    margin-left:-.625rem
}
.-ml-24 {
    margin-left:-6rem
}
.-mt-12 {
    margin-top:-3rem
}
.-mt-2 {
    margin-top:-.5rem
}
.-mt-28 {
    margin-top:-7rem
}
.mb-1 {
    margin-bottom:.25rem
}
.mb-12 {
    margin-bottom:3rem
}
.mb-2 {
    margin-bottom:.5rem
}
.mb-24 {
    margin-bottom:6rem
}
.mb-32 {
    margin-bottom:8rem
}
.mb-4 {
    margin-bottom:1rem
}
.mb-6 {
    margin-bottom:1.5rem
}
.mb-8 {
    margin-bottom:2rem
}
.ml-2 {
    margin-left:.5rem
}
.ml-3 {
    margin-left:.75rem
}
.ml-\[-22rem\] {
    margin-left:-22rem
}
.ml-\[max\(50\%\,38rem\)\] {
    margin-left:max(50%,38rem)
}
.ml-auto {
    margin-left:auto
}
.mr-1 {
    margin-right:.25rem
}
.mr-2 {
    margin-right:.5rem
}
.mr-3 {
    margin-right:.75rem
}
.mr-auto {
    margin-right:auto
}
.mt-1 {
    margin-top:.25rem
}
.mt-10 {
    margin-top:2.5rem
}
.mt-12 {
    margin-top:3rem
}
.mt-14 {
    margin-top:3.5rem
}
.mt-16 {
    margin-top:4rem
}
.mt-2 {
    margin-top:.5rem
}
.mt-20 {
    margin-top:5rem
}
.mt-24 {
    margin-top:6rem
}
.mt-3 {
    margin-top:.75rem
}
.mt-36 {
    margin-top:9rem
}
.mt-4 {
    margin-top:1rem
}
.mt-6 {
    margin-top:1.5rem
}
.mt-8 {
    margin-top:2rem
}
.block {
    display:block
}
.inline-block {
    display:inline-block
}
.inline {
    display:inline
}
.flex {
    display:flex
}
.inline-flex {
    display:inline-flex
}
.table {
    display:table
}
.flow-root {
    display:flow-root
}
.grid {
    display:grid
}
.hidden {
    display:none
}
.aspect-\[1155\/678\] {
    aspect-ratio:1155/678
}
.aspect-\[1313\/771\] {
    aspect-ratio:1313/771
}
.aspect-\[2\/3\] {
    aspect-ratio:2/3
}
.aspect-\[5\/2\] {
    aspect-ratio:5/2
}
.aspect-\[801\/1036\] {
    aspect-ratio:801/1036
}
.\!size-28 {
    width:7rem!important;
    height:7rem!important
}
.size-10 {
    width:2.5rem;
    height:2.5rem
}
.size-11 {
    width:2.75rem;
    height:2.75rem
}
.size-12 {
    width:3rem;
    height:3rem
}
.size-24 {
    width:6rem;
    height:6rem
}
.size-28 {
    width:7rem;
    height:7rem
}
.size-5 {
    width:1.25rem;
    height:1.25rem
}
.size-60 {
    width:15rem;
    height:15rem
}
.size-8 {
    width:2rem;
    height:2rem
}
.h-10 {
    height:2.5rem
}
.h-12 {
    height:3rem
}
.h-14 {
    height:3.5rem
}
.h-2 {
    height:.5rem
}
.h-4 {
    height:1rem
}
.h-5 {
    height:1.25rem
}
.h-6 {
    height:1.5rem
}
.h-9 {
    height:2.25rem
}
.h-\[208px\] {
    height:208px
}
.h-\[25px\] {
    height:25px
}
.h-\[64rem\] {
    height:64rem
}
.h-auto {
    height:auto
}
.h-full {
    height:100%
}
.h-px {
    height:1px
}
.h-screen {
    height:100vh
}
.max-h-12 {
    max-height:3rem
}
.max-h-96 {
    max-height:24rem
}
.min-h-16 {
    min-height:4rem
}
.min-h-96 {
    min-height:24rem
}
.min-h-dvh {
    min-height:100dvh
}
.min-h-full {
    min-height:100%
}
.min-h-screen {
    min-height:100vh
}
.w-1\/2 {
    width:50%
}
.w-1\/5 {
    width:20%
}
.w-10 {
    width:2.5rem
}
.w-12 {
    width:3rem
}
.w-14 {
    width:3.5rem
}
.w-2\/6 {
    width:33.333333%
}
.w-24 {
    width:6rem
}
.w-28 {
    width:7rem
}
.w-3\/5 {
    width:60%
}
.w-32 {
    width:8rem
}
.w-4 {
    width:1rem
}
.w-4\/6 {
    width:66.666667%
}
.w-40 {
    width:10rem
}
.w-44 {
    width:11rem
}
.w-48 {
    width:12rem
}
.w-6 {
    width:1.5rem
}
.w-64 {
    width:16rem
}
.w-80 {
    width:20rem
}
.w-96 {
    width:24rem
}
.w-\[108px\] {
    width:108px
}
.w-\[35rem\] {
    width:35rem
}
.w-\[36\.125rem\] {
    width:36.125rem
}
.w-\[36rem\] {
    width:36rem
}
.w-\[45rem\] {
    width:45rem
}
.w-\[50\.0625rem\] {
    width:50.0625rem
}
.w-\[500px\] {
    width:500px
}
.w-\[64rem\] {
    width:64rem
}
.w-\[800px\] {
    width:800px
}
.w-\[82\.0625rem\] {
    width:82.0625rem
}
.w-\[85px\] {
    width:85px
}
.w-fit {
    width:-moz-fit-content;
    width:fit-content
}
.w-full {
    width:100%
}
.w-screen {
    width:100vw
}
.min-w-48 {
    min-width:12rem
}
.min-w-full {
    min-width:100%
}
.max-w-2xl {
    max-width:42rem
}
.max-w-32 {
    max-width:8rem
}
.max-w-3xl {
    max-width:48rem
}
.max-w-48 {
    max-width:12rem
}
.max-w-4xl {
    max-width:56rem
}
.max-w-5xl {
    max-width:64rem
}
.max-w-6xl {
    max-width:72rem
}
.max-w-7xl {
    max-width:80rem
}
.max-w-full {
    max-width:100%
}
.max-w-lg {
    max-width:32rem
}
.max-w-md {
    max-width:28rem
}
.max-w-screen-lg {
    max-width:1024px
}
.max-w-xl {
    max-width:36rem
}
.max-w-xs {
    max-width:20rem
}
.flex-1 {
    flex:1 1 0%
}
.flex-auto {
    flex:1 1 auto
}
.flex-none {
    flex:none
}
.flex-shrink {
    flex-shrink:1
}
.shrink-0 {
    flex-shrink:0
}
.flex-grow,.grow {
    flex-grow:1
}
.border-collapse {
    border-collapse:collapse
}
.origin-top-right {
    transform-origin:top right
}
.-translate-x-1\/2 {
    --tw-translate-x:-50%;
    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-1\/2 {
    --tw-translate-y:-50%;
    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-0 {
    --tw-translate-y: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-y-1 {
    --tw-translate-y:.25rem;
    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-1 {
    --tw-rotate:-1deg;
    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-1 {
    --tw-rotate:1deg;
    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))
}
.rotate-\[30deg\] {
    --tw-rotate:30deg;
    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))
}
.scale-125 {
    --tw-scale-x:1.25;
    --tw-scale-y:1.25;
    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-gpu {
    transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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
}
@keyframes float {
    0%,to {
        transform:translateY(0)
    }
    50% {
        transform:translateY(-10px)
    }
}
.animate-float {
    animation:float 3s ease-in-out infinite
}
@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-default {
    cursor:default
}
.cursor-not-allowed {
    cursor:not-allowed
}
.cursor-pointer {
    cursor:pointer
}
.resize {
    resize:both
}
.list-inside {
    list-style-position:inside
}
.list-disc {
    list-style-type:disc
}
.grid-cols-1 {
    grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3 {
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.grid-cols-7 {
    grid-template-columns:repeat(7,minmax(0,1fr))
}
.grid-rows-1 {
    grid-template-rows:repeat(1,minmax(0,1fr))
}
.flex-row {
    flex-direction:row
}
.flex-col {
    flex-direction:column
}
.flex-col-reverse {
    flex-direction:column-reverse
}
.flex-wrap {
    flex-wrap:wrap
}
.items-start {
    align-items:flex-start
}
.items-end {
    align-items:flex-end
}
.items-center {
    align-items:center
}
.items-baseline {
    align-items:baseline
}
.justify-start {
    justify-content:flex-start
}
.justify-end {
    justify-content:flex-end
}
.justify-center {
    justify-content:center
}
.justify-between {
    justify-content:space-between
}
.gap-0 {
    gap:0
}
.gap-0\.5 {
    gap:.125rem
}
.gap-1 {
    gap:.25rem
}
.gap-12 {
    gap:3rem
}
.gap-2 {
    gap:.5rem
}
.gap-4 {
    gap:1rem
}
.gap-6 {
    gap:1.5rem
}
.gap-8 {
    gap:2rem
}
.gap-x-1 {
    -moz-column-gap:.25rem;
    column-gap:.25rem
}
.gap-x-12 {
    -moz-column-gap:3rem;
    column-gap:3rem
}
.gap-x-14 {
    -moz-column-gap:0rem;
    column-gap:0rem
}
.gap-x-2 {
    -moz-column-gap:.5rem;
    column-gap:.5rem
}
.gap-x-3 {
    -moz-column-gap:.75rem;
    column-gap:.75rem
}
.gap-x-4 {
    -moz-column-gap:1rem;
    column-gap:1rem
}
.gap-x-6 {
    -moz-column-gap:1.5rem;
    column-gap:1.5rem
}
.gap-x-8 {
    -moz-column-gap:2rem;
    column-gap:2rem
}
.gap-y-10 {
    row-gap:2.5rem
}
.gap-y-12 {
    row-gap:3rem
}
.gap-y-16 {
    row-gap:4rem
}
.gap-y-4 {
    row-gap:1rem
}
.gap-y-8 {
    row-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-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-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-16>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(4rem * 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))
}
.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))
}
.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse:0;
    border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}
.divide-gray-100>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity:1;
    border-color:rgb(243 244 246 / var(--tw-divide-opacity,1))
}
.divide-gray-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity:1;
    border-color:rgb(229 231 235 / var(--tw-divide-opacity,1))
}
.divide-gray-300>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-divide-opacity,1))
}
.divide-gray-500\/10>:not([hidden])~:not([hidden]) {
    border-color:#6b72801a
}
.divide-gray-900\/10>:not([hidden])~:not([hidden]) {
    border-color:#1118271a
}
.overflow-hidden {
    overflow:hidden
}
.overflow-visible {
    overflow:visible
}
.overflow-y-auto {
    overflow-y:auto
}
.truncate {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.whitespace-nowrap {
    white-space:nowrap
}
.text-pretty {
    text-wrap:pretty
}
.rounded {
    border-radius:.25rem
}
.rounded-2xl {
    border-radius:1rem
}
.rounded-3xl {
    border-radius:1.5rem
}
.rounded-full {
    border-radius:9999px
}
.rounded-lg {
    border-radius:.5rem
}
.rounded-md {
    border-radius:.375rem
}
.rounded-sm {
    border-radius:.125rem
}
.rounded-xl {
    border-radius:.75rem
}
.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:0
}
.border-4 {
    border-width:4px
}
.border-b {
    border-bottom-width:1px
}
.border-r {
    border-right-width:1px
}
.border-t {
    border-top-width:1px
}
.border-none {
    border-style:none
}
.border-blue-600 {
    --tw-border-opacity:1;
    border-color:rgb(28 100 242 / var(--tw-border-opacity,1))
}
.border-blue-700 {
    --tw-border-opacity:1;
    border-color:rgb(26 86 219 / var(--tw-border-opacity,1))
}
.border-gray-100 {
    --tw-border-opacity:1;
    border-color:rgb(243 244 246 / 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-400 {
    --tw-border-opacity:1;
    border-color:rgb(156 163 175 / var(--tw-border-opacity,1))
}
.border-gray-900\/10 {
    border-color:#1118271a
}
.border-green-400 {
    --tw-border-opacity:1;
    border-color:rgb(49 196 141 / var(--tw-border-opacity,1))
}
.border-violet-100 {
    --tw-border-opacity:1;
    border-color:rgb(237 233 254 / var(--tw-border-opacity,1))
}
.border-white {
    --tw-border-opacity:1;
    border-color:rgb(255 255 255 / var(--tw-border-opacity,1))
}
.\!bg-gray-50 {
    --tw-bg-opacity:1 !important;
    background-color:rgb(249 250 251 / var(--tw-bg-opacity,1))!important
}
.bg-black {
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity,1))
}
.bg-blue-200 {
    --tw-bg-opacity:1;
    background-color:rgb(195 221 253 / var(--tw-bg-opacity,1))
}
.bg-blue-600 {
    --tw-bg-opacity:1;
    background-color:rgb(28 100 242 / var(--tw-bg-opacity,1))
}
.bg-blue-700 {
    --tw-bg-opacity:1;
    background-color:rgb(26 86 219 / var(--tw-bg-opacity,1))
}
.bg-cyan-100 {
    --tw-bg-opacity:1;
    background-color:rgb(207 250 254 / var(--tw-bg-opacity,1))
}
.bg-emerald-500 {
    --tw-bg-opacity:1;
    background-color:rgb(37 210 102 / var(--tw-bg-opacity,1))
}
.bg-emerald-600 {
    --tw-bg-opacity:1;
    background-color:rgb(5 150 105 / var(--tw-bg-opacity,1))
}
.bg-gray-100 {
    --tw-bg-opacity:1;
    background-color:rgb(243 244 246 / 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-400\/5 {
    background-color:#9ca3af0d
}
.bg-gray-50 {
    --tw-bg-opacity:1;
    background-color:rgb(249 250 251 / var(--tw-bg-opacity,1))
}
.bg-gray-800 {
    --tw-bg-opacity:1;
    background-color:rgb(31 41 55 / var(--tw-bg-opacity,1))
}
.bg-gray-900 {
    --tw-bg-opacity:1;
    background-color:rgb(17 24 39 / var(--tw-bg-opacity,1))
}
.bg-gray-900\/5 {
    background-color:#1118270d
}
.bg-gray-900\/50 {
    background-color:#11182780
}
.bg-green-100 {
    --tw-bg-opacity:1;
    background-color:rgb(222 247 236 / var(--tw-bg-opacity,1))
}
.bg-green-200 {
    --tw-bg-opacity:1;
    background-color:rgb(188 240 218 / var(--tw-bg-opacity,1))
}
.bg-green-50 {
    --tw-bg-opacity:1;
    background-color:rgb(243 250 247 / var(--tw-bg-opacity,1))
}
.bg-indigo-200 {
    --tw-bg-opacity:1;
    background-color:rgb(205 219 254 / var(--tw-bg-opacity,1))
}
.bg-orange-100 {
    --tw-bg-opacity:1;
    background-color:rgb(254 236 220 / var(--tw-bg-opacity,1))
}
.bg-red-100 {
    --tw-bg-opacity:1;
    background-color:rgb(253 232 232 / var(--tw-bg-opacity,1))
}
.bg-red-50 {
    --tw-bg-opacity:1;
    background-color:rgb(253 242 242 / var(--tw-bg-opacity,1))
}
.bg-slate-100 {
    --tw-bg-opacity:1;
    background-color:rgb(241 245 249 / var(--tw-bg-opacity,1))
}
.bg-slate-200 {
    --tw-bg-opacity:1;
    background-color:rgb(226 232 240 / var(--tw-bg-opacity,1))
}
.bg-violet-50 {
    --tw-bg-opacity:1;
    background-color:rgb(245 243 255 / var(--tw-bg-opacity,1))
}
.bg-white {
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))
}
.bg-shamsya {
    --tw-bg-opacity:1;
    background-color:rgb(227 64 78 / var(--tw-bg-opacity,1))
}
.bg-white\/50 {
    background-color:#ffffff80
}
.bg-white\/60 {
    background-color:#fff9
}
.bg-white\/70 {
    background-color:#ffffffb3
}
.bg-yellow-100 {
    --tw-bg-opacity:1;
    background-color:rgb(253 246 178 / var(--tw-bg-opacity,1))
}
.bg-gradient-to-l {
    background-image:linear-gradient(to left,var(--tw-gradient-stops))
}
.bg-gradient-to-tr {
    background-image:linear-gradient(to top right,var(--tw-gradient-stops))
}
.from-\[\#4776E6\] {
    --tw-gradient-from:#4776E6 var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(71 118 230 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#656CA1\] {
    --tw-gradient-from:#656CA1 var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(101 108 161 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#9089fc\] {
    --tw-gradient-from:#9089fc var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(144 137 252 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#97E53B\] {
    --tw-gradient-from:#97E53B var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(151 229 59 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#98CC5A\] {
    --tw-gradient-from:#98CC5A var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(152 204 90 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#A044FF\] {
    --tw-gradient-from:#A044FF var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(160 68 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#BD3F32\] {
    --tw-gradient-from:#BD3F32 var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(189 63 50 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#DF2673\] {
    --tw-gradient-from:#DF2673 var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(223 38 115 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#ff5e62\] {
    --tw-gradient-from:#ff5e62 var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(255 94 98 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#ff80b5\] {
    --tw-gradient-from:#ff80b5 var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(255 128 181 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.to-\[\#000C40\] {
    --tw-gradient-to:#000C40 var(--tw-gradient-to-position)
}
.to-\[\#10786C\] {
    --tw-gradient-to:#10786C var(--tw-gradient-to-position)
}
.to-\[\#56AB2F\] {
    --tw-gradient-to:#56AB2F var(--tw-gradient-to-position)
}
.to-\[\#6A3093\] {
    --tw-gradient-to:#6A3093 var(--tw-gradient-to-position)
}
.to-\[\#8E54E9\] {
    --tw-gradient-to:#8E54E9 var(--tw-gradient-to-position)
}
.to-\[\#9089fc\] {
    --tw-gradient-to:#9089fc var(--tw-gradient-to-position)
}
.to-\[\#CB356B\] {
    --tw-gradient-to:#CB356B var(--tw-gradient-to-position)
}
.to-\[\#FE4F32\] {
    --tw-gradient-to:#FE4F32 var(--tw-gradient-to-position)
}
.to-\[\#ff5e62\] {
    --tw-gradient-to:#ff5e62 var(--tw-gradient-to-position)
}
.to-\[\#ff9966\] {
    --tw-gradient-to:#ff9966 var(--tw-gradient-to-position)
}
.fill-gray-50 {
    fill:#f9fafb
}
.stroke-gray-100 {
    stroke:#f3f4f6
}
.stroke-gray-200 {
    stroke:#e5e7eb
}
.object-contain {
    -o-object-fit:contain;
    object-fit:contain
}
.object-cover {
    -o-object-fit:cover;
    object-fit:cover
}
.p-0\.5 {
    padding:.125rem
}
.p-1 {
    padding:.25rem
}
.p-2 {
    padding:.5rem
}
.p-2\.5 {
    padding:.625rem
}
.p-3 {
    padding:.75rem
}
.p-4 {
    padding:1rem
}
.p-6 {
    padding:1.5rem
}
.p-8 {
    padding:2rem
}
.px-1\.5 {
    padding-left:.375rem;
    padding-right:.375rem
}
.px-2 {
    padding-left:.5rem;
    padding-right:.5rem
}
.px-2\.5 {
    padding-left:.625rem;
    padding-right:.625rem
}
.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
}
.px-6 {
    padding-left:1.5rem;
    padding-right:1.5rem
}
.px-8 {
    padding-left:2rem;
    padding-right:2rem
}
.py-0\.5 {
    padding-top:.125rem;
    padding-bottom:.125rem
}
.py-1 {
    padding-top:.25rem;
    padding-bottom:.25rem
}
.py-1\.5 {
    padding-top:.375rem;
    padding-bottom:.375rem
}
.py-10 {
    padding-top:2.5rem;
    padding-bottom:2.5rem
}
.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-2\.5 {
    padding-top:.625rem;
    padding-bottom:.625rem
}
.py-20 {
    padding-top:5rem;
    padding-bottom:5rem
}
.py-24 {
    padding-top:6rem;
    padding-bottom:6rem
}
.py-3 {
    padding-top:.75rem;
    padding-bottom:.75rem
}
.py-4 {
    padding-top:1rem;
    padding-bottom:1rem
}
.py-6 {
    padding-top:1.5rem;
    padding-bottom:1.5rem
}
.py-8 {
    padding-top:2rem;
    padding-bottom:2rem
}
.pb-0 {
    padding-bottom:0
}
.pb-12 {
    padding-bottom:3rem
}
.pb-16 {
    padding-bottom:4rem
}
.pb-20 {
    padding-bottom:5rem
}
.pb-24 {
    padding-bottom:6rem
}
.pb-32 {
    padding-bottom:8rem
}
.pb-8 {
    padding-bottom:2rem
}
.pl-3 {
    padding-left:.75rem
}
.pl-4 {
    padding-left:1rem
}
.pl-6 {
    padding-left:1.5rem
}
.pr-12 {
    padding-right:3rem
}
.pr-2 {
    padding-right:.5rem
}
.pr-3 {
    padding-right:.75rem
}
.pr-3\.5 {
    padding-right:.875rem
}
.pt-0 {
    padding-top:0
}
.pt-12 {
    padding-top:3rem
}
.pt-14 {
    padding-top:3.5rem
}
.pt-16 {
    padding-top:4rem
}
.pt-2 {
    padding-top:.5rem
}
.pt-20 {
    padding-top:5rem
}
.pt-24 {
    padding-top:6rem
}
.pt-32 {
    padding-top:8rem
}
.pt-36 {
    padding-top:9rem
}
.pt-6 {
    padding-top:1.5rem
}
.pt-8 {
    padding-top:2rem
}
.text-left {
    text-align:left
}
.text-center {
    text-align:center
}
.text-right {
    text-align:right
}
.align-middle {
    vertical-align:middle
}
.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-9xl {
    font-size:8rem;
    line-height:1
}
.text-\[2\.5rem\] {
    font-size:2.5rem
}
.text-base {
    font-size:1rem;
    line-height:1.5rem
}
.text-base\/7 {
    font-size:1rem;
    line-height:1.75rem
}
.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
}
.text-xs {
    font-size:.75rem;
    line-height:1rem
}
.font-black {
    font-weight:900
}
.font-bold {
    font-weight:700
}
.font-light {
    font-weight:300
}
.font-medium {
    font-weight:500
}
.font-normal {
    font-weight:400
}
.font-semibold {
    font-weight:600
}
.uppercase {
    text-transform:uppercase
}
.lowercase {
    text-transform:lowercase
}
.capitalize {
    text-transform:capitalize
}
.italic {
    font-style:italic
}
.not-italic {
    font-style:normal
}
.leading-10 {
    line-height:2.5rem
}
.leading-5 {
    line-height:1.25rem
}
.leading-6 {
    line-height:1.5rem
}
.leading-7 {
    line-height:1.75rem
}
.leading-8 {
    line-height:2rem
}
.leading-9 {
    line-height:2.25rem
}
.leading-tight {
    line-height:1.25
}
.tracking-tight {
    letter-spacing:-.025em
}
.tracking-wide {
    letter-spacing:.025em
}
.tracking-wider {
    letter-spacing:.05em
}
.text-black {
    --tw-text-opacity:1;
    color:rgb(0 0 0 / var(--tw-text-opacity,1))
}
.text-blue-400 {
    --tw-text-opacity:1;
    color:rgb(118 169 250 / var(--tw-text-opacity,1))
}
.text-blue-500 {
    --tw-text-opacity:1;
    color:rgb(63 131 248 / var(--tw-text-opacity,1))
}
.text-blue-600 {
    --tw-text-opacity:1;
    color:rgb(28 100 242 / var(--tw-text-opacity,1))
}
.text-cyan-900 {
    --tw-text-opacity:1;
    color:rgb(22 78 99 / var(--tw-text-opacity,1))
}
.text-cyan-900\/50 {
    color:#164e6380
}
.text-gray-200 {
    --tw-text-opacity:1;
    color:rgb(229 231 235 / 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-800 {
    --tw-text-opacity:1;
    color:rgb(31 41 55 / var(--tw-text-opacity,1))
}
.text-gray-900 {
    --tw-text-opacity:1;
    color:rgb(17 24 39 / var(--tw-text-opacity,1))
}
.text-gray-950 {
    --tw-text-opacity:1;
    color:rgb(3 7 18 / var(--tw-text-opacity,1))
}
.text-green-400 {
    --tw-text-opacity:1;
    color:rgb(49 196 141 / var(--tw-text-opacity,1))
}
.text-green-500 {
    --tw-text-opacity:1;
    color:rgb(14 159 110 / var(--tw-text-opacity,1))
}
.text-green-600 {
    --tw-text-opacity:1;
    color:rgb(5 122 85 / var(--tw-text-opacity,1))
}
.text-green-700 {
    --tw-text-opacity:1;
    color:rgb(4 108 78 / var(--tw-text-opacity,1))
}
.text-green-800 {
    --tw-text-opacity:1;
    color:rgb(3 84 63 / var(--tw-text-opacity,1))
}
.text-green-900 {
    --tw-text-opacity:1;
    color:rgb(1 71 55 / var(--tw-text-opacity,1))
}
.text-green-900\/50 {
    color:#01473780
}
.text-indigo-800 {
    --tw-text-opacity:1;
    color:rgb(66 56 157 / var(--tw-text-opacity,1))
}
.text-orange-900 {
    --tw-text-opacity:1;
    color:rgb(119 29 29 / var(--tw-text-opacity,1))
}
.text-orange-900\/50 {
    color:#771d1d80
}
.text-red-500 {
    --tw-text-opacity:1;
    color:rgb(240 82 82 / var(--tw-text-opacity,1))
}
.text-red-800 {
    --tw-text-opacity:1;
    color:rgb(155 28 28 / var(--tw-text-opacity,1))
}
.text-rose-500 {
    --tw-text-opacity:1;
    color:rgb(244 63 94 / var(--tw-text-opacity,1))
}
.text-sky-600 {
    --tw-text-opacity:1;
    color:rgb(2 132 199 / var(--tw-text-opacity,1))
}
.text-slate-600 {
    --tw-text-opacity:1;
    color:rgb(71 85 105 / var(--tw-text-opacity,1))
}
.text-violet-600 {
    --tw-text-opacity:1;
    color:rgb(124 58 237 / var(--tw-text-opacity,1))
}
.text-white {
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity,1))
}
.text-white\/50 {
    color:#ffffff80
}
.text-white\/60 {
    color:#fff9
}
.text-white\/80 {
    color:#fffc
}
.text-yellow-900 {
    --tw-text-opacity:1;
    color:rgb(99 49 18 / var(--tw-text-opacity,1))
}
.text-yellow-900\/50 {
    color:#63311280
}
.underline {
    text-decoration-line:underline
}
.line-through {
    text-decoration-line:line-through
}
.decoration-wavy {
    text-decoration-style:wavy
}
.underline-offset-4 {
    text-underline-offset:4px
}
.underline-offset-6 {
    text-underline-offset:6px
}
.antialiased {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.accent-black {
    accent-color:#000
}
.opacity-0 {
    opacity:0
}
.opacity-100 {
    opacity:1
}
.opacity-25 {
    opacity:.25
}
.opacity-30 {
    opacity:.3
}
.opacity-40 {
    opacity:.4
}
.opacity-50 {
    opacity:.5
}
.opacity-70 {
    opacity:.7
}
.opacity-80 {
    opacity:.8
}
.opacity-90 {
    opacity:.9
}
.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-2xl {
    --tw-shadow:0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored:0 25px 50px -12px 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-md {
    --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)
}
.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)
}
.outline {
    outline-style:solid
}
.ring-0 {
    --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(0px + 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-1 {
    --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,0 0 #0000)
}
.ring-inset {
    --tw-ring-inset:inset
}
.ring-gray-200 {
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(229 231 235 / var(--tw-ring-opacity, 1))
}
.ring-gray-900\/10 {
    --tw-ring-color:rgb(17 24 39 / .1)
}
.ring-gray-900\/5 {
    --tw-ring-color:rgb(17 24 39 / .05)
}
.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-3xl {
    --tw-blur:blur(64px);
    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-sm {
    --tw-drop-shadow:drop-shadow(0 1px 1px rgb(0 0 0 / .05));
    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-xl {
    --tw-drop-shadow:drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));
    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-blur-2xl {
    --tw-backdrop-blur:blur(40px);
    -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)
}
.backdrop-blur-sm {
    --tw-backdrop-blur:blur(4px);
    -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,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-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-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-1000 {
    transition-duration:1s
}
.duration-150 {
    transition-duration:.15s
}
.duration-200 {
    transition-duration:.2s
}
.duration-300 {
    transition-duration:.3s
}
.duration-500 {
    transition-duration:.5s
}
.ease-in {
    transition-timing-function:cubic-bezier(.4,0,1,1)
}
.ease-in-out {
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.ease-out {
    transition-timing-function:cubic-bezier(0,0,.2,1)
}
html {
    font-family:Inter,sans-serif
}
[x-cloak] {
    display:none
}
video {
    clip-path:inset(1px 1px)
}
.text-theme {
    --tw-text-opacity:1;
    color:rgb(0 0 0 / var(--tw-text-opacity,1))
}
.bg-theme {
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity,1))
}
.btn-theme {
    border-radius:.375rem;
    font-size:.875rem;
    line-height:1.25rem;
    font-weight:600;
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity,1));
    --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);
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity,1))
}
.btn-theme:hover {
    cursor:pointer;
    opacity:.9;
    --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)
}
.btn-theme:focus-visible {
    outline:2px solid #fff0;
    outline-offset:2px
}
.btn-theme:disabled {
    pointer-events:none;
    cursor:not-allowed;
    opacity:.6
}
.btn-white {
    border-radius:10px;
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));
    font-size:.875rem;
    line-height:1.25rem;
    font-weight:600;
    --tw-text-opacity:1;
    color:rgb(0 0 0 / var(--tw-text-opacity,1));
    --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)
}
.btn-white:hover {
    cursor:pointer;
    opacity:.9;
    --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)
}
.btn-white:focus-visible {
    outline:2px solid #fff0;
    outline-offset:2px
}
.btn-white:disabled {
    pointer-events:none;
    cursor:not-allowed;
    opacity:.6
}
.btn-link {
    font-size:.875rem;
    font-weight:600;
    line-height:1.5rem;
    --tw-text-opacity:1;
    color:rgb(17 24 39 / var(--tw-text-opacity,1))
}
.btn-link:disabled {
    pointer-events:none;
    cursor:not-allowed;
    opacity:.6
}
.btn-sm {
    padding:.5rem 1rem
}
.btn-md {
    padding:.75rem 1.5rem
}
.btn-lg {
    padding:1rem 2rem
}
.\!bg-gradient {
    background:#7c3aed!important;
    background:linear-gradient(to bottom,#8b5cf6,#7c3aed)!important
}
.bg-gradient {
    background:#7c3aed;
    background:linear-gradient(to bottom,#8b5cf6,#7c3aed)
}
.text-special {
    color:#8b5cf6
}
@supports ((-webkit-background-clip:text) or (background-clip:text)) {
    .text-special {
        background-image:linear-gradient(90deg,#ce4765,#ff0000 50%,#ce4765);
        background-clip:text;
        -webkit-background-clip:text;
        color:#fff0;
        -webkit-text-fill-color:#fff0
    }
}
mark {
    background:linear-gradient(to right,#8b5cf66b,#7c3aed6b);
    padding:0rem .4rem;
    border-radius:.175rem
}
.qrFloatHand {
    animation:handFloat 2s ease-in-out infinite
}
@keyframes handFloat {
    0% {
        transform:translateY(0) rotate(25deg)
    }
    50% {
        transform:translateY(-25px) rotate(5deg)
    }
    to {
        transform:translateY(0) rotate(25deg)
    }
}
.demoCategoryType:hover {
    background:var(--custom_hover_color)
}
.blur-overlay:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#00000080;
    z-index:10;
    pointer-events:none
}
.blur-overlay {
    position:relative;
    filter:blur(2px)
}
.customBgGradient {
    clip-path:polygon(63.1% 29.5%,100% 17.1%,76.6% 3%,48.4% 0%,44.6% 4.7%,54.5% 25.3%,59.8% 49%,55.2% 57.8%,44.4% 57.2%,27.8% 47.9%,35.1% 81.5%,0% 97.7%,39.2% 100%,35.2% 81.4%,97.2% 52.8%,63.1% 29.5%)
}
@keyframes plopInAnimation {
    0% {
        opacity:0;
        transform:translateY(2.5rem) rotateX(-25deg)
    }
    to {
        opacity:1;
        transform:translateY(0) rotateX(0)
    }
}
.fade-in {
    opacity:0;
    animation:fadeIn .8s ease forwards .4s
}
@keyframes fadeIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes fadeAndTranslateY {
    0% {
        opacity:0;
        transform:translateY(20px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
.marquee-logo-wrapper {
    z-index:0;
    position:relative;
    overflow:hidden
}
.marquee-logo-list {
    flex:none
}
.marquee-logo-list-before {
    z-index:2;
    background-image:linear-gradient(90deg,#fff,#fff0);
    width:160px;
    position:absolute;
    inset:0% auto 0% 0%
}
.marquee-logo-list-after {
    z-index:3;
    background-image:linear-gradient(270deg,#fff,#fff0);
    width:160px;
    position:absolute;
    inset:0% 0% 0% auto
}
.marquee-logo-list-inner {
    grid-column-gap:0;
    grid-row-gap:0;
    flex-flow:row;
    justify-content:flex-start;
    align-items:center;
    display:flex;
    -webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);
    mask-image:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000)
}
.marquee-logo-list {
    animation:marquee 80s linear infinite
}
.marquee-logo-grid {
    grid-column-gap:16px;
    grid-row-gap:16px;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns:1fr;
    display:grid
}
.marquee-logo-grid.is-scrolling {
    grid-column-gap:0;
    grid-row-gap:0;
    flex-wrap:nowrap;
    display:flex
}
.marquee-logo-item {
    flex:none;
    width:100%
}
.marquee-logo-item.is-scrolling {
    width:auto
}
.client-logo-img {
    width:auto;
    height:56px
}
@media screen and (max-width:767px) {
    .marquee-logo-grid {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
    .marquee-logo-list-before,.marquee-logo-list-after {
        width:100px
    }
}
@media screen and (max-width:479px) {
    .marquee-logo-grid {
        grid-template-columns:1fr 1fr;
        max-width:320px;
        margin-left:auto;
        margin-right:auto
    }
    .marquee-logo-grid.is-scrolling {
        max-width:none
    }
}
@keyframes marquee {
    0% {
        transform:translate(0) translateZ(0)
    }
    to {
        transform:translate(-100%) translateZ(0)
    }
}
@property --rotate {
    syntax:"<angle>";
    initial-value:0deg;
    inherits:false
}
@keyframes rotate-gradient {
    0% {
        --rotate:0deg
    }
    to {
        --rotate:360deg
    }
}
@keyframes tiltAnimation {
    0% {
        transform:perspective(1000px) rotateX(40deg)
    }
    to {
        transform:perspective(1000px) rotateX(0)
    }
}
.whatsapp-widget {
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:1000
}
.chat-popup {
    position:absolute;
    bottom:80px;
    right:0;
    width:350px;
    border-radius:16px;
    overflow:hidden;
    box-shadow:#0000004d 0 4px 30px;
    transition:all .3s ease;
    opacity:0;
    transform:translateY(20px);
    pointer-events:none
}
.chat-popup.active {
    opacity:1;
    transform:translateY(0);
    pointer-events:all
}
.notification-dot {
    position:absolute;
    top:2px;
    right:2px;
    width:10px;
    height:10px;
    background-color:#f43f5e;
    border-radius:50%
}
.chat-body {
    background-repeat:repeat;
    background-color:#e5ded8;
    height:220px;
    overflow-y:auto;
    padding:24px 16px 16px 32px
}
.message-bubble {
    background-color:#fff;
    border-radius:0 16px 16px;
    padding:6px 14px;
    max-width:80%;
    margin-bottom:8px;
    box-shadow:#00000026 0 1px;
    position:relative;
    font-size:15px
}
.bubble-arrow {
    position:absolute;
    top:0;
    left:-8px;
    color:#fff
}
@media (max-width:768px) {
    .chat-popup {
        width:330px
    }
}
.gradientShadow {
    background:linear-gradient(180deg,#fff0,#fff);
    bottom:0;
    flex:none;
    height:80px;
    left:0;
    overflow:visible;
    position:absolute;
    right:0;
    z-index:5
}
.demo-showcase-container img {
    border:6px solid #111827;
    border-bottom:0;
    border-radius:1.25rem 1.25rem 0 0;
    box-shadow:#00000040 0 25px 50px -12px
}
@media (max-width:768px) {
    .demo-showcase-container img {
        border:4px solid #111827;
        border-radius:.75rem .75rem 0 0
    }
}
.\[mask-image\:radial-gradient\(32rem_32rem_at_center\,white\,transparent\)\] {
    -webkit-mask-image:radial-gradient(32rem 32rem at center,white,transparent);
    mask-image:radial-gradient(32rem 32rem at center,white,transparent)
}
.\[mask-image\:radial-gradient\(closest-side\,white\,transparent\)\] {
    -webkit-mask-image:radial-gradient(closest-side,white,transparent);
    mask-image:radial-gradient(closest-side,white,transparent)
}
.\*\:text-yellow-400>* {
    --tw-text-opacity:1;
    color:rgb(227 160 8 / var(--tw-text-opacity,1))
}
.first-letter\:capitalize:first-letter {
    text-transform:capitalize
}
.placeholder\:text-gray-300::-moz-placeholder {
    --tw-text-opacity:1;
    color:rgb(209 213 219 / var(--tw-text-opacity,1))
}
.placeholder\:text-gray-300::placeholder {
    --tw-text-opacity:1;
    color:rgb(209 213 219 / var(--tw-text-opacity,1))
}
.placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity,1))
}
.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity,1))
}
.hover\:cursor-help:hover {
    cursor:help
}
.hover\:border-gray-300:hover {
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity,1))
}
.hover\:bg-black:hover {
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity,1))
}
.hover\:bg-blue-700:hover {
    --tw-bg-opacity:1;
    background-color:rgb(26 86 219 / var(--tw-bg-opacity,1))
}
.hover\:bg-blue-800:hover {
    --tw-bg-opacity:1;
    background-color:rgb(30 66 159 / var(--tw-bg-opacity,1))
}
.hover\:bg-emerald-600:hover {
    --tw-bg-opacity:1;
    background-color:rgb(5 150 105 / var(--tw-bg-opacity,1))
}
.hover\:bg-gray-100:hover {
    --tw-bg-opacity:1;
    background-color:rgb(243 244 246 / 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-slate-200:hover {
    --tw-bg-opacity:1;
    background-color:rgb(226 232 240 / var(--tw-bg-opacity,1))
}
.hover\:bg-white:hover {
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))
}
.hover\:text-black:hover {
    --tw-text-opacity:1;
    color:rgb(0 0 0 / var(--tw-text-opacity,1))
}
.hover\:text-blue-600:hover {
    --tw-text-opacity:1;
    color:rgb(28 100 242 / var(--tw-text-opacity,1))
}
.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-gray-900:hover {
    --tw-text-opacity:1;
    color:rgb(17 24 39 / var(--tw-text-opacity,1))
}
.hover\:text-gray-950:hover {
    --tw-text-opacity:1;
    color:rgb(3 7 18 / var(--tw-text-opacity,1))
}
.hover\:text-sky-800:hover {
    --tw-text-opacity:1;
    color:rgb(7 89 133 / var(--tw-text-opacity,1))
}
.hover\:underline:hover {
    text-decoration-line:underline
}
.hover\:opacity-100:hover {
    opacity:1
}
.focus\:border-blue-500:focus {
    --tw-border-opacity:1;
    border-color:rgb(63 131 248 / var(--tw-border-opacity,1))
}
.focus\:border-gray-600:focus {
    --tw-border-opacity:1;
    border-color:rgb(75 85 99 / var(--tw-border-opacity,1))
}
.focus\:opacity-100:focus {
    opacity:1
}
.focus\:outline-none:focus {
    outline:2px solid #fff0;
    outline-offset:2px
}
.focus\:ring-0: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(0px + 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-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-blue-300:focus {
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(164 202 254 / var(--tw-ring-opacity, 1))
}
.focus\:ring-blue-500:focus {
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(63 131 248 / var(--tw-ring-opacity, 1))
}
.focus\:ring-gray-100:focus {
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(243 244 246 / var(--tw-ring-opacity, 1))
}
.focus\:ring-gray-200:focus {
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(229 231 235 / var(--tw-ring-opacity, 1))
}
.focus\:ring-gray-600:focus {
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(75 85 99 / var(--tw-ring-opacity, 1))
}
.focus\:ring-violet-300:focus {
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(196 181 253 / var(--tw-ring-opacity, 1))
}
.focus\:ring-offset-2:focus {
    --tw-ring-offset-width:2px
}
.focus-visible\:outline:focus-visible {
    outline-style:solid
}
.focus-visible\:outline-2:focus-visible {
    outline-width:2px
}
.focus-visible\:outline-offset-2:focus-visible {
    outline-offset:2px
}
.rtl {
    direction:rtl
}
.focus-visible\:outline-violet-600:focus-visible {
    outline-color:#7c3aed
}
.disabled\:cursor-not-allowed:disabled {
    cursor:not-allowed
}
.disabled\:opacity-50:disabled {
    opacity:.5
}
.disabled\:opacity-60:disabled {
    opacity:.6
}
.disabled\:opacity-70:disabled {
    opacity:.7
}
.hover\:disabled\:cursor-not-allowed:disabled:hover {
    cursor:not-allowed
}
.group:hover .group-hover\:visible {
    visibility:visible
}
.group:hover .group-hover\:right-0 {
    right:0
}
.group:hover .group-hover\:bg-gray-200 {
    --tw-bg-opacity:1;
    background-color:rgb(229 231 235 / var(--tw-bg-opacity,1))
}
.group:hover .group-hover\:opacity-100 {
    opacity:1
}
.dark\:border-blue-500:is(.dark *) {
    --tw-border-opacity:1;
    border-color:rgb(63 131 248 / var(--tw-border-opacity,1))
}
.dark\:border-gray-600:is(.dark *) {
    --tw-border-opacity:1;
    border-color:rgb(75 85 99 / var(--tw-border-opacity,1))
}
.dark\:border-gray-700:is(.dark *) {
    --tw-border-opacity:1;
    border-color:rgb(55 65 81 / var(--tw-border-opacity,1))
}
.dark\:border-transparent:is(.dark *) {
    border-color:#fff0
}
.dark\:\!bg-gray-700:is(.dark *) {
    --tw-bg-opacity:1 !important;
    background-color:rgb(55 65 81 / var(--tw-bg-opacity,1))!important
}
.dark\:bg-blue-600:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:rgb(28 100 242 / var(--tw-bg-opacity,1))
}
.dark\:bg-gray-600:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:rgb(75 85 99 / var(--tw-bg-opacity,1))
}
.dark\:bg-gray-700:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:rgb(55 65 81 / var(--tw-bg-opacity,1))
}
.dark\:bg-gray-800:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:rgb(31 41 55 / var(--tw-bg-opacity,1))
}
.dark\:bg-gray-800\/50:is(.dark *) {
    background-color:#1f293780
}
.dark\:bg-gray-900\/80:is(.dark *) {
    background-color:#111827cc
}
.dark\:text-blue-500:is(.dark *) {
    --tw-text-opacity:1;
    color:rgb(63 131 248 / var(--tw-text-opacity,1))
}
.dark\:text-gray-200:is(.dark *) {
    --tw-text-opacity:1;
    color:rgb(229 231 235 / var(--tw-text-opacity,1))
}
.dark\:text-gray-400:is(.dark *) {
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity,1))
}
.dark\:text-gray-500:is(.dark *) {
    --tw-text-opacity:1;
    color:rgb(107 114 128 / var(--tw-text-opacity,1))
}
.dark\:text-white:is(.dark *) {
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity,1))
}
.dark\:hover\:bg-blue-700:hover:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:rgb(26 86 219 / var(--tw-bg-opacity,1))
}
.dark\:hover\:bg-gray-600:hover:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:rgb(75 85 99 / var(--tw-bg-opacity,1))
}
.dark\:hover\:bg-gray-800:hover:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:rgb(31 41 55 / var(--tw-bg-opacity,1))
}
.dark\:hover\:text-blue-500:hover:is(.dark *) {
    --tw-text-opacity:1;
    color:rgb(63 131 248 / var(--tw-text-opacity,1))
}
.dark\:hover\:text-gray-300:hover:is(.dark *) {
    --tw-text-opacity:1;
    color:rgb(209 213 219 / var(--tw-text-opacity,1))
}
.dark\:hover\:text-white:hover:is(.dark *) {
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity,1))
}
@media (min-width:640px) {
    .sm\:absolute {
        position:absolute
    }
    .sm\:sticky {
        position:sticky
    }
    .sm\:bottom-\[-2rem\] {
        bottom:-2rem
    }
    .sm\:left-\[calc\(50\%\+36rem\)\] {
        left:calc(50% + 36rem)
    }
    .sm\:left-full {
        left:100%
    }
    .sm\:right-\[-4\.5rem\] {
        right:-4.5rem
    }
    .sm\:top-24 {
        top:6rem
    }
    .sm\:top-28 {
        top:7rem
    }
    .sm\:top-\[calc\(100\%-30rem\)\] {
        top:calc(100% - 30rem)
    }
    .sm\:order-1 {
        order:1
    }
    .sm\:order-2 {
        order:2
    }
    .sm\:order-3 {
        order:3
    }
    .sm\:col-span-12 {
        grid-column:span 12 / span 12
    }
    .sm\:col-span-2 {
        grid-column:span 2 / span 2
    }
    .sm\:col-span-6 {
        grid-column:span 6 / span 6
    }
    .sm\:col-start-2 {
        grid-column-start:2
    }
    .sm\:col-start-auto {
        grid-column-start:auto
    }
    .sm\:mx-0 {
        margin-left:0;
        margin-right:0
    }
    .sm\:-ml-80 {
        margin-left:-20rem
    }
    .sm\:-mt-16 {
        margin-top:-4rem
    }
    .sm\:-mt-44 {
        margin-top:-11rem
    }
    .sm\:mb-0 {
        margin-bottom:0
    }
    .sm\:ml-0 {
        margin-left:0
    }
    .sm\:mr-0 {
        margin-right:0
    }
    .sm\:mt-0 {
        margin-top:0
    }
    .sm\:mt-16 {
        margin-top:4rem
    }
    .sm\:mt-20 {
        margin-top:5rem
    }
    .sm\:mt-24 {
        margin-top:6rem
    }
    .sm\:mt-28 {
        margin-top:7rem
    }
    .sm\:mt-6 {
        margin-top:1.5rem
    }
    .sm\:mt-8 {
        margin-top:2rem
    }
    .sm\:block {
        display:block
    }
    .sm\:flex {
        display:flex
    }
    .sm\:hidden {
        display:none
    }
    .sm\:size-16 {
        width:4rem;
        height:4rem
    }
    .sm\:h-\[362px\] {
        height:362px
    }
    .sm\:w-1\/2 {
        width:50%
    }
    .sm\:w-10 {
        width:2.5rem
    }
    .sm\:w-4\/6 {
        width:66.666667%
    }
    .sm\:w-72 {
        width:18rem
    }
    .sm\:w-\[188px\] {
        width:188px
    }
    .sm\:w-\[550px\] {
        width:550px
    }
    .sm\:w-\[72\.1875rem\] {
        width:72.1875rem
    }
    .sm\:w-auto {
        width:auto
    }
    .sm\:max-w-lg {
        max-width:32rem
    }
    .sm\:max-w-md {
        max-width:28rem
    }
    .sm\:max-w-none {
        max-width:none
    }
    .sm\:max-w-sm {
        max-width:24rem
    }
    .sm\:max-w-xl {
        max-width:36rem
    }
    .sm\:grid-cols-1 {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
    .sm\:grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .sm\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .sm\:grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .sm\:grid-cols-6 {
        grid-template-columns:repeat(6,minmax(0,1fr))
    }
    .sm\:flex-row {
        flex-direction:row
    }
    .sm\:flex-row-reverse {
        flex-direction:row-reverse
    }
    .sm\:flex-col {
        flex-direction:column
    }
    .sm\:flex-nowrap {
        flex-wrap:nowrap
    }
    .sm\:items-center {
        align-items:center
    }
    .sm\:justify-start {
        justify-content:flex-start
    }
    .sm\:justify-end {
        justify-content:flex-end
    }
    .sm\:gap-2 {
        gap:.5rem
    }
    .sm\:gap-24 {
        gap:6rem
    }
    .sm\:gap-4 {
        gap:1rem
    }
    .sm\:gap-6 {
        gap:1.5rem
    }
    .sm\:gap-8 {
        gap:2rem
    }
    .sm\:gap-x-10 {
        -moz-column-gap:2.5rem;
        column-gap:2.5rem
    }
    .sm\:gap-x-2 {
        -moz-column-gap:.5rem;
        column-gap:.5rem
    }
    .sm\:gap-y-14 {
        row-gap:3.5rem
    }
    .sm\:space-y-40>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse:0;
        margin-top:calc(10rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom:calc(10rem * var(--tw-space-y-reverse))
    }
    .sm\:rounded-2xl {
        border-radius:1rem
    }
    .sm\:p-10 {
        padding:2.5rem
    }
    .sm\:p-12 {
        padding:3rem
    }
    .sm\:p-4 {
        padding:1rem
    }
    .sm\:p-6 {
        padding:1.5rem
    }
    .sm\:p-8 {
        padding:2rem
    }
    .sm\:px-0 {
        padding-left:0;
        padding-right:0
    }
    .sm\:px-12 {
        padding-left:3rem;
        padding-right:3rem
    }
    .sm\:px-6 {
        padding-left:1.5rem;
        padding-right:1.5rem
    }
    .sm\:px-8 {
        padding-left:2rem;
        padding-right:2rem
    }
    .sm\:py-0 {
        padding-top:0;
        padding-bottom:0
    }
    .sm\:py-12 {
        padding-top:3rem;
        padding-bottom:3rem
    }
    .sm\:py-14 {
        padding-top:3.5rem;
        padding-bottom:3.5rem
    }
    .sm\:py-24 {
        padding-top:6rem;
        padding-bottom:6rem
    }
    .sm\:py-32 {
        padding-top:8rem;
        padding-bottom:8rem
    }
    .sm\:py-36 {
        padding-top:9rem;
        padding-bottom:9rem
    }
    .sm\:py-8 {
        padding-top:2rem;
        padding-bottom:2rem
    }
    .sm\:pb-16 {
        padding-bottom:4rem
    }
    .sm\:pb-28 {
        padding-bottom:7rem
    }
    .sm\:pb-8 {
        padding-bottom:2rem
    }
    .sm\:pl-20 {
        padding-left:5rem
    }
    .sm\:pt-0 {
        padding-top:0
    }
    .sm\:pt-12 {
        padding-top:3rem
    }
    .sm\:pt-28 {
        padding-top:7rem
    }
    .sm\:pt-32 {
        padding-top:8rem
    }
    .sm\:pt-40 {
        padding-top:10rem
    }
    .sm\:pt-52 {
        padding-top:13rem
    }
    .sm\:pt-60 {
        padding-top:15rem
    }
    .sm\:pt-80 {
        padding-top:20rem
    }
    .sm\:text-2xl {
        font-size:1.5rem;
        line-height:2rem
    }
    .sm\:text-3xl {
        font-size:1.875rem;
        line-height:2.25rem
    }
    .sm\:text-4xl {
        font-size:2.25rem;
        line-height:2.5rem
    }
    .sm\:text-5xl {
        font-size:3rem;
        line-height:1
    }
    .sm\:text-6xl {
        font-size:3.75rem;
        line-height:1
    }
    .sm\:text-7xl {
        font-size:4.5rem;
        line-height:1
    }
    .sm\:text-lg {
        font-size:1.125rem;
        line-height:1.75rem
    }
    .sm\:text-xl {
        font-size:1.25rem;
        line-height:1.75rem
    }
    .sm\:leading-6 {
        line-height:1.5rem
    }
    .sm\:leading-8 {
        line-height:2rem
    }
    .sm\:leading-\[5rem\] {
        line-height:5rem
    }
    .sm\:ring-1 {
        --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,0 0 #0000)
    }
    .sm\:ring-gray-900\/10 {
        --tw-ring-color:rgb(17 24 39 / .1)
    }
}
@media (min-width:768px) {
    .md\:mt-0 {
        margin-top:0
    }
    .md\:mt-6 {
        margin-top:1.5rem
    }
    .md\:inline {
        display:inline
    }
    .md\:grid {
        display:grid
    }
    .md\:w-auto {
        width:auto
    }
    .md\:grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .md\:gap-8 {
        gap:2rem
    }
    .md\: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))
    }
    .md\:px-0 {
        padding-left:0;
        padding-right:0
    }
    .md\:px-8 {
        padding-left:2rem;
        padding-right:2rem
    }
    .md\:pt-24 {
        padding-top:6rem
    }
    .md\:text-2xl {
        font-size:1.5rem;
        line-height:2rem
    }
    .md\:text-4xl {
        font-size:2.25rem;
        line-height:2.5rem
    }
}
@media (min-width:1024px) {
    .lg\:left-1\/2 {
        left:50%
    }
    .lg\:order-last {
        order:9999
    }
    .lg\:col-span-1 {
        grid-column:span 1 / span 1
    }
    .lg\:col-span-5 {
        grid-column:span 5 / span 5
    }
    .lg\:col-span-7 {
        grid-column:span 7 / span 7
    }
    .lg\:mx-0 {
        margin-left:0;
        margin-right:0
    }
    .lg\:ml-0 {
        margin-left:0
    }
    .lg\:ml-24 {
        margin-left:6rem
    }
    .lg\:mt-0 {
        margin-top:0
    }
    .lg\:flex {
        display:flex
    }
    .lg\:grid {
        display:grid
    }
    .lg\:hidden {
        display:none
    }
    .lg\:w-full {
        width:100%
    }
    .lg\:max-w-7xl {
        max-width:80rem
    }
    .lg\:max-w-md {
        max-width:28rem
    }
    .lg\:max-w-none {
        max-width:none
    }
    .lg\:flex-1 {
        flex:1 1 0%
    }
    .lg\:flex-auto {
        flex:1 1 auto
    }
    .lg\:flex-shrink-0,.lg\:shrink-0 {
        flex-shrink:0
    }
    .lg\:flex-grow {
        flex-grow:1
    }
    .lg\:-translate-x-1\/2 {
        --tw-translate-x:-50%;
        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\:translate-y-0 {
        --tw-translate-y: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))
    }
    .lg\:grid-cols-12 {
        grid-template-columns:repeat(12,minmax(0,1fr))
    }
    .lg\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .lg\:grid-cols-5 {
        grid-template-columns:repeat(5,minmax(0,1fr))
    }
    .lg\:flex-row {
        flex-direction:row
    }
    .lg\:flex-col {
        flex-direction:column
    }
    .lg\:items-center {
        align-items:center
    }
    .lg\:justify-end {
        justify-content:flex-end
    }
    .lg\:justify-center {
        justify-content:center
    }
    .lg\:justify-between {
        justify-content:space-between
    }
    .lg\:gap-8 {
        gap:2rem
    }
    .lg\:gap-x-10 {
        -moz-column-gap:2.5rem;
        column-gap:2.5rem
    }
    .lg\:gap-x-12 {
        -moz-column-gap:3rem;
        column-gap:3rem
    }
    .lg\:gap-x-20 {
        -moz-column-gap:5rem;
        column-gap:5rem
    }
    .lg\:px-8 {
        padding-left:2rem;
        padding-right:2rem
    }
    .lg\:py-16 {
        padding-top:4rem;
        padding-bottom:4rem
    }
    .lg\:py-24 {
        padding-top:6rem;
        padding-bottom:6rem
    }
    .lg\:py-40 {
        padding-top:10rem;
        padding-bottom:10rem
    }
    .lg\:pb-40 {
        padding-bottom:10rem
    }
    .lg\:pl-0 {
        padding-left:0
    }
    .lg\:pt-0 {
        padding-top:0
    }
    .lg\:pt-36 {
        padding-top:9rem
    }
    .lg\:pt-4 {
        padding-top:1rem
    }
    .lg\:text-left {
        text-align:left
    }
}
@media (min-width:1280px) {
    .xl\:order-none {
        order:0
    }
    .xl\:col-span-2 {
        grid-column:span 2 / span 2
    }
    .xl\:col-start-2 {
        grid-column-start:2
    }
    .xl\:row-span-2 {
        grid-row:span 2 / span 2
    }
    .xl\:row-start-1 {
        grid-row-start:1
    }
    .xl\:row-end-1 {
        grid-row-end:1
    }
    .xl\:mx-0 {
        margin-left:0;
        margin-right:0
    }
    .xl\:-mt-8 {
        margin-top:-2rem
    }
    .xl\:ml-0 {
        margin-left:0
    }
    .xl\:ml-48 {
        margin-left:12rem
    }
    .xl\:mr-\[calc\(50\%-12rem\)\] {
        margin-right:calc(50% - 12rem)
    }
    .xl\:mt-0 {
        margin-top:0
    }
    .xl\:grid {
        display:grid
    }
    .xl\:contents {
        display:contents
    }
    .xl\:max-w-2xl {
        max-width:42rem
    }
    .xl\:max-w-3xl {
        max-width:48rem
    }
    .xl\:max-w-none {
        max-width:none
    }
    .xl\:grid-flow-col {
        grid-auto-flow:column
    }
    .xl\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .xl\:grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .xl\:justify-end {
        justify-content:flex-end
    }
    .xl\:gap-8 {
        gap:2rem
    }
    .xl\: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))
    }
    .xl\:p-0 {
        padding:0
    }
    .xl\:pt-80 {
        padding-top:20rem
    }
}
.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *) {
    --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))
}
.rtl\:space-x-reverse:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:1
}
.\[\&\>\*\]\:rounded-md>* {
    border-radius:.375rem
}
.\[\&\>\*\]\:shadow-md>* {
    --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)
}