.ads a>img {
    width: 100%;
    height: auto
}

.style_wrapper-list-hot__3SQT1 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem
}

@media (min-width:1024px) {
    .style_wrapper-list-hot__3SQT1 {
        padding-left: 0;
        padding-right: 0
    }
}

.style_wrapper-list-hot__3SQT1>div {
    height: auto;
    width: 100%;
    padding: .5rem
}

@media (min-width:768px) {
    .style_wrapper-list-hot__3SQT1>div {
        width: 50%
    }
}

@media (min-width:1536px) {
    .style_wrapper-list-hot__3SQT1>div {
        width: 33.333333%
    }
}

@media (min-width:768px) {
    .style_wrapper-list-hot__3SQT1>div:nth-child(3n) {
        padding-right: .5rem
    }
}

@media (min-width:1536px) {
    .style_wrapper-list-hot__3SQT1>div:nth-child(3n) {
        padding-right: 0
    }
    .style_wrapper-list-hot__3SQT1>div:nth-child(3n+1) {
        padding-left: 0
    }
}

.style_header-sport-type__QX1EK {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    padding: 1rem 1rem 1.5rem
}

@media (min-width:768px) {
    .style_header-sport-type__QX1EK {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    .style_header-sport-type__QX1EK {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1280px) {
    .style_header-sport-type__QX1EK {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
}

.style_header-sport-type__QX1EK a {
    position: relative;
    display: flex;
    height: 6rem;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border-radius: 1rem;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s
}

.style_header-sport-type__QX1EK a span {
    font-size: .875rem;
    line-height: 1.25rem
}

.style_header-sport-type__QX1EK a .style_img-wrapper__tlCo0 {
    position: relative
}

.style_header-sport-type__QX1EK a .style_img-wrapper__tlCo0 .style_count-icon__zeIsz {
    position: absolute;
    top: -.75rem;
    left: -.75rem;
    display: flex;
    height: 1.25rem;
    width: 1.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    font-size: .625rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.style_header-sport-type__QX1EK a .style_live-icon__fTQCR {
    position: absolute;
    top: .75rem;
    right: .75rem;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(247 73 73/var(--tw-bg-opacity, 1));
    padding-left: .25rem;
    padding-right: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}
.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide * {
    box-sizing: inherit
}

.glide__slides,
.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slide,
.glide__slides--dragging {
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.glide__slide a {
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows,
.glide__bullets {
    -webkit-touch-callout: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.glide__arrow {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid hsla(0, 0%, 100%, .5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    text-shadow: 0 .25em .5em rgba(0, 0, 0, .1);
    opacity: 1;
    cursor: pointer;
    transition: opacity .15s ease, border .3s ease-in-out;
    transform: translateY(-50%);
    line-height: 1
}

.glide__arrow:focus {
    outline: none
}

.glide__arrow:hover {
    border-color: #fff
}

.glide__arrow--left {
    left: 2em
}

.glide__arrow--right {
    right: 2em
}

.glide__arrow--disabled {
    opacity: .33
}

.glide__bullets {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translateX(-50%)
}

.glide__bullet {
    background-color: hsla(0, 0%, 100%, .5);
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    margin: 0 .25em
}

.glide__bullet:focus {
    outline: none
}

.glide__bullet:focus,
.glide__bullet:hover {
    border: 2px solid #fff;
    background-color: hsla(0, 0%, 100%, .5)
}

.glide__bullet--active {
    background-color: #fff
}

.glide--swipeable {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.glide--dragging {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

@font-face {
    font-family: icomoon;
    src: url(../../../fonts/icomoonecfd.eot?sxxkxi), url(../../../fonts/icomoonecfd.eot?sxxkxi#iefix) format("embedded-opentype"), url(../../../fonts/icomoonecfd.ttf?sxxkxi) format("truetype"), url(../../../fonts/icomoonecfd.woff?sxxkxi) format("woff"), url(../../../fonts/icomoonecfd.svg?sxxkxi#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-radar:before {
    content: "";
    color: #f74949
}

.icon-microphone-2:before {
    content: ""
}

.icon-send-2:before {
    content: ""
}

.icon-emoji-happy:before {
    content: ""
}

.icon-user-edit:before {
    content: ""
}

.icon-message-tick:before {
    content: ""
}

.icon-maximize-2:before {
    content: ""
}

.icon-play-circle:before {
    content: ""
}

.icon-cup:before {
    content: ""
}

.border-gradient {
    border-image: linear-gradient(90deg, hsla(0, 0%, 9%, 0), #cfcfcf 35.5%, #cfcfcf 64.5%, hsla(0, 0%, 9%, 0)) 1
}

.border-gradient-2 {
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg, #2c2c2c, #747474 52%, #2c2c2c) 1
}

.single-ban a {
    display: inline-flex;
    height: 100%
}

.single-ban a img {
    height: 100%
}

.host-bet-detail span {
    color: #fff !important
}

.host-bet-detail img {
    margin: 30px 0 0
}

.live {
    animation: live 1s linear infinite
}

body.fullscreen {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

body.fullscreen .match-stream {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5rem;
    margin: 0 !important;
    z-index: 9999;
    background: #202020
}

body.fullscreen .match-stream .wrap-link {
    padding: 10px 0 0
}

body.fullscreen .btt {
    display: none
}

@media(max-width:1200px) {
    body.fullscreen .match-stream {
        display: flex;
        flex-direction: column
    }
    body.fullscreen .match-stream .chat-container {
        flex: 1;
        flex-direction: column-reverse
    }
    body.fullscreen .match-stream .chat-container>div:first-child {
        display: none
    }
    body.fullscreen .match-stream .chat-container #chat {
        height: 100%
    }
}

@media(min-width:768px)and (max-width:1200px) {
    body.fullscreen .match-stream .player-container {
        height: 60%
    }
    body.fullscreen .match-stream .player-container .pb-\[56\.5\%\] {
        padding-bottom: 43.5%
    }
    body.fullscreen .match-stream .chat-container {
        height: 40%
    }
}

@keyframes live {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.hilightLinkWebsite {
    animation: animationRedOrange 1.5s ease infinite !important;
    text-align: center
}

@keyframes animationRedOrange {
    0% {
        background-color: red
    }
    50% {
        background-color: #efa41d
    }
    to {
        background-color: red
    }
}

*,
:after,
:before {
    --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: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    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,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

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

.pointer-events-none {
    pointer-events: none
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0
}

.-left-4 {
    left: -1rem
}

.-right-4 {
    right: -1rem
}

.-top-4 {
    top: -1rem
}

.bottom-0 {
    bottom: 0
}

.bottom-4 {
    bottom: 1rem
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.-z-10 {
    z-index: -10
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[9999\] {
    z-index: 9999
}

.order-1 {
    order: 1
}

.m-0\.5 {
    margin: .125rem
}

.m-auto {
    margin: auto
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-8 {
    margin-bottom: 2rem
}

.me-2 {
    margin-inline-end: .5rem
}

.ml-1 {
    margin-left: .25rem
}

.mr-auto {
    margin-right: auto
}

.ms-auto {
    margin-inline-start: auto
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-20 {
    height: 5rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[400px\] {
    height: 400px
}

.h-\[700px\] {
    height: 700px
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-24 {
    max-height: 6rem
}

.max-h-6 {
    max-height: 1.5rem
}

.min-h-10 {
    min-height: 2.5rem
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-5 {
    width: 1.25rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[10\%\] {
    width: 10%
}

.w-\[500px\] {
    width: 500px
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.max-w-36 {
    max-width: 9rem
}

.max-w-40 {
    max-width: 10rem
}

.max-w-44 {
    max-width: 11rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-8xl {
    max-width: 1740px
}

.max-w-\[150px\] {
    max-width: 150px
}

.max-w-\[1700px\] {
    max-width: 1700px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-full {
    max-width: 100%
}

.max-w-max {
    max-width: max-content
}

.flex-1 {
    flex: 1 1 0%
}

.shrink-0 {
    flex-shrink: 0
}

.basis-full {
    flex-basis: 100%
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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%
}

@keyframes marquee-single {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(-100%)
    }
}

.animate-marquee-single {
    animation: marquee-single 30s linear infinite
}

.cursor-pointer {
    cursor: pointer
}

.list-none {
    list-style-type: none
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-evenly {
    justify-content: space-evenly
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.overflow-hidden {
    overflow: hidden
}

.text-ellipsis {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.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-xl {
    border-radius: .75rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-b {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-t {
    border-top-width: 1px
}

.border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253/var(--tw-border-opacity, 1))
}

.border-green-1 {
    --tw-border-opacity: 1;
    border-color: rgb(94 186 110/var(--tw-border-opacity, 1))
}

.border-neutral-2 {
    --tw-border-opacity: 1;
    border-color: rgb(87 95 106/var(--tw-border-opacity, 1))
}

.border-neutral-3 {
    --tw-border-opacity: 1;
    border-color: rgb(138 151 169/var(--tw-border-opacity, 1))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(247 73 73/var(--tw-border-opacity, 1))
}

.border-primary-1 {
    --tw-border-opacity: 1;
    border-color: rgb(247 115 73/var(--tw-border-opacity, 1))
}

.bg-\[\#242932\] {
    --tw-bg-opacity: 1;
    background-color: rgb(36 41 50/var(--tw-bg-opacity, 1))
}

.bg-\[\#2E323A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(46 50 58/var(--tw-bg-opacity, 1))
}

.bg-\[\#5a5a5a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(90 90 90/var(--tw-bg-opacity, 1))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/80 {
    background-color: rgba(0, 0, 0, .8)
}

.bg-btnlink {
    --tw-bg-opacity: 1;
    background-color: rgb(43 45 49/var(--tw-bg-opacity, 1))
}

.bg-chat {
    --tw-bg-opacity: 1;
    background-color: rgb(32 32 32/var(--tw-bg-opacity, 1))
}

.bg-green-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(94 186 110/var(--tw-bg-opacity, 1))
}

.bg-neutral-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(87 95 106/var(--tw-bg-opacity, 1))
}

.bg-neutral-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(138 151 169/var(--tw-bg-opacity, 1))
}

.bg-neutral-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(58 64 76/var(--tw-bg-opacity, 1))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(247 73 73/var(--tw-bg-opacity, 1))
}

.bg-primary-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 115 73/var(--tw-bg-opacity, 1))
}

.bg-stats {
    background-color: rgba(97, 97, 97, .24)
}

.bg-third {
    --tw-bg-opacity: 1;
    background-color: rgb(73 134 247/var(--tw-bg-opacity, 1))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-opacity-25 {
    --tw-bg-opacity: 0.25
}

.from-\[\#18AF5C\] {
    --tw-gradient-from: #18af5c var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(24, 175, 92, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#3B4762\] {
    --tw-gradient-from: #3b4762 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(59, 71, 98, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#FA764C\] {
    --tw-gradient-from: #fa764c var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(250, 118, 76, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#0A5D0D\] {
    --tw-gradient-to: #0a5d0d var(--tw-gradient-to-position)
}

.to-\[\#252E3F\] {
    --tw-gradient-to: #252e3f var(--tw-gradient-to-position)
}

.to-\[\#C84217\] {
    --tw-gradient-to: #c84217 var(--tw-gradient-to-position)
}

.object-cover {
    object-fit: cover
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.\!px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.\!pr-4 {
    padding-right: 1rem !important
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-7 {
    padding-bottom: 1.75rem
}

.pb-\[56\.5\%\] {
    padding-bottom: 56.5%
}

.pe-3 {
    padding-inline-end: .75rem
}

.pr-3 {
    padding-right: .75rem
}

.ps-3 {
    padding-inline-start: .75rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.\!text-\[11px\] {
    font-size: 11px !important
}

.\!text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.\!font-medium {
    font-weight: 500 !important
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[26px\] {
    line-height: 26px
}

.leading-none {
    line-height: 1
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.text-green-1 {
    --tw-text-opacity: 1;
    color: rgb(94 186 110/var(--tw-text-opacity, 1))
}

.text-minute {
    --tw-text-opacity: 1;
    color: rgb(48 214 36/var(--tw-text-opacity, 1))
}

.text-neutral-3 {
    --tw-text-opacity: 1;
    color: rgb(138 151 169/var(--tw-text-opacity, 1))
}

.text-neutral-4 {
    --tw-text-opacity: 1;
    color: rgb(222 228 233/var(--tw-text-opacity, 1))
}

.text-neutral-7 {
    --tw-text-opacity: 1;
    color: rgb(185 201 232/var(--tw-text-opacity, 1))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(247 73 73/var(--tw-text-opacity, 1))
}

.text-primary-1 {
    --tw-text-opacity: 1;
    color: rgb(247 115 73/var(--tw-text-opacity, 1))
}

.text-text {
    --tw-text-opacity: 1;
    color: rgb(222 228 233/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.outline-blue-600 {
    outline-color: #2563eb
}

.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-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-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-150,
.transition-all {
    transition-duration: .15s
}

.duration-300 {
    transition-duration: .3s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@keyframes autoScroll {
    0% {
        transform: translateY(0)
    }
    to {
        transform: translateY(-100%)
    }
}

.auto-scroll-vertical {
    animation: autoScroll 20s linear infinite;
    animation-play-state: running
}

.auto-scroll-vertical:hover {
    animation-play-state: paused
}

.auto-scroll-vertical>* {
    flex-shrink: 0;
    transition: all .3s ease
}

.auto-scroll-vertical[data-items="3"] {
    animation-duration: 15s
}

.auto-scroll-vertical[data-items="4"] {
    animation-duration: 20s
}

.auto-scroll-vertical[data-items="5"] {
    animation-duration: 25s
}

.auto-scroll-vertical[data-items="6"] {
    animation-duration: 30s
}

.before\:mx-2:before {
    content: var(--tw-content);
    margin-left: .5rem;
    margin-right: .5rem
}

.before\:text-white:before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.before\:content-\[\'\/\'\]:before{--tw-content:"/";content:var(--tw-content)}
.hover\:border-green-1:hover{--tw-border-opacity:1;border-color:rgb(94 186 110/var(--tw-border-opacity,1))}
.hover\:border-primary-1:hover{--tw-border-opacity:1;border-color:rgb(247 115 73/var(--tw-border-opacity,1))}
.hover\:bg-green-1:hover{--tw-bg-opacity:1;background-color:rgb(94 186 110/var(--tw-bg-opacity,1))}
.hover\:bg-primary-1:hover{--tw-bg-opacity:1;background-color:rgb(247 115 73/var(--tw-bg-opacity,1))}
.hover\:text-green-1:hover{--tw-text-opacity:1;color:rgb(94 186 110/var(--tw-text-opacity,1))}
.hover\:text-primary-1:hover{--tw-text-opacity:1;color:rgb(247 115 73/var(--tw-text-opacity,1))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}
.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}@media (min-width:480px){.xs\:left-1\/2{left:50%}
.xs\:right-auto{right:auto}
.xs\:w-32{width:8rem}
.xs\:-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.xs\:p-0{padding:0}}@media (min-width:640px){.sm\:-mx-2{margin-left:-.5rem;margin-right:-.5rem}
.sm\:h-10{height:2.5rem}
.sm\:w-1\/2{width:50%}
.sm\:w-10{width:2.5rem}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:flex-row{flex-direction:row}
.sm\:gap-0{gap:0}
.sm\:rounded-xl{border-radius:.75rem}
.sm\:px-2{padding-left:.5rem;padding-right:.5rem}
.sm\:px-4{padding-left:1rem;padding-right:1rem}
.sm\:px-8{padding-left:2rem;padding-right:2rem}
.sm\:pb-4{padding-bottom:1rem}
.sm\:leading-6{line-height:1.5rem}}@media (min-width:768px){.md\:mb-4{margin-bottom:1rem}
.md\:inline-flex{display:inline-flex}
.md\:hidden{display:none}
.md\:h-16{height:4rem}
.md\:w-16{width:4rem}
.md\:w-40{width:10rem}
.md\:w-48{width:12rem}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:flex-row{flex-direction:row}
.md\:justify-center{justify-content:center}
.md\:gap-4{gap:1rem}
.md\:gap-5{gap:1.25rem}
.md\:px-3{padding-left:.75rem;padding-right:.75rem}
.md\:pb-4{padding-bottom:1rem}
.md\:text-2xl{font-size:1.5rem;line-height:2rem}
.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:order-none{order:0}
.lg\:mb-0{margin-bottom:0}
.lg\:mb-10{margin-bottom:2.5rem}
.lg\:mb-7{margin-bottom:1.75rem}
.lg\:block{display:block}
.lg\:flex{display:flex}
.lg\:grid{display:grid}
.lg\:hidden{display:none}
.lg\:max-h-24{max-height:6rem}
.lg\:min-h-0{min-height:0}
.lg\:w-28{width:7rem}
.lg\:w-full{width:100%}
.lg\:max-w-\[40\%\]{max-width:40%}
.lg\:max-w-\[500px\]{max-width:500px}
.lg\:flex-1{flex:1 1 0%}
.lg\:shrink-0{flex-shrink:0}
.lg\:grow-0{flex-grow:0}
.lg\:basis-auto{flex-basis:auto}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:flex-row{flex-direction:row}
.lg\:flex-row-reverse{flex-direction:row-reverse}
.lg\:flex-col{flex-direction:column}
.lg\:flex-col-reverse{flex-direction:column-reverse}
.lg\:flex-nowrap{flex-wrap:nowrap}
.lg\:items-start{align-items:flex-start}
.lg\:items-center{align-items:center}
.lg\:justify-end{justify-content:flex-end}
.lg\:justify-between{justify-content:space-between}
.lg\:gap-0{gap:0}
.lg\:gap-1{gap:.25rem}
.lg\:gap-2{gap:.5rem}
.lg\:gap-4{gap:1rem}
.lg\:gap-5{gap:1.25rem}
.lg\:border-b{border-bottom-width:1px}
.lg\:border-none{border-style:none}
.lg\:p-0{padding:0}
.lg\:p-3{padding:.75rem}
.lg\:\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}
.lg\:px-0{padding-left:0;padding-right:0}
.lg\:px-4{padding-left:1rem;padding-right:1rem}
.lg\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.lg\:pb-16{padding-bottom:4rem}
.lg\:pt-7{padding-top:1.75rem}
.lg\:text-left{text-align:left}
.lg\:text-right{text-align:right}
.lg\:\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}
.lg\:text-2xl{font-size:1.5rem;line-height:2rem}
.lg\:text-base{font-size:1rem;line-height:1.5rem}
.lg\:text-sm{font-size:.875rem}
.lg\:leading-5,.lg\:text-sm{line-height:1.25rem}
.lg\:leading-\[22px\]{line-height:22px}}@media (min-width:1280px){.xl\:-right-4{right:-1rem}
.xl\:flex{display:flex}
.xl\:hidden{display:none}
.xl\:h-full{height:100%}
.xl\:w-1\/3{width:33.333333%}
.xl\:w-1\/4{width:25%}
.xl\:w-20{width:5rem}
.xl\:w-3\/4{width:75%}
.xl\:flex-1{flex:1 1 0%}
.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.xl\:flex-row{flex-direction:row}
.xl\:gap-10{gap:2.5rem}
.xl\:gap-4{gap:1rem}
.xl\:gap-7{gap:1.75rem}
.xl\:px-0{padding-left:0;padding-right:0}
.xl\:pe-0{padding-inline-end:0}
.xl\:ps-0{padding-inline-start:0}
.xl\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1366px){.\31\.5xl\:block{display:block}
.\31\.5xl\:w-\[85\%\]{width:85%}
.\31\.5xl\:px-0{padding-left:0;padding-right:0}}@media (min-width:1536px){.\32xl\:absolute{position:absolute}
.\32xl\:-left-\[12\%\]{left:-12%}
.\32xl\:-right-\[12\%\]{right:-12%}
.\32xl\:top-0{top:0}
.\32xl\:mb-2{margin-bottom:.5rem}
.\32xl\:flex{display:flex}
.\32xl\:h-32{height:8rem}
.\32xl\:w-40{width:10rem}
.\32xl\:w-full{width:100%}
.\32xl\:max-w-32{max-width:8rem}
.\32xl\:max-w-\[1740px\]{max-width:1740px}
.\32xl\:max-w-\[60\%\]{max-width:60%}
.\32xl\:max-w-none{max-width:none}
.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.\32xl\:flex-row{flex-direction:row}
.\32xl\:flex-col{flex-direction:column}
.\32xl\:items-start{align-items:flex-start}
.\32xl\:items-center{align-items:center}
.\32xl\:px-8{padding-left:2rem;padding-right:2rem}
.\32xl\:pb-0{padding-bottom:0}
.\32xl\:pt-1{padding-top:.25rem}}@media (prefers-color-scheme:dark){.dark\:border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}
.dark\:placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}
.dark\:focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}
.dark\:focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}}