:root {
    --primary-teal: #17a2b8;
    --dark-teal: #138496;
    --light-bg: #f0f9fa;
    --danger-red: #dc3545;
    --light-red: #f8d7da;
    --text-muted: #6c757d;
    --border-color: #dee2e6;
}
*,:after,:before{
    box-sizing:border-box;
    border:0 solid #e5e7eb 
}
:after,:before{
    --tw-content:"" 
}
html{
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    font-family:K2D,Barlow,Kanit,Mulish,Titillium Web,Lato,Poppins,Ubuntu,sans-serif 
}
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 
}
a{
    color:inherit;
    text-decoration:none 
}
b,strong{
    font-weight:bolder 
}
code,kbd,pre,samp{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    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-size:100%;
    line-height:inherit;
    color:inherit;
    margin:0;
    padding:0 
}
button,select{
    text-transform:none 
}
[type=button],[type=reset],[type=submit],button{
    -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 
}
textarea{
    resize:vertical 
}
input::-moz-placeholder,textarea::-moz-placeholder{
    opacity:1;
    color:#9ca3af 
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    opacity:1;
    color:#9ca3af 
}
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 
}
*,:after,:before{
    --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-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: 
}
#page-wrapper:after{
    content:"" 
}
#page-wrapper{
    background-color:#d9e0e7!important;
    min-height:100%;
    margin-bottom:-65px 
}
#page-wrapper:after{
    display:block;
    height:25px 
}
.top-row{
    background-color:#192234!important;
    height:86px;
    text-align:center;
    border-bottom:1px solid #f8f9fa;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.top-row .logo{
    max-height:64px;
    padding-top: 10px;
    margin:0px auto 
}
.main-content{
    padding:8px 30px 
}
.navbar{
    padding:8px;
    margin:-33px 30px 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px 
}
.menu-block{
    line-height:28px;
    font-weight:600;
    text-transform:uppercase;
    margin:1px 2px 
}
.active,.menu-block:hover{
    background:#ebebeb;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px 
}
.blocked{
    display:none 
}
.offer-block{
    background:#fff;
    color:#444;
    cursor:pointer;
    margin:0 0 4px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px 
}
.offer-block:hover{
    -webkit-box-shadow:0 2px 5px 0 rgba(50,50,50,.35);
    -moz-box-shadow:0 2px 5px 0 rgba(50,50,50,.35);
    box-shadow:0 2px 5px 0 rgba(50,50,50,.35) 
}
.offer-block a{
    text-decoration:none 
}
.offer-block .reward-button,.offer-block .reward-button:hover,.offer-block .reward-button:visited{
    padding:21px 18px;
    background:#192234 !important;
    color:#444;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px 
}
.offer-block .reward-button:hover{
    color:#333;
    -webkit-box-shadow:inset 0 -2px 5px 0 rgba(50,50,50,.35);
    -moz-box-shadow:inset 0 -2px 5px 0 rgba(50,50,50,.35);
    box-shadow:inset 0 -2px 5px 0 rgba(50,50,50,.35) 
}
@media (max-width:800px){
    .offer-block .reward-button{
        display:block;
        padding:10px 5px;
        margin-bottom:5px;
        width:100% 
    }
    .offer-block .reward-button:hover{
        color:#333;
        padding:10px 5px;
        -webkit-box-shadow:inset 0 -1px 3px 0 rgba(50,50,50,.35);
        -moz-box-shadow:inset 0 -1px 3px 0 rgba(50,50,50,.35);
        box-shadow:inset 0 -1px 3px 0 rgba(50,50,50,.35) 
    }
}
#videoTimer{
    font-size:16px 
}
.offerwall_main_footer{
    font-family:Quicksand,sans-serif 
}
.offerwall_main_footer .copyright{
    font-size:13px!important;
    font-weight:400 
}
.offerwall_main_footer .link_privacy{
    display:-moz-box;
    display:flex;
    -moz-box-orient:horizontal;
    -moz-box-direction:normal;
    flex-direction:row;
    grid-column-gap:40px;
    column-gap:40px;
    -ms-column-gap:40px;
    -moz-column-gap:40px;
    -webkit-column-gap:40px;
    -moz-box-pack:center;
    justify-content:center 
}
.offerwall_main_footer .link_privacy a{
    margin:0;
    padding:5px 0 10px;
    font-size:14px;
    text-decoration:none!important 
}
.modal-close{
    margin:0;
    position:absolute;
    top:-10px;
    right:-10px;
    width:25px;
    height:25px;
    background-color:#333;
    color:#fff;
    border:0;
    border-radius:50%;
    font-size:13px;
    z-index:11 
}
.container{
    width:100% 
}
@media(min-width:400px){
    .container{
        max-width:400px 
    }
}
@media(min-width:640px){
    .container{
        max-width:640px 
    }
}
@media(min-width:768px){
    .container{
        max-width:768px 
    }
}
@media(min-width:1024px){
    .container{
        max-width:1024px 
    }
}
@media(min-width:1280px){
    .container{
        max-width:1280px 
    }
}
@media(min-width:1536px){
    .container{
        max-width:1536px 
    }
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border-width:0 
}
.pointer-events-none{
    pointer-events:none 
}
.pointer-events-auto{
    pointer-events:auto 
}
.visible{
    visibility:visible 
}
.invisible{
    visibility:hidden 
}
.fixed{
    position:fixed 
}
.absolute{
    position:absolute 
}
.relative{
    position:relative 
}
.inset-0{
    right:0;
    left:0 
}
.inset-0,.inset-y-0{
    top:0;
    bottom:0 
}
.right-0{
    right:0 
}
.top-0{
    top:0 
}
.left-1\/2{
    left:50% 
}
.bottom-0{
    bottom:0 
}
.left-0{
    left:0 
}
.-right-\[100px\]{
    right:-100px 
}
.top-\[-20px\]{
    top:-20px 
}
.-left-\[150px\]{
    left:-150px 
}
.-bottom-\[100px\]{
    bottom:-100px 
}
.right-\[5px\]{
    right:5px 
}
.right-\[10px\]{
    right:10px 
}
.top-\[5px\]{
    top:5px 
}
.top-\[10px\]{
    top:10px 
}
.left-\[20px\]{
    left:20px 
}
.right-\[20px\]{
    right:20px 
}
.top-\[0px\]{
    top:0 
}
.top-\[50\%\]{
    top:50% 
}
.left-\[50\%\]{
    left:50% 
}
.top-1\/2{
    top:50% 
}
.left-\[10px\]{
    left:10px 
}
.bottom-\[22px\]{
    bottom:22px 
}
.z-10{
    z-index:10 
}
.z-40{
    z-index:40 
}
.z-20{
    z-index:20 
}
.z-\[-1\]{
    z-index:-1 
}
.z-0{
    z-index:0 
}
.z-\[3\]{
    z-index:3 
}
.z-\[2\]{
    z-index:2 
}
.col-span-2{
    grid-column:span 2/span 2 
}
.col-span-1{
    grid-column:span 1/span 1 
}
.col-span-3{
    grid-column:span 3/span 3 
}
.m-auto{
    margin:auto 
}
.-m-\[15px\]{
    margin:-15px 
}
.my-3{
    margin-top:.75rem;
    margin-bottom:.75rem 
}
.mx-auto{
    margin-left:auto;
    margin-right:auto 
}
.my-\[20px\]{
    margin-top:20px;
    margin-bottom:20px 
}
.mx-\[10px\]{
    margin-left:10px;
    margin-right:10px 
}
.my-auto{
    margin-top:auto;
    margin-bottom:auto 
}
.ml-3{
    margin-left:.75rem 
}
.mt-\[30px\]{
    margin-top:30px 
}
.mt-6{
    margin-top:1.5rem 
}
.mt-2{
    margin-top:.5rem 
}
.mt-\[288px\]{
    margin-top:288px 
}
.mt-\[10px\]{
    margin-top:10px 
}
.mt-\[18px\]{
    margin-top:18px 
}
.mt-\[40px\]{
    margin-top:40px 
}
.mt-\[15px\]{
    margin-top:15px 
}
.mt-\[300px\]{
    margin-top:300px 
}
.mt-\[80px\]{
    margin-top:80px 
}
.mt-\[60px\]{
    margin-top:60px 
}
.mr-\[3px\]{
    margin-right:3px 
}
.mt-\[8px\]{
    margin-top:8px 
}
.mt-\[45px\]{
    margin-top:45px 
}
.mt-\[5px\]{
    margin-top:5px 
}
.mt-\[27px\]{
    margin-top:27px 
}
.mt-\[4px\]{
    margin-top:4px 
}
.mr-\[10px\]{
    margin-right:10px 
}
.mt-\[100px\]{
    margin-top:100px 
}
.mb-\[18px\]{
    margin-bottom:18px 
}
.ml-auto{
    margin-left:auto 
}
.mt-\[133px\]{
    margin-top:133px 
}
.mt-\[20px\]{
    margin-top:20px 
}
.mt-\[17px\]{
    margin-top:17px 
}
.mt-auto{
    margin-top:auto 
}
.mr-\[8px\]{
    margin-right:8px 
}
.mb-\[15px\]{
    margin-bottom:15px 
}
.mb-\[20px\]{
    margin-bottom:20px 
}
.mt-\[9px\]{
    margin-top:9px 
}
.mt-\[14px\]{
    margin-top:14px 
}
.ml-\[12px\]{
    margin-left:12px 
}
.mt-\[6px\]{
    margin-top:6px 
}
.mt-\[12px\]{
    margin-top:12px 
}
.mr-2{
    margin-right:.5rem 
}
.mb-\[5px\]{
    margin-bottom:5px 
}
.mt-\[auto\]{
    margin-top:auto 
}
.mr-\[6px\]{
    margin-right:6px 
}
.ml-\[15px\]{
    margin-left:15px 
}
.ml-\[6px\]{
    margin-left:6px 
}
.ml-\[11px\]{
    margin-left:11px 
}
.mb-\[7px\]{
    margin-bottom:7px 
}
.mt-\[2px\]{
    margin-top:2px 
}
.-mt-\[3px\]{
    margin-top:-3px 
}
.-mt-\[6px\]{
    margin-top:-6px 
}
.mr-\[7px\]{
    margin-right:7px 
}
.ml-2{
    margin-left:.5rem 
}
.mt-\[49px\]{
    margin-top:49px 
}
.ml-\[10px\]{
    margin-left:10px 
}
.ml-\[2px\]{
    margin-left:2px 
}
.ml-\[3px\]{
    margin-left:3px 
}
.mb-\[10px\]{
    margin-bottom:10px 
}
.mb-\[3px\]{
    margin-bottom:3px 
}
.mr-\[12px\]{
    margin-right:12px 
}
.ml-\[5px\]{
    margin-left:5px 
}
.-mt-\[5px\]{
    margin-top:-5px 
}
.mt-\[3px\]{
    margin-top:3px 
}
.ml-\[7px\]{
    margin-left:7px 
}
.mb-\[40px\]{
    margin-bottom:40px 
}
.mt-\[24px\]{
    margin-top:24px 
}
.mt-\[26px\]{
    margin-top:26px 
}
.block{
    display:block 
}
.inline-block{
    display:inline-block 
}
.flex{
    display:flex 
}
.inline-flex{
    display:inline-flex 
}
.grid{
    display:grid 
}
.hidden{
    display:none 
}
.h-\[12px\]{
    height:12px 
}
.h-full{
    height:100% 
}
.h-\[42px\]{
    height:42px 
}
.h-\[1px\]{
    height:1px 
}
.h-\[5px\]{
    height:5px 
}
.h-screen{
    height:100vh 
}
.h-\[300px\]{
    height:300px 
}
.h-\[25px\]{
    height:25px 
}
.h-\[364px\]{
    height:364px 
}
.h-\[461px\]{
    height:461px 
}
.h-\[50px\]{
    height:50px 
}
.h-\[43px\]{
    height:43px 
}
.h-\[46px\]{
    height:46px 
}
.h-\[33px\]{
    height:33px 
}
.h-\[44px\]{
    height:44px 
}
.h-\[27px\]{
    height:27px 
}
.h-\[80px\]{
    height:80px 
}
.h-0{
    height:0 
}
.h-\[200px\]{
    height:200px 
}
.h-\[154px\]{
    height:154px 
}
.h-\[110px\]{
    height:110px 
}
.h-\[16px\]{
    height:16px 
}
.h-\[150px\]{
    height:150px 
}
.h-\[70px\]{
    height:70px 
}
.h-\[100px\]{
    height:100px 
}
.h-\[26px\]{
    height:26px 
}
.h-\[111px\]{
    height:111px 
}
.h-\[140px\]{
    height:140px 
}
.h-\[75px\]{
    height:75px 
}
.h-\[32px\]{
    height:32px 
}
.h-\[30px\]{
    height:30px 
}
.h-\[24px\]{
    height:24px 
}
.h-\[159px\]{
    height:159px 
}
.h-\[41px\]{
    height:41px 
}
.h-\[217px\]{
    height:217px 
}
.h-\[58px\]{
    height:58px 
}
.h-\[134px\]{
    height:134px 
}
.h-\[99px\]{
    height:99px 
}
.h-\[101px\]{
    height:101px 
}
.h-\[65px\]{
    height:65px 
}
.h-\[18px\]{
    height:18px 
}
.h-\[199px\]{
    height:199px 
}
.h-\[151px\]{
    height:151px 
}
.h-\[48px\]{
    height:48px 
}
.h-\[20px\]{
    height:20px 
}
.h-\[17px\]{
    height:17px 
}
.h-\[139px\]{
    height:139px 
}
.h-\[56px\]{
    height:56px 
}
.h-\[90px\]{
    height:90px 
}
.h-\[190px\]{
    height:190px 
}
.h-\[196px\]{
    height:196px 
}
.h-\[147px\]{
    height:147px 
}
.h-\[40px\]{
    height:40px 
}
.h-\[22px\]{
    height:22px 
}
.h-\[68px\]{
    height:68px 
}
.h-\[117px\]{
    height:117px 
}
.h-\[36px\]{
    height:36px 
}
.h-\[203px\]{
    height:203px 
}
.h-\[160px\]{
    height:160px 
}
.h-\[144px\]{
    height:144px 
}
.h-\[60px\]{
    height:60px 
}
.min-h-screen{
    min-height:100vh 
}
.min-h-\[80px\]{
    min-height:80px 
}
.min-h-\[90px\]{
    min-height:90px 
}
.w-\[12px\]{
    width:12px 
}
.w-full{
    width:100% 
}
.w-screen{
    width:100vw 
}
.w-\[42px\]{
    width:42px 
}
.w-11\/12{
    width:91.666667% 
}
.w-\[116px\]{
    width:116px 
}
.w-\[25px\]{
    width:25px 
}
.w-\[364px\]{
    width:364px 
}
.w-\[461px\]{
    width:461px 
}
.w-\[15px\]{
    width:15px 
}
.w-\[44px\]{
    width:44px 
}
.w-\[27px\]{
    width:27px 
}
.w-\[52px\]{
    width:52px 
}
.w-\[80px\]{
    width:80px 
}
.w-\[50px\]{
    width:50px 
}
.w-fit{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content 
}
.w-\[16px\]{
    width:16px 
}
.w-\[90px\]{
    width:90px 
}
.w-\[75px\]{
    width:75px 
}
.w-\[26px\]{
    width:26px 
}
.w-\[91px\]{
    width:91px 
}
.w-\[10\%\]{
    width:10% 
}
.w-\[65px\]{
    width:65px 
}
.w-\[20px\]{
    width:20px 
}
.w-\[56px\]{
    width:56px 
}
.w-\[32px\]{
    width:32px 
}
.w-\[100px\]{
    width:100px 
}
.w-\[68px\]{
    width:68px 
}
.w-\[115px\]{
    width:115px 
}
.w-\[120px\]{
    width:120px 
}
.w-\[60px\]{
    width:60px 
}
.w-\[40px\]{
    width:40px 
}
.min-w-\[80px\]{
    min-width:80px 
}
.min-w-\[100px\]{
    min-width:100px 
}
.min-w-\[115px\]{
    min-width:115px 
}
.min-w-\[60px\]{
    min-width:60px 
}
.max-w-full{
    max-width:100% 
}
.max-w-\[254px\]{
    max-width:254px 
}
.max-w-\[940px\]{
    max-width:940px 
}
.max-w-\[269px\]{
    max-width:269px 
}
.max-w-\[70\%\]{
    max-width:70% 
}
.max-w-\[65\%\]{
    max-width:65% 
}
.max-w-\[225px\]{
    max-width:225px 
}
.max-w-\[80px\]{
    max-width:80px 
}
.flex-1{
    flex:1 1 0% 
}
.flex-\[0\]{
    flex:0 
}
.flex-shrink-0{
    flex-shrink:0 
}
.flex-grow{
    flex-grow:1 
}
.origin-top-right{
    transform-origin:top right 
}
.origin-top{
    transform-origin:top 
}
.-translate-x-1\/2{
    --tw-translate-x:-50% 
}
.-translate-x-1\/2,.translate-y-full{
    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-full{
    --tw-translate-y:100% 
}
.translate-y-0{
    --tw-translate-y:0px 
}
.translate-x-\[5px\],.translate-y-0{
    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-x-\[5px\]{
    --tw-translate-x:5px 
}
.translate-y-\[10px\]{
    --tw-translate-y:10px 
}
.-translate-x-\[14px\],.translate-y-\[10px\]{
    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-x-\[14px\]{
    --tw-translate-x:-14px 
}
.translate-x-\[14px\]{
    --tw-translate-x:14px 
}
.-translate-y-\[18px\],.translate-x-\[14px\]{
    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-\[18px\]{
    --tw-translate-y:-18px 
}
.-translate-y-\[14px\]{
    --tw-translate-y:-14px 
}
.-translate-y-\[14px\],.-translate-y-\[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)) 
}
.-translate-y-\[50\%\]{
    --tw-translate-y:-50% 
}
.-translate-x-\[50\%\]{
    --tw-translate-x:-50% 
}
.-translate-x-\[50\%\],.-translate-y-\[5px\]{
    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-\[5px\]{
    --tw-translate-y:-5px 
}
.translate-y-\[5px\]{
    --tw-translate-y:5px 
}
.-translate-y-1\/2,.translate-y-\[5px\]{
    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% 
}
.scale-95{
    --tw-scale-x:.95;
    --tw-scale-y:.95 
}
.scale-100,.scale-95{
    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)) 
}
.scale-100{
    --tw-scale-x:1;
    --tw-scale-y:1 
}
.scale-\[0\.8\]{
    --tw-scale-x:0.8;
    --tw-scale-y:0.8 
}
.scale-\[0\.8\],.transform{
    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)) 
}
@-webkit-keyframes bounce{
    0%,to{
        transform:translateY(-25%);
        -webkit-animation-timing-function:cubic-bezier(.8,0,1,1);
        animation-timing-function:cubic-bezier(.8,0,1,1) 
    }
    50%{
        transform:none;
        -webkit-animation-timing-function:cubic-bezier(0,0,.2,1);
        animation-timing-function:cubic-bezier(0,0,.2,1) 
    }
}
@keyframes bounce{
    0%,to{
        transform:translateY(-25%);
        -webkit-animation-timing-function:cubic-bezier(.8,0,1,1);
        animation-timing-function:cubic-bezier(.8,0,1,1) 
    }
    50%{
        transform:none;
        -webkit-animation-timing-function:cubic-bezier(0,0,.2,1);
        animation-timing-function:cubic-bezier(0,0,.2,1) 
    }
}
.animate-bounce{
    -webkit-animation:bounce 1s infinite;
    animation:bounce 1s infinite 
}
@-webkit-keyframes pulse{
    50%{
        opacity:.5 
    }
}
@keyframes pulse{
    50%{
        opacity:.5 
    }
}
.animate-pulse{
    -webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite 
}
.cursor-pointer{
    cursor:pointer 
}
.resize{
    resize:both 
}
.list-disc{
    list-style-type:disc 
}
.grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr)) 
}
.grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr)) 
}
.grid-cols-1{
    grid-template-columns:repeat(1,minmax(0,1fr)) 
}
.flex-col{
    flex-direction:column 
}
.flex-wrap{
    flex-wrap:wrap 
}
.items-start{
    align-items:flex-start 
}
.items-end{
    align-items:flex-end 
}
.items-center{
    align-items:center 
}
.justify-start{
    justify-content:flex-start 
}
.justify-end{
    justify-content:flex-end 
}
.justify-center{
    justify-content:center 
}
.justify-between{
    justify-content:space-between 
}
.gap-\[15px\]{
    gap:15px 
}
.gap-4{
    gap:1rem 
}
.gap-\[5px\]{
    gap:5px 
}
.gap-\[1px\]{
    gap:1px 
}
.gap-\[10px\]{
    gap:10px 
}
.space-y-\[20px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(20px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(20px * var(--tw-space-y-reverse)) 
}
.space-x-\[17px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(17px * var(--tw-space-x-reverse));
    margin-left:calc(17px * calc(1 - var(--tw-space-x-reverse))) 
}
.space-x-\[11px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(11px * var(--tw-space-x-reverse));
    margin-left:calc(11px * calc(1 - var(--tw-space-x-reverse))) 
}
.space-y-\[14px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(14px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(14px * var(--tw-space-y-reverse)) 
}
.space-y-\[25px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(25px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(25px * var(--tw-space-y-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-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-y-\[15px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(15px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(15px * var(--tw-space-y-reverse)) 
}
.space-x-\[10px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(10px * var(--tw-space-x-reverse));
    margin-left:calc(10px * calc(1 - var(--tw-space-x-reverse))) 
}
.space-x-\[12px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(12px * var(--tw-space-x-reverse));
    margin-left:calc(12px * calc(1 - var(--tw-space-x-reverse))) 
}
.space-y-\[22px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(22px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(22px * var(--tw-space-y-reverse)) 
}
.space-x-\[8px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(8px * var(--tw-space-x-reverse));
    margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse))) 
}
.space-x-\[5px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(5px * var(--tw-space-x-reverse));
    margin-left:calc(5px * calc(1 - var(--tw-space-x-reverse))) 
}
.space-x-\[2px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(2px * var(--tw-space-x-reverse));
    margin-left:calc(2px * calc(1 - var(--tw-space-x-reverse))) 
}
.space-x-\[15px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(15px * var(--tw-space-x-reverse));
    margin-left:calc(15px * calc(1 - var(--tw-space-x-reverse))) 
}
.space-x-\[1px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(1px * var(--tw-space-x-reverse));
    margin-left:calc(1px * calc(1 - var(--tw-space-x-reverse))) 
}
.overflow-auto{
    overflow:auto 
}
.overflow-hidden{
    overflow:hidden 
}
.overflow-x-auto{
    overflow-x:auto 
}
.overflow-y-auto{
    overflow-y:auto 
}
.truncate{
    overflow:hidden;
    white-space:nowrap 
}
.text-ellipsis,.truncate{
    text-overflow:ellipsis 
}
.whitespace-nowrap{
    white-space:nowrap 
}
.break-all{
    word-break:break-all 
}
.rounded-full{
    border-radius:9999px 
}
.rounded-md{
    border-radius:.375rem 
}
.rounded-\[5px\]{
    border-radius:5px 
}
.rounded{
    border-radius:.25rem 
}
.rounded-\[4px\]{
    border-radius:4px 
}
.rounded-\[50px\]{
    border-radius:50px 
}
.rounded-\[10px\]{
    border-radius:10px 
}
.rounded-\[0px\],.rounded-none{
    border-radius:0 
}
.rounded-\[3px\]{
    border-radius:3px 
}
.rounded-\[15px\]{
    border-radius:15px 
}
.rounded-\[8px\]{
    border-radius:8px 
}
.rounded-\[31px\]{
    border-radius:31px 
}
.rounded-\[47px\]{
    border-radius:47px 
}
.rounded-t-\[15px\]{
    border-top-left-radius:15px;
    border-top-right-radius:15px 
}
.rounded-l-\[5px\]{
    border-top-left-radius:5px;
    border-bottom-left-radius:5px 
}
.rounded-r-\[5px\]{
    border-top-right-radius:5px;
    border-bottom-right-radius:5px 
}
.rounded-b-\[15px\]{
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px 
}
.rounded-b-\[10px\]{
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px 
}
.rounded-b-\[0px\]{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0 
}
.rounded-t-\[5px\]{
    border-top-left-radius:5px;
    border-top-right-radius:5px 
}
.rounded-t-\[10px\]{
    border-top-left-radius:10px;
    border-top-right-radius:10px 
}
.rounded-t-\[0px\]{
    border-top-left-radius:0;
    border-top-right-radius:0 
}
.rounded-t-\[8px\]{
    border-top-left-radius:8px;
    border-top-right-radius:8px 
}
.rounded-b-\[8px\]{
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px 
}
.rounded-b-\[5px\]{
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px 
}
.rounded-b-none{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0 
}
.rounded-l{
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem 
}
.rounded-r{
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem 
}
.rounded-bl{
    border-bottom-left-radius:.25rem 
}
.border{
    border-width:1px 
}
.border-y{
    border-top-width:1px;
    border-bottom-width:1px 
}
.border-x{
    border-left-width:1px;
    border-right-width:1px 
}
.border-t{
    border-top-width:1px 
}
.border-b{
    border-bottom-width:1px 
}
.border-b-2{
    border-bottom-width:2px 
}
.border-t-\[1px\]{
    border-top-width:1px 
}
.border-r{
    border-right-width:1px 
}
.border-l{
    border-left-width:1px 
}
.border-t-\[0px\]{
    border-top-width:0 
}
.border-gray-200{
    --tw-border-opacity:1;
    border-color:rgb(229 231 235/var(--tw-border-opacity)) 
}
.border-\[\#CCCCCC20\]{
    border-color:#cccccc20 
}
.border-\[\#0178F6\]{
    --tw-border-opacity:1;
    border-color:rgb(1 120 246/var(--tw-border-opacity)) 
}
.border-\[\#CC9B56\]{
    --tw-border-opacity:1;
    border-color:rgb(204 155 86/var(--tw-border-opacity)) 
}
.border-\[\#EEEEEE\]{
    --tw-border-opacity:1;
    border-color:rgb(238 238 238/var(--tw-border-opacity)) 
}
.border-\[\#8338EC\]{
    --tw-border-opacity:1;
    border-color:rgb(131 56 236/var(--tw-border-opacity)) 
}
.border-\[\#388BEC\]{
    --tw-border-opacity:1;
    border-color:rgb(56 139 236/var(--tw-border-opacity)) 
}
.border-\[\#AA4139\]{
    --tw-border-opacity:1;
    border-color:rgb(170 65 57/var(--tw-border-opacity)) 
}
.border-\[\#E7E7E7\]{
    --tw-border-opacity:1;
    border-color:rgb(231 231 231/var(--tw-border-opacity)) 
}
.border-\[\#39AA5F\]{
    --tw-border-opacity:1;
    border-color:rgb(57 170 95/var(--tw-border-opacity)) 
}
.border-\[\#EFC72E\]{
    --tw-border-opacity:1;
    border-color:rgb(239 199 46/var(--tw-border-opacity)) 
}
.border-gray-600{
    --tw-border-opacity:1;
    border-color:rgb(75 85 99/var(--tw-border-opacity)) 
}
.border-\[\#D2D2D2\]{
    --tw-border-opacity:1;
    border-color:rgb(210 210 210/var(--tw-border-opacity)) 
}
.border-\[\#8228ec\]{
    --tw-border-opacity:1;
    border-color:rgb(130 40 236/var(--tw-border-opacity)) 
}
.border-\[\#F5F5F580\]{
    border-color:#f5f5f580 
}
.border-\[\#019BF9\]{
    --tw-border-opacity:1;
    border-color:rgb(1 155 249/var(--tw-border-opacity)) 
}
.border-\[\#ffffff\]{
    --tw-border-opacity:1;
    border-color:rgb(255 255 255/var(--tw-border-opacity)) 
}
.border-\[\#EEEEEE1A\]{
    border-color:#eeeeee1a 
}
.border-\[\#8CA0BA\]{
    --tw-border-opacity:1;
    border-color:rgb(140 160 186/var(--tw-border-opacity)) 
}
.border-\[\#393B73\]{
    --tw-border-opacity:1;
    border-color:rgb(57 59 115/var(--tw-border-opacity)) 
}
.border-\[\#53EEC0\]{
    --tw-border-opacity:1;
    border-color:rgb(83 238 192/var(--tw-border-opacity)) 
}
.border-\[\#ab1d21\]{
    --tw-border-opacity:1;
    border-color:rgb(171 29 33/var(--tw-border-opacity)) 
}
.border-\[\#a59a70\]{
    --tw-border-opacity:1;
    border-color:rgb(165 154 112/var(--tw-border-opacity)) 
}
.border-\[\#7C7C7C\]{
    --tw-border-opacity:1;
    border-color:rgb(124 124 124/var(--tw-border-opacity)) 
}
.border-\[\#fff\]{
    --tw-border-opacity:1;
    border-color:rgb(255 255 255/var(--tw-border-opacity)) 
}
.border-\[\#F0F0F0\],.border-\[\#f0f0f0\]{
    --tw-border-opacity:1;
    border-color:rgb(240 240 240/var(--tw-border-opacity)) 
}
.border-\[\#8D92B0\]{
    --tw-border-opacity:1;
    border-color:rgb(141 146 176/var(--tw-border-opacity)) 
}
.border-\[\#F3F4FE\]{
    --tw-border-opacity:1;
    border-color:rgb(243 244 254/var(--tw-border-opacity)) 
}
.border-\[\#FFBB03\]{
    --tw-border-opacity:1;
    border-color:rgb(255 187 3/var(--tw-border-opacity)) 
}
.border-t-\[\#A3A4A333\]{
    border-top-color:#a3a4a333 
}
.border-t-\[\#393B73\]{
    --tw-border-opacity:1;
    border-top-color:rgb(57 59 115/var(--tw-border-opacity)) 
}
.bg-\[\#f4f6fc\]{
    --tw-bg-opacity:1;
    background-color:rgb(244 246 252/var(--tw-bg-opacity)) 
}
.bg-gray-500{
    --tw-bg-opacity:1;
    background-color:rgb(107 114 128/var(--tw-bg-opacity)) 
}
.bg-\[\#CCCCCC30\]{
    background-color:#cccccc30 
}
.bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity)) 
}
.bg-\[\#fcfafa\]{
    --tw-bg-opacity:1;
    background-color:rgb(252 250 250/var(--tw-bg-opacity)) 
}
.bg-\[\#F6F6F6\]{
    --tw-bg-opacity:1;
    background-color:rgb(246 246 246/var(--tw-bg-opacity)) 
}
.bg-\[\#212354\]{
    --tw-bg-opacity:1;
    background-color:rgb(33 35 84/var(--tw-bg-opacity)) 
}
.bg-\[\#272854\]{
    --tw-bg-opacity:1;
    background-color:rgb(39 40 84/var(--tw-bg-opacity)) 
}
.bg-\[\#000000\]{
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0/var(--tw-bg-opacity)) 
}
.bg-\[\#E4E4E4CC\]{
    background-color:#e4e4e4cc 
}
.bg-\[\#f8faff\]{
    --tw-bg-opacity:1;
    background-color:rgb(248 250 255/var(--tw-bg-opacity)) 
}
.bg-\[\#F4F6FC\]{
    --tw-bg-opacity:1;
    background-color:rgb(244 246 252/var(--tw-bg-opacity)) 
}
.bg-\[\#DCD6D0\]{
    --tw-bg-opacity:1;
    background-color:rgb(220 214 208/var(--tw-bg-opacity)) 
}
.bg-\[\#8338EC\]{
    --tw-bg-opacity:1;
    background-color:rgb(131 56 236/var(--tw-bg-opacity)) 
}
.bg-\[\#EEEEEE\]{
    --tw-bg-opacity:1;
    background-color:rgb(238 238 238/var(--tw-bg-opacity)) 
}
.bg-\[\#fff\]{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity)) 
}
.bg-\[\#E95312\]{
    --tw-bg-opacity:1;
    background-color:rgb(233 83 18/var(--tw-bg-opacity)) 
}
.bg-\[\#ffffff30\]{
    background-color:#ffffff30 
}
.bg-\[\#EFC72E\]{
    --tw-bg-opacity:1;
    background-color:rgb(239 199 46/var(--tw-bg-opacity)) 
}
.bg-\[\#011934\]{
    --tw-bg-opacity:1;
    background-color:rgb(1 25 52/var(--tw-bg-opacity)) 
}
.bg-\[\#388bec33\]{
    background-color:#388bec33 
}
.bg-\[\#53EEC0\]{
    --tw-bg-opacity:1;
    background-color:rgb(83 238 192/var(--tw-bg-opacity)) 
}
.bg-\[\#ffffff20\]{
    background-color:#ffffff20 
}
.bg-\[\#F14FC1\]{
    --tw-bg-opacity:1;
    background-color:rgb(241 79 193/var(--tw-bg-opacity)) 
}
.bg-\[\#2A2151\]{
    --tw-bg-opacity:1;
    background-color:rgb(42 33 81/var(--tw-bg-opacity)) 
}
.bg-\[\#141537\]{
    --tw-bg-opacity:1;
    background-color:rgb(20 21 55/var(--tw-bg-opacity)) 
}
.bg-\[\#393B73\]{
    --tw-bg-opacity:1;
    background-color:rgb(57 59 115/var(--tw-bg-opacity)) 
}
.bg-\[\#2B2151\]{
    --tw-bg-opacity:1;
    background-color:rgb(43 33 81/var(--tw-bg-opacity)) 
}
.bg-\[\#ffffff1A\]{
    background-color:#ffffff1a 
}
.bg-\[\#2A2446\]{
    --tw-bg-opacity:1;
    background-color:rgb(42 36 70/var(--tw-bg-opacity)) 
}
.bg-\[\#FFFFFF20\]{
    background-color:#ffffff20 
}
.bg-\[\#CC9B56\]{
    --tw-bg-opacity:1;
    background-color:rgb(204 155 86/var(--tw-bg-opacity)) 
}
.bg-\[\#000\]{
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0/var(--tw-bg-opacity)) 
}
.bg-\[\#444444\]{
    --tw-bg-opacity:1;
    background-color:rgb(68 68 68/var(--tw-bg-opacity)) 
}
.bg-\[\#7C7C7C\]{
    --tw-bg-opacity:1;
    background-color:rgb(124 124 124/var(--tw-bg-opacity)) 
}
.bg-\[\#C6CDCB\]{
    --tw-bg-opacity:1;
    background-color:rgb(198 205 203/var(--tw-bg-opacity)) 
}
.bg-\[\#D1D3D1\]{
    --tw-bg-opacity:1;
    background-color:rgb(209 211 209/var(--tw-bg-opacity)) 
}
.bg-\[\#ffffff\]{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity)) 
}
.bg-\[\#F26440\]{
    --tw-bg-opacity:1;
    background-color:rgb(242 100 64/var(--tw-bg-opacity)) 
}
.bg-\[\#FFFFFF10\]{
    background-color:#ffffff10 
}
.bg-\[\#FFBB03\]{
    --tw-bg-opacity:1;
    background-color:rgb(255 187 3/var(--tw-bg-opacity)) 
}
.bg-transparent{
    background-color:transparent 
}
.bg-\[\#222442CC\]{
    background-color:#222442cc 
}
.bg-\[\#3A3D62\]{
    --tw-bg-opacity:1;
    background-color:rgb(58 61 98/var(--tw-bg-opacity)) 
}
.bg-\[\#E1E5F3\]{
    --tw-bg-opacity:1;
    background-color:rgb(225 229 243/var(--tw-bg-opacity)) 
}
.bg-\[\#334D6E\]{
    --tw-bg-opacity:1;
    background-color:rgb(51 77 110/var(--tw-bg-opacity)) 
}
.bg-\[\#32D276\]{
    --tw-bg-opacity:1;
    background-color:rgb(50 210 118/var(--tw-bg-opacity)) 
}
.bg-\[\#DBD2C0\]{
    --tw-bg-opacity:1;
    background-color:rgb(25 34 52/var(--tw-bg-opacity)) 
}
.bg-\[\#E6D6FF\]{
    --tw-bg-opacity:1;
    background-color:rgb(230 214 255/var(--tw-bg-opacity)) 
}
.bg-\[\#D4E5F8\]{
    --tw-bg-opacity:1;
    background-color:rgb(212 229 248/var(--tw-bg-opacity)) 
}
.bg-\[\#F8DDD7\]{
    --tw-bg-opacity:1;
    background-color:rgb(248 221 215/var(--tw-bg-opacity)) 
}
.bg-gray-400{
    --tw-bg-opacity:1;
    background-color:rgb(156 163 175/var(--tw-bg-opacity)) 
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
    background-color:rgba(0,0,0,.5) 
}
.bg-\[\#ffffff33\]{
    background-color:#ffffff33 
}
.bg-\[\#eeeeee\]{
    --tw-bg-opacity:1;
    background-color:rgb(238 238 238/var(--tw-bg-opacity)) 
}
.bg-\[\#D7F2E0\]{
    --tw-bg-opacity:1;
    background-color:rgb(215 242 224/var(--tw-bg-opacity)) 
}
.bg-\[\#FDF8E8\]{
    --tw-bg-opacity:1;
    background-color:rgb(253 248 232/var(--tw-bg-opacity)) 
}
.bg-\[\#F5F5F580\]{
    background-color:#f5f5f580 
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\]{
    background-color:hsla(0,0%,100%,.5) 
}
.bg-\[\#FFFFFF4D\]{
    background-color:#ffffff4d 
}
.bg-\[\#e6d6ff\]{
    --tw-bg-opacity:1;
    background-color:rgb(230 214 255/var(--tw-bg-opacity)) 
}
.bg-\[\#388bec80\]{
    background-color:#388bec80 
}
.bg-\[\#BDE865\]{
    --tw-bg-opacity:1;
    background-color:rgb(189 232 101/var(--tw-bg-opacity)) 
}
.bg-\[\#001F42\]{
    --tw-bg-opacity:1;
    background-color:rgb(0 31 66/var(--tw-bg-opacity)) 
}
.bg-\[\#3B3168\]{
    --tw-bg-opacity:1;
    background-color:rgb(59 49 104/var(--tw-bg-opacity)) 
}
.bg-\[\#FF9920\]{
    --tw-bg-opacity:1;
    background-color:rgb(255 153 32/var(--tw-bg-opacity)) 
}
.bg-\[rgba\(255\2c 153\2c 32\2c 0\.2\)\]{
    background-color:rgba(255,153,32,.2) 
}
.bg-\[\#20214E\]{
    --tw-bg-opacity:1;
    background-color:rgb(32 33 78/var(--tw-bg-opacity)) 
}
.bg-\[\#4E508D\]{
    --tw-bg-opacity:1;
    background-color:rgb(78 80 141/var(--tw-bg-opacity)) 
}
.bg-\[\#0d0e27\]{
    --tw-bg-opacity:1;
    background-color:rgb(13 14 39/var(--tw-bg-opacity)) 
}
.bg-\[\#4D4581\]{
    --tw-bg-opacity:1;
    background-color:rgb(77 69 129/var(--tw-bg-opacity)) 
}
.bg-\[\#3F3668\]{
    --tw-bg-opacity:1;
    background-color:rgb(63 54 104/var(--tw-bg-opacity)) 
}
.bg-\[\#332B56\]{
    --tw-bg-opacity:1;
    background-color:rgb(51 43 86/var(--tw-bg-opacity)) 
}
.bg-\[rgba\(83\2c 238\2c 192\2c 0\.2\)\]{
    background-color:rgba(83,238,192,.2) 
}
.bg-\[\#00E5A1\]{
    --tw-bg-opacity:1;
    background-color:rgb(0 229 161/var(--tw-bg-opacity)) 
}
.bg-\[\#43396D\]{
    --tw-bg-opacity:1;
    background-color:rgb(67 57 109/var(--tw-bg-opacity)) 
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]{
    background-color:hsla(0,0%,100%,.2) 
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]{
    background-color:hsla(0,0%,100%,.1) 
}
.bg-\[\#CCBFFF\]{
    --tw-bg-opacity:1;
    background-color:rgb(204 191 255/var(--tw-bg-opacity)) 
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\]{
    background-color:hsla(0,0%,100%,.8) 
}
.bg-\[\#202020\]{
    --tw-bg-opacity:1;
    background-color:rgb(32 32 32/var(--tw-bg-opacity)) 
}
.bg-\[\#2F2F2F\]{
    --tw-bg-opacity:1;
    background-color:rgb(47 47 47/var(--tw-bg-opacity)) 
}
.bg-\[\#CC9B5633\]{
    background-color:#cc9b5633 
}
.bg-\[\#3e3e41\]{
    --tw-bg-opacity:1;
    background-color:rgb(62 62 65/var(--tw-bg-opacity)) 
}
.bg-\[\#FFB606\]{
    --tw-bg-opacity:1;
    background-color:rgb(255 182 6/var(--tw-bg-opacity)) 
}
.bg-\[\#f1cacb\]{
    --tw-bg-opacity:1;
    background-color:rgb(241 202 203/var(--tw-bg-opacity)) 
}
.bg-\[\#f3eac5\]{
    --tw-bg-opacity:1;
    background-color:rgb(243 234 197/var(--tw-bg-opacity)) 
}
.bg-\[\#493216\]{
    --tw-bg-opacity:1;
    background-color:rgb(73 50 22/var(--tw-bg-opacity)) 
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.6\)\]{
    background-color:rgba(0,0,0,.6) 
}
.bg-\[\#0d0d0eb3\]{
    background-color:#0d0d0eb3 
}
.bg-\[\#F2644033\]{
    background-color:#f2644033 
}
.bg-\[\#FF7E36\]{
    --tw-bg-opacity:1;
    background-color:rgb(255 126 54/var(--tw-bg-opacity)) 
}
.bg-\[\#151637\]{
    --tw-bg-opacity:1;
    background-color:rgb(21 22 55/var(--tw-bg-opacity)) 
}
.bg-\[\#A3CF20\]{
    --tw-bg-opacity:1;
    background-color:rgb(163 207 32/var(--tw-bg-opacity)) 
}
.bg-\[\#FFC452\]{
    --tw-bg-opacity:1;
    background-color:rgb(255 196 82/var(--tw-bg-opacity)) 
}
.bg-\[\#D32E23\]{
    --tw-bg-opacity:1;
    background-color:rgb(211 46 35/var(--tw-bg-opacity)) 
}
.bg-gray-800{
    --tw-bg-opacity:1;
    background-color:rgb(31 41 55/var(--tw-bg-opacity)) 
}
.bg-\[\#FFFFFF\]{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity)) 
}
.bg-\[\#14153733\]{
    background-color:#14153733 
}
.bg-\[\#141631\]{
    --tw-bg-opacity:1;
    background-color:rgb(20 22 49/var(--tw-bg-opacity)) 
}
.bg-\[\#0D0E27\]{
    --tw-bg-opacity:1;
    background-color:rgb(13 14 39/var(--tw-bg-opacity)) 
}
.bg-\[\#EEEFF6\]{
    --tw-bg-opacity:1;
    background-color:rgb(238 239 246/var(--tw-bg-opacity)) 
}
.bg-\[\#0D0E311A\]{
    background-color:#0d0e311a 
}
.bg-\[\#0D0E31\]{
    --tw-bg-opacity:1;
    background-color:rgb(13 14 49/var(--tw-bg-opacity)) 
}
.bg-gray-200{
    --tw-bg-opacity:1;
    background-color:rgb(229 231 235/var(--tw-bg-opacity)) 
}
.bg-\[\#FEEED5\]{
    --tw-bg-opacity:1;
    background-color:rgb(254 238 213/var(--tw-bg-opacity)) 
}
.bg-\[\#FFD8CE\]{
    --tw-bg-opacity:1;
    background-color:rgb(255 216 206/var(--tw-bg-opacity)) 
}
.bg-\[\#D2F1F7\]{
    --tw-bg-opacity:1;
    background-color:rgb(210 241 247/var(--tw-bg-opacity)) 
}
.bg-\[\#334D6E33\]{
    background-color:#243A57 
}
.bg-\[\#ECF0FA\]{
    --tw-bg-opacity:1;
    background-color:rgb(236 240 250/var(--tw-bg-opacity)) 
}
.bg-\[\#D4F4E6\]{
    --tw-bg-opacity:1;
    background-color:rgb(212 244 230/var(--tw-bg-opacity)) 
}
.bg-\[\#D6E5FA\]{
    --tw-bg-opacity:1;
    background-color:rgb(214 229 250/var(--tw-bg-opacity)) 
}
.bg-\[\#F9F9FB\]{
    --tw-bg-opacity:1;
    background-color:rgb(249 249 251/var(--tw-bg-opacity)) 
}
.bg-\[\#506074\]{
    --tw-bg-opacity:1;
    background-color:rgb(80 96 116/var(--tw-bg-opacity)) 
}
.bg-\[\#F8AC2F\]{
    --tw-bg-opacity:1;
    background-color:rgb(248 172 47/var(--tw-bg-opacity)) 
}
.bg-opacity-75{
    --tw-bg-opacity:0.75 
}
.bg-v2-background{
    background-image:linear-gradient(167.84deg,#03499b .42%,#022145 101.83%) 
}
.bg-v4-background{
    background-image:linear-gradient(167.84deg,#54478b .42%,#332b56 101.83%) 
}
.bg-v4-background-circle-small{
    background-image:radial-gradient(50% 50% at 50% 50%,#53eec0 0,hsla(0,0%,77%,0) 100%,rgba(83,238,192,0) 0) 
}
.bg-v4-background-circle-big{
    background-image:radial-gradient(50% 50% at 50% 50%,#8338ec 0,hsla(0,0%,77%,0) 100%,rgba(83,238,192,0) 0) 
}
.bg-v5-background{
    background-image:linear-gradient(169.75deg,#444,#38383f) 
}
.bg-v6-background{
    background-image:linear-gradient(167.27deg,#e4e4e4 20.79%,#d5dfd7 121.32%) 
}
.bg-v7-background{
    background-image:radial-gradient(68.8% 63.18% at 50% 50%,#383b5e 0,#141631 100%) 
}
.bg-gradient-to-l{
    background-image:linear-gradient(to left,var(--tw-gradient-stops)) 
}
.bg-gradient-to-br{
    background-image:linear-gradient(to bottom right,var(--tw-gradient-stops)) 
}
.bg-\[url\(\'https\:\/\/images\.pexels\.com\/photos\/5926239\/pexels-photo-5926239\.jpeg\?auto\=compress\&cs\=tinysrgb\&dpr\=2\&h\=750\&w\=1260\'\)\]{
    background-image:url(https://images.pexels.com/photos/5926239/pexels-photo-5926239.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260) 
}
.bg-\[url\(\'\/v5\/images\/coins\.jpeg\'\)\]{
    background-image:url(/v5/images/coins.jpeg) 
}
.from-\[\#444444\]{
    --tw-gradient-from:#444;
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(68,68,68,0)) 
}
.from-\[\#FFA766\]{
    --tw-gradient-from:#ffa766;
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,167,102,0)) 
}
.from-\[\#0075FF\]{
    --tw-gradient-from:#0075ff;
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,117,255,0)) 
}
.from-\[\#1E2F45\]{
    --tw-gradient-from:#1e2f45;
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(30,47,69,0)) 
}
.to-\[\#38383F\]{
    --tw-gradient-to:#38383f 
}
.to-\[\#E95312\]{
    --tw-gradient-to:#e95312 
}
.to-\[\#019CF8\]{
    --tw-gradient-to:#019cf8 
}
.to-\[\#334D6E\]{
    --tw-gradient-to:#334d6e 
}
.bg-cover{
    background-size:cover 
}
.bg-center{
    background-position:50% 
}
.bg-no-repeat{
    background-repeat:no-repeat 
}
.fill-red-500{
    fill:#ef4444 
}
.object-cover{
    -o-object-fit:cover;
    object-fit:cover 
}
.p-\[10px\]{
    padding:10px 
}
.p-\[4px\]{
    padding:4px 
}
.p-\[0px\]{
    padding:0 
}
.p-\[12px\]{
    padding:12px 
}
.p-\[2px\]{
    padding:2px 
}
.p-\[5px\]{
    padding:5px 
}
.p-\[9px\]{
    padding:9px 
}
.p-\[3px\]{
    padding:3px 
}
.px-2{
    padding-left:.5rem;
    padding-right:.5rem 
}
.py-6{
    padding-top:1.5rem;
    padding-bottom:1.5rem 
}
.px-\[20px\]{
    padding-left:20px;
    padding-right:20px 
}
.px-4{
    padding-left:1rem;
    padding-right:1rem 
}
.py-\[5px\]{
    padding-top:5px;
    padding-bottom:5px 
}
.px-\[15px\]{
    padding-left:15px;
    padding-right:15px 
}
.py-\[7px\]{
    padding-top:7px;
    padding-bottom:7px 
}
.px-\[0px\]{
    padding-left:0;
    padding-right:0 
}
.py-\[12px\]{
    padding-top:12px;
    padding-bottom:12px 
}
.px-\[10px\]{
    padding-left:10px;
    padding-right:10px 
}
.py-\[4px\]{
    padding-top:4px;
    padding-bottom:4px 
}
.py-0{
    padding-top:0;
    padding-bottom:0 
}
.py-\[15px\]{
    padding-top:15px;
    padding-bottom:15px 
}
.py-\[11px\]{
    padding-top:11px;
    padding-bottom:11px 
}
.py-\[10px\]{
    padding-top:10px;
    padding-bottom:10px 
}
.py-\[2px\]{
    padding-top:2px;
    padding-bottom:2px 
}
.px-\[12px\]{
    padding-left:12px;
    padding-right:12px 
}
.px-\[5px\]{
    padding-left:5px;
    padding-right:5px 
}
.py-\[3px\]{
    padding-top:3px;
    padding-bottom:3px 
}
.px-\[6px\]{
    padding-left:6px;
    padding-right:6px 
}
.px-\[30px\]{
    padding-left:30px;
    padding-right:30px 
}
.px-\[8px\]{
    padding-left:8px;
    padding-right:8px 
}
.py-\[1px\]{
    padding-top:1px;
    padding-bottom:1px 
}
.py-\[9px\]{
    padding-top:9px;
    padding-bottom:9px 
}
.px-\[11px\]{
    padding-left:11px;
    padding-right:11px 
}
.py-\[18px\]{
    padding-top:18px;
    padding-bottom:18px 
}
.py-\[6px\]{
    padding-top:6px;
    padding-bottom:6px 
}
.px-\[7px\]{
    padding-left:7px;
    padding-right:7px 
}
.px-\[16px\]{
    padding-left:16px;
    padding-right:16px 
}
.pl-10{
    padding-left:2.5rem 
}
.pt-\[46px\]{
    padding-top:46px 
}
.pt-3{
    padding-top:.75rem 
}
.pb-3{
    padding-bottom:.75rem 
}
.pb-\[20px\]{
    padding-bottom:20px 
}
.pt-\[30px\]{
    padding-top:30px 
}
.pt-\[25px\]{
    padding-top:25px 
}
.pl-\[5px\]{
    padding-left:5px 
}
.pt-\[12px\]{
    padding-top:12px 
}
.pb-\[14px\]{
    padding-bottom:14px 
}
.pl-\[15px\]{
    padding-left:15px 
}
.pt-\[10px\]{
    padding-top:10px 
}
.pt-\[50px\]{
    padding-top:50px 
}
.pr-\[20px\]{
    padding-right:20px 
}
.pl-\[10px\]{
    padding-left:10px 
}
.pl-\[30px\]{
    padding-left:30px 
}
.pt-\[15px\]{
    padding-top:15px 
}
.pb-\[10px\]{
    padding-bottom:10px 
}
.pt-\[13px\]{
    padding-top:13px 
}
.pb-\[15px\]{
    padding-bottom:15px 
}
.pt-\[14px\]{
    padding-top:14px 
}
.pr-\[7px\]{
    padding-right:7px 
}
.pr-\[10px\]{
    padding-right:10px 
}
.pb-\[25px\]{
    padding-bottom:25px 
}
.pt-\[5px\]{
    padding-top:5px 
}
.pl-\[6px\]{
    padding-left:6px 
}
.pr-\[3px\]{
    padding-right:3px 
}
.text-left{
    text-align:left 
}
.text-center{
    text-align:center 
}
.text-sm{
    font-size:.875rem;
    line-height:1.25rem 
}
.text-\[16px\]{
    font-size:16px 
}
.text-\[12px\]{
    font-size:12px 
}
.text-\[14px\]{
    font-size:14px 
}
.text-\[18px\]{
    font-size:18px 
}
.text-\[24px\]{
    font-size:24px 
}
.text-\[10px\]{
    font-size:10px 
}
.text-\[20px\]{
    font-size:20px 
}
.text-\[28px\]{
    font-size:28px 
}
.text-\[34px\]{
    font-size:34px 
}
.text-\[54px\]{
    font-size:54px 
}
.text-\[48px\]{
    font-size:48px 
}
.text-\[44px\]{
    font-size:44px 
}
.text-\[42px\]{
    font-size:42px 
}
.text-\[60px\]{
    font-size:60px 
}
.text-\[32px\]{
    font-size:32px 
}
.text-\[52px\]{
    font-size:52px 
}
.text-\[50px\]{
    font-size:50px 
}
.text-\[8px\]{
    font-size:8px 
}
.text-\[9px\]{
    font-size:9px 
}
.text-\[38px\]{
    font-size:38px 
}
.text-\[30px\]{
    font-size:30px 
}
.text-\[15px\]{
    font-size:15px 
}
.text-\[46px\]{
    font-size:46px 
}
.text-\[40px\]{
    font-size:40px 
}
.text-\[70px\]{
    font-size:70px 
}
.text-xs{
    font-size:.75rem;
    line-height:1rem 
}
.text-\[26px\]{
    font-size:26px 
}
.text-\[22px\]{
    font-size:22px 
}
.text-\[36px\]{
    font-size:36px 
}
.font-bold{
    font-weight:700 
}
.font-semibold{
    font-weight:600 
}
.font-medium{
    font-weight:500 
}
.font-extrabold{
    font-weight:800 
}
.font-light{
    font-weight:300 
}
.font-normal{
    font-weight:400 
}
.font-black{
    font-weight:900 
}
.uppercase{
    text-transform:uppercase 
}
.normal-case{
    text-transform:none 
}
.leading-\[26px\]{
    line-height:26px 
}
.leading-\[18px\]{
    line-height:18px 
}
.leading-\[36px\]{
    line-height:36px 
}
.leading-\[27px\]{
    line-height:27px 
}
.leading-\[24px\]{
    line-height:24px 
}
.leading-\[21px\]{
    line-height:21px 
}
.leading-\[14px\]{
    line-height:14px 
}
.leading-\[22px\]{
    line-height:22px 
}
.leading-\[16px\]{
    line-height:16px 
}
.leading-\[20px\]{
    line-height:20px 
}
.leading-\[17px\]{
    line-height:17px 
}
.leading-\[12px\]{
    line-height:12px 
}
.leading-\[8px\]{
    line-height:8px 
}
.leading-\[45px\]{
    line-height:45px 
}
.leading-\[75px\]{
    line-height:75px 
}
.leading-\[13px\]{
    line-height:13px 
}
.leading-\[15px\]{
    line-height:15px 
}
.leading-\[11px\]{
    line-height:11px 
}
.leading-\[28px\]{
    line-height:28px 
}
.leading-\[32px\]{
    line-height:32px 
}
.leading-\[69px\]{
    line-height:69px 
}
.leading-\[5px\]{
    line-height:5px 
}
.leading-\[70px\]{
    line-height:70px 
}
.leading-\[29px\]{
    line-height:29px 
}
.leading-\[60px\]{
    line-height:60px 
}
.leading-\[50px\]{
    line-height:50px 
}
.leading-\[90px\]{
    line-height:90px 
}
.leading-\[19px\]{
    line-height:19px 
}
.leading-\[78px\]{
    line-height:78px 
}
.leading-\[72px\]{
    line-height:72px 
}
.tracking-\[1px\]{
    letter-spacing:1px 
}
.text-gray-500{
    --tw-text-opacity:1;
    color:rgb(107 114 128/var(--tw-text-opacity)) 
}
.text-\[\#334D6E\]{
    --tw-text-opacity:1;
    color:rgb(51 77 110/var(--tw-text-opacity)) 
}
.text-gray-400{
    --tw-text-opacity:1;
    color:rgb(156 163 175/var(--tw-text-opacity)) 
}
.text-\[\#3A3A3A\]{
    --tw-text-opacity:1;
    color:rgb(58 58 58/var(--tw-text-opacity)) 
}
.text-\[\#ffffff\]{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity)) 
}
.text-\[\#E95312\]{
    --tw-text-opacity:1;
    color:rgb(233 83 18/var(--tw-text-opacity)) 
}
.text-\[\#3A3A3ACC\]{
    color:#3a3a3acc 
}
.text-\[\#9D98A8\]{
    --tw-text-opacity:1;
    color:rgb(157 152 168/var(--tw-text-opacity)) 
}
.text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity)) 
}
.text-\[\#3A3A3Acc\]{
    color:#3a3a3acc 
}
.text-\[\#0178F6\]{
    --tw-text-opacity:1;
    color:rgb(1 120 246/var(--tw-text-opacity)) 
}
.text-\[\#FFFFFF\],.text-\[\#fff\]{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity)) 
}
.text-\[\#B9C0C7\]{
    --tw-text-opacity:1;
    color:rgb(185 192 199/var(--tw-text-opacity)) 
}
.text-\[\#9B97B0\]{
    --tw-text-opacity:1;
    color:rgb(155 151 176/var(--tw-text-opacity)) 
}
.text-\[\#F14FC1\]{
    --tw-text-opacity:1;
    color:rgb(241 79 193/var(--tw-text-opacity)) 
}
.text-\[\#AEAFCE\]{
    --tw-text-opacity:1;
    color:rgb(174 175 206/var(--tw-text-opacity)) 
}
.text-\[\#53EEC0\]{
    --tw-text-opacity:1;
    color:rgb(83 238 192/var(--tw-text-opacity)) 
}
.text-\[\#9A9A9ACC\]{
    color:#9a9a9acc 
}
.text-\[\#FFB606\]{
    --tw-text-opacity:1;
    color:rgb(255 182 6/var(--tw-text-opacity)) 
}
.text-\[\#ffffff80\]{
    color:#ffffff80 
}
.text-\[\#C6CDCB\]{
    --tw-text-opacity:1;
    color:rgb(198 205 203/var(--tw-text-opacity)) 
}
.text-\[\#151637\]{
    --tw-text-opacity:1;
    color:rgb(21 22 55/var(--tw-text-opacity)) 
}
.text-\[\#989898\]{
    --tw-text-opacity:1;
    color:rgb(152 152 152/var(--tw-text-opacity)) 
}
.text-\[\#141537\]{
    --tw-text-opacity:1;
    color:rgb(20 21 55/var(--tw-text-opacity)) 
}
.text-\[\#F26440\]{
    --tw-text-opacity:1;
    color:rgb(242 100 64/var(--tw-text-opacity)) 
}
.text-\[\#A3A4A3\]{
    --tw-text-opacity:1;
    color:rgb(163 164 163/var(--tw-text-opacity)) 
}
.text-\[\#14153780\]{
    color:#14153780 
}
.text-\[\#FFBB03\]{
    --tw-text-opacity:1;
    color:rgb(255 187 3/var(--tw-text-opacity)) 
}
.text-\[\#535572\]{
    --tw-text-opacity:1;
    color:rgb(83 85 114/var(--tw-text-opacity)) 
}
.text-\[\#6B6D86\]{
    --tw-text-opacity:1;
    color:rgb(107 109 134/var(--tw-text-opacity)) 
}
.text-\[\#AFB0B8\]{
    --tw-text-opacity:1;
    color:rgb(175 176 184/var(--tw-text-opacity)) 
}
.text-\[\#32D276\]{
    --tw-text-opacity:1;
    color:rgb(50 210 118/var(--tw-text-opacity)) 
}
.text-\[\#455D7C\]{
    --tw-text-opacity:1;
    color:rgb(69 93 124/var(--tw-text-opacity)) 
}
.text-\[\#8CA0BA\]{
    --tw-text-opacity:1;
    color:rgb(140 160 186/var(--tw-text-opacity)) 
}
.text-\[\#8338EC\]{
    --tw-text-opacity:1;
    color:rgb(131 56 236/var(--tw-text-opacity)) 
}
.text-\[\#388BEC\]{
    --tw-text-opacity:1;
    color:rgb(56 139 236/var(--tw-text-opacity)) 
}
.text-\[\#AA4139\]{
    --tw-text-opacity:1;
    color:rgb(170 65 57/var(--tw-text-opacity)) 
}
.text-\[\#E7553A\]{
    --tw-text-opacity:1;
    color:rgb(231 85 58/var(--tw-text-opacity)) 
}
.text-\[\#3DB280\]{
    --tw-text-opacity:1;
    color:rgb(61 178 128/var(--tw-text-opacity)) 
}
.text-\[\#3A3A3A80\]{
    color:#3a3a3a80 
}
.text-\[\#39AA5F\]{
    --tw-text-opacity:1;
    color:rgb(57 170 95/var(--tw-text-opacity)) 
}
.text-\[\#EFC72E\]{
    --tw-text-opacity:1;
    color:rgb(239 199 46/var(--tw-text-opacity)) 
}
.text-gray-600{
    --tw-text-opacity:1;
    color:rgb(75 85 99/var(--tw-text-opacity)) 
}
.text-\[\#A5A5A5\]{
    --tw-text-opacity:1;
    color:rgb(165 165 165/var(--tw-text-opacity)) 
}
.text-\[\#D2D2D2\]{
    --tw-text-opacity:1;
    color:rgb(210 210 210/var(--tw-text-opacity)) 
}
.text-\[\#000000\]{
    --tw-text-opacity:1;
    color:rgb(0 0 0/var(--tw-text-opacity)) 
}
.text-\[white\]{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity)) 
}
.text-\[\#FFFFFF80\]{
    color:#ffffff80 
}
.text-\[\#74903A\]{
    --tw-text-opacity:1;
    color:rgb(116 144 58/var(--tw-text-opacity)) 
}
.text-\[\#FFFFFFcc\]{
    color:#ffffffcc 
}
.text-\[\#B9BFC7\]{
    --tw-text-opacity:1;
    color:rgb(185 191 199/var(--tw-text-opacity)) 
}
.text-\[\#FF9920\]{
    --tw-text-opacity:1;
    color:rgb(255 153 32/var(--tw-text-opacity)) 
}
.text-\[\#2D3C67\]{
    --tw-text-opacity:1;
    color:rgb(45 60 103/var(--tw-text-opacity)) 
}
.text-\[\#D7D7D8\]{
    --tw-text-opacity:1;
    color:rgb(215 215 216/var(--tw-text-opacity)) 
}
.text-\[\#CC9B56\]{
    --tw-text-opacity:1;
    color:rgb(204 155 86/var(--tw-text-opacity)) 
}
.text-\[\#AB1D21\]{
    --tw-text-opacity:1;
    color:rgb(171 29 33/var(--tw-text-opacity)) 
}
.text-\[\#A59A70\]{
    --tw-text-opacity:1;
    color:rgb(165 154 112/var(--tw-text-opacity)) 
}
.text-\[\#973117\]{
    --tw-text-opacity:1;
    color:rgb(151 49 23/var(--tw-text-opacity)) 
}
.text-\[\#0D0E27\]{
    --tw-text-opacity:1;
    color:rgb(13 14 39/var(--tw-text-opacity)) 
}
.text-\[\#745502\]{
    --tw-text-opacity:1;
    color:rgb(116 85 2/var(--tw-text-opacity)) 
}
.text-\[\#F8AC2F\]{
    --tw-text-opacity:1;
    color:rgb(248 172 47/var(--tw-text-opacity)) 
}
.text-\[\#1EB9D7\]{
    --tw-text-opacity:1;
    color:rgb(30 185 215/var(--tw-text-opacity)) 
}
.text-\[\#334D6E80\]{
    color:#334d6e80 
}
.text-\[\#1D69D5\]{
    --tw-text-opacity:1;
    color:rgb(29 105 213/var(--tw-text-opacity)) 
}
.text-\[\#8E5D0D\]{
    --tw-text-opacity:1;
    color:rgb(142 93 13/var(--tw-text-opacity)) 
}
.placeholder-\[\#CC9B56\]::-moz-placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(204 155 86/var(--tw-placeholder-opacity)) 
}
.placeholder-\[\#CC9B56\]:-ms-input-placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(204 155 86/var(--tw-placeholder-opacity)) 
}
.placeholder-\[\#CC9B56\]::placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(204 155 86/var(--tw-placeholder-opacity)) 
}
.placeholder-\[\#F26440\]::-moz-placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(242 100 64/var(--tw-placeholder-opacity)) 
}
.placeholder-\[\#F26440\]:-ms-input-placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(242 100 64/var(--tw-placeholder-opacity)) 
}
.placeholder-\[\#F26440\]::placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(242 100 64/var(--tw-placeholder-opacity)) 
}
.placeholder-\[\#0D0E31\]::-moz-placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(13 14 49/var(--tw-placeholder-opacity)) 
}
.placeholder-\[\#0D0E31\]:-ms-input-placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(13 14 49/var(--tw-placeholder-opacity)) 
}
.placeholder-\[\#0D0E31\]::placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(13 14 49/var(--tw-placeholder-opacity)) 
}
.opacity-0{
    opacity:0 
}
.opacity-100{
    opacity:1 
}
.opacity-50,.opacity-\[0\.5\]{
    opacity:.5 
}
.opacity-30{
    opacity:.3 
}
.opacity-10{
    opacity:.1 
}
.opacity-80{
    opacity:.8 
}
.shadow-xl{
    --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color) 
}
.shadow-lg,.shadow-xl{
    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 rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color) 
}
.shadow-\[0_10px_20px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{
    --tw-shadow:0 10px 20px rgba(0,0,0,.2);
    --tw-shadow-colored:0 10px 20px var(--tw-shadow-color) 
}
.shadow,.shadow-\[0_10px_20px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow{
    --tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color) 
}
.shadow-\[0_10px_20px_\#D8DDED\]{
    --tw-shadow:0 10px 20px #d8dded;
    --tw-shadow-colored:0 10px 20px 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-\[0_0_15px_rgba\(131\2c 56\2c 236\2c 0\.5\)\]{
    --tw-shadow:0 0 15px rgba(131,56,236,.5);
    --tw-shadow-colored:0 0 15px var(--tw-shadow-color) 
}
.shadow-\[0_0_15px_\#8338EC80\],.shadow-\[0_0_15px_rgba\(131\2c 56\2c 236\2c 0\.5\)\]{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow-\[0_0_15px_\#8338EC80\]{
    --tw-shadow:0 0 15px #8338ec80;
    --tw-shadow-colored:0 0 15px var(--tw-shadow-color) 
}
.shadow-\[0_0_20px_\#00000026\]{
    --tw-shadow:0 0 20px #00000026;
    --tw-shadow-colored:0 0 20px var(--tw-shadow-color) 
}
.shadow-\[0_0_20px_\#00000026\],.shadow-none{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow-none{
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000 
}
.shadow-\[0_0_20px_\#B3BFB980\]{
    --tw-shadow:0 0 20px #b3bfb980;
    --tw-shadow-colored:0 0 20px var(--tw-shadow-color) 
}
.shadow-\[0_0_20px_\#B3BFB980\],.shadow-\[0_0px_15px_rgba\(50\2c 210\2c 118\2c 0\.5\)\], .shadow-\[0_0px_15px_rgba\(219\2c 210\2c 192\2c 0\.5\)\]{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow-\[0_0px_15px_rgba\(50\2c 210\2c 118\2c 0\.5\)\]{
    --tw-shadow:0 0px 15px rgba(50,210,118,.5);
    --tw-shadow-colored:0 0px 15px var(--tw-shadow-color) 
}
.shadow-\[0_0px_15px_rgba\(219\2c 210\2c 192\2c 0\.5\)\]{
    --tw-shadow:0 0px 15px rgba(219,210,192,.5);
    --tw-shadow-colored:0 0px 15px var(--tw-shadow-color) 
}
.shadow-\[0_0_20px_\#F0F0F0\]{
    --tw-shadow:0 0 20px #f0f0f0;
    --tw-shadow-colored:0 0 20px var(--tw-shadow-color) 
}
.shadow-\[0_0_20px_\#F0F0F0\],.shadow-\[0px_0px_0px_\#f0f0f0\]{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow-\[0px_0px_0px_\#f0f0f0\]{
    --tw-shadow:0px 0px 0px #f0f0f0;
    --tw-shadow-colored:0px 0px 0px var(--tw-shadow-color) 
}
.shadow-\[0px_0px_15px_\#F78B4B80\]{
    --tw-shadow:0px 0px 15px #f78b4b80;
    --tw-shadow-colored:0px 0px 15px var(--tw-shadow-color) 
}
.shadow-\[0_0_15px_\#F78B4B80\],.shadow-\[0px_0px_15px_\#F78B4B80\]{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow-\[0_0_15px_\#F78B4B80\]{
    --tw-shadow:0 0 15px #f78b4b80;
    --tw-shadow-colored:0 0 15px var(--tw-shadow-color) 
}
.shadow-\[0_10px_20px_\#02214560\]{
    --tw-shadow:0 10px 20px #02214560;
    --tw-shadow-colored:0 10px 20px var(--tw-shadow-color) 
}
.shadow-\[0_10px_20px_\#02214560\],.shadow-\[0_10px_20px_\#141537\]{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow-\[0_10px_20px_\#141537\]{
    --tw-shadow:0 10px 20px #141537;
    --tw-shadow-colored:0 10px 20px var(--tw-shadow-color) 
}
.shadow-\[0_0_15px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{
    --tw-shadow:0 0 15px rgba(0,0,0,.2);
    --tw-shadow-colored:0 0 15px 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-\[0_10px_20px_\#332B56\]{
    --tw-shadow:0 10px 20px #332b56;
    --tw-shadow-colored:0 10px 20px var(--tw-shadow-color) 
}
.shadow-\[0_10px_20px_\#332B56\],.shadow-\[0_10px_20px_\#38383F\]{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow-\[0_10px_20px_\#38383F\]{
    --tw-shadow:0 10px 20px #38383f;
    --tw-shadow-colored:0 10px 20px var(--tw-shadow-color) 
}
.shadow-\[0_0px_20px_\#B3BFB980\]{
    --tw-shadow:0 0px 20px #b3bfb980;
    --tw-shadow-colored:0 0px 20px var(--tw-shadow-color) 
}
.shadow-\[0_0px_20px_\#B3BFB980\],.shadow-\[0_10px_20px_\#383B5E60\]{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow-\[0_10px_20px_\#383B5E60\]{
    --tw-shadow:0 10px 20px #383b5e60;
    --tw-shadow-colored:0 10px 20px var(--tw-shadow-color) 
}
.shadow-\[0px_0px_15px_\#ffbb0340\]{
    --tw-shadow:0px 0px 15px #ffbb0340;
    --tw-shadow-colored:0px 0px 15px var(--tw-shadow-color) 
}
.shadow-\[0px_0px_15px_\#ffbb0340\],.shadow-\[0px_10px_20px_\#D8DDED\]{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow-\[0px_10px_20px_\#D8DDED\]{
    --tw-shadow:0px 10px 20px #d8dded;
    --tw-shadow-colored:0px 10px 20px var(--tw-shadow-color) 
}
.shadow-\[0_0_15px_rgba\(50\2c 210\2c 118\2c 0\.5\)\]{
    --tw-shadow:0 0 15px rgba(50,210,118,.5);
    --tw-shadow-colored:0 0 15px 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-0{
    outline-width:0 
}
.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-black{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity)) 
}
.ring-opacity-5{
    --tw-ring-opacity:0.05 
}
.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-opacity{
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s 
}
.transition{
    transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-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-text-decoration-color,-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 
}
.duration-500{
    transition-duration:.5s 
}
.duration-100{
    transition-duration:.1s 
}
.duration-75{
    transition-duration:75ms 
}
.duration-300{
    transition-duration:.3s 
}
.duration-200{
    transition-duration:.2s 
}
.duration-700{
    transition-duration:.7s 
}
.ease-in-out{
    transition-timing-function:cubic-bezier(.4,0,.2,1) 
}
.ease-out{
    transition-timing-function:cubic-bezier(0,0,.2,1) 
}
.ease-in{
    transition-timing-function:cubic-bezier(.4,0,1,1) 
}
.ease-linear{
    transition-timing-function:linear 
}
.line-clamp-1{
    -webkit-line-clamp:1 
}
.line-clamp-1,.line-clamp-2{
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical 
}
.line-clamp-2{
    -webkit-line-clamp:2 
}
.animation-delay-100{
    -webkit-animation-delay:.1s;
    animation-delay:.1s 
}
.animation-delay-200{
    -webkit-animation-delay:.2s;
    animation-delay:.2s 
}
.animation-delay-300{
    -webkit-animation-delay:.3s;
    animation-delay:.3s 
}
*{
    box-sizing:border-box 
}
html{
    position:relative;
    margin:auto;
    height:100vh;
    max-width:940px;
    padding-right:0!important 
}
.no-scrollbar::-webkit-scrollbar{
    display:none 
}
.no-scrollbar{
    -ms-overflow-style:none;
    scrollbar-width:none 
}
::-webkit-scrollbar{
    width:6px;
    height:6px 
}
::-webkit-scrollbar-track{
    background:#eee 
}
::-webkit-scrollbar-thumb{
    background:#99999980;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out 
}
::-webkit-scrollbar-thumb:hover{
    background:#888 
}
.ptc-header{
    position:fixed;
    top:0;
    width:100%;
    height:80px;
    background:#fff;
    border-bottom:1px solid #32cd32;
    text-align:center;
    line-height:40px 
}
.ptc-iframe{
    width:100%;
    height:100vh;
    overflow:auto 
}
.animate__animated.animate__zoomIn{
    --animate-duration:0.4s 
}
.progressbar{
    width:80%;
    margin:25px auto;
    border:1px solid #2ed47a;
    border-radius:6px 
}
.progressbar .inner{
    height:15px;
    -webkit-animation:progressbar-countdown;
    animation:progressbar-countdown;
    -webkit-animation-duration:40s;
    animation-duration:40s;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-play-state:paused;
    animation-play-state:paused;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear 
}
@-webkit-keyframes progressbar-countdown{
    0%{
        width:0;
        background:#2ed47a 
    }
    to{
        width:100%;
        background:#2ed47a 
    }
}
@keyframes progressbar-countdown{
    0%{
        width:0;
        background:#2ed47a 
    }
    to{
        width:100%;
        background:#2ed47a 
    }
}
img{
    vertical-align:unset!important 
}
.redirect-init{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    min-height:100vh;
    padding:0 20px;
    height:100% 
}
.redirect-init h5{
    text-align:center;
    font-size:20px;
    margin:0 10px 
}
.redirect-init img{
    width:120px;
    margin-bottom:20px 
}
.redirect-stars{
    display:flex;
    align-items:center;
    margin-bottom:20px 
}
.redirect-stars>div{
    width:35px;
    display:flex;
    align-items:center;
    justify-content:center 
}
.placeholder\:text-\[\#FF9920\]::-moz-placeholder{
    --tw-text-opacity:1;
    color:rgb(255 153 32/var(--tw-text-opacity)) 
}
.placeholder\:text-\[\#FF9920\]:-ms-input-placeholder{
    --tw-text-opacity:1;
    color:rgb(255 153 32/var(--tw-text-opacity)) 
}
.placeholder\:text-\[\#FF9920\]::placeholder{
    --tw-text-opacity:1;
    color:rgb(255 153 32/var(--tw-text-opacity)) 
}
.placeholder\:text-gray-400::-moz-placeholder{
    --tw-text-opacity:1;
    color:rgb(156 163 175/var(--tw-text-opacity)) 
}
.placeholder\:text-gray-400:-ms-input-placeholder{
    --tw-text-opacity:1;
    color:rgb(156 163 175/var(--tw-text-opacity)) 
}
.placeholder\:text-gray-400::placeholder{
    --tw-text-opacity:1;
    color:rgb(156 163 175/var(--tw-text-opacity)) 
}
.before\:absolute:before{
    content:var(--tw-content);
    position:absolute 
}
.before\:bottom-0:before{
    content:var(--tw-content);
    bottom:0 
}
.before\:block:before{
    content:var(--tw-content);
    display:block 
}
.before\:h-\[2px\]:before{
    content:var(--tw-content);
    height:2px 
}
.before\:w-\[23px\]:before{
    content:var(--tw-content);
    width:23px 
}
.before\:origin-left:before{
    content:var(--tw-content);
    transform-origin:left 
}
.before\:scale-x-100:before{
    --tw-scale-x:1 
}
.before\:scale-x-0:before,.before\:scale-x-100:before{
    content:var(--tw-content);
    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)) 
}
.before\:scale-x-0:before{
    --tw-scale-x:0 
}
.before\:rounded-full:before{
    content:var(--tw-content);
    border-radius:9999px 
}
.before\:bg-\[\#FFBB03\]:before{
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:rgb(255 187 3/var(--tw-bg-opacity)) 
}
.before\:transition-all:before{
    content:var(--tw-content);
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s 
}
.before\:duration-200:before{
    content:var(--tw-content);
    transition-duration:.2s 
}
.after\:absolute:after{
    content:var(--tw-content);
    position:absolute 
}
.after\:top-\[22px\]:after{
    content:var(--tw-content);
    top:22px 
}
.after\:left-\[7px\]:after{
    content:var(--tw-content);
    left:7px 
}
.after\:block:after{
    content:var(--tw-content);
    display:block 
}
.after\:h-full:after{
    content:var(--tw-content);
    height:100% 
}
.after\:w-\[1px\]:after{
    content:var(--tw-content);
    width:1px 
}
.after\:border-l:after{
    content:var(--tw-content);
    border-left-width:1px 
}
.after\:border-dashed:after{
    content:var(--tw-content);
    border-style:dashed 
}
.after\:border-dotted:after{
    content:var(--tw-content);
    border-style:dotted 
}
.after\:border-\[\#39AA5F\]:after{
    content:var(--tw-content);
    --tw-border-opacity:1;
    border-color:rgb(57 170 95/var(--tw-border-opacity)) 
}
.after\:border-\[\#D2D2D2\]:after{
    content:var(--tw-content);
    --tw-border-opacity:1;
    border-color:rgb(210 210 210/var(--tw-border-opacity)) 
}
.after\:border-\[\#F14FC1\]:after{
    content:var(--tw-content);
    --tw-border-opacity:1;
    border-color:rgb(241 79 193/var(--tw-border-opacity)) 
}
.after\:border-\[\#334D6E\]:after{
    content:var(--tw-content);
    --tw-border-opacity:1;
    border-color:rgb(51 77 110/var(--tw-border-opacity)) 
}
.after\:border-\[\#CC9B56\]:after{
    content:var(--tw-content);
    --tw-border-opacity:1;
    border-color:rgb(204 155 86/var(--tw-border-opacity)) 
}
.after\:border-\[\#141537\]:after{
    content:var(--tw-content);
    --tw-border-opacity:1;
    border-color:rgb(20 21 55/var(--tw-border-opacity)) 
}
.after\:border-\[\#272949\]:after{
    content:var(--tw-content);
    --tw-border-opacity:1;
    border-color:rgb(39 41 73/var(--tw-border-opacity)) 
}
.last\:after\:hidden:last-child:after{
    content:var(--tw-content);
    display:none 
}
.hover\:text-gray-500:hover{
    --tw-text-opacity:1;
    color:rgb(107 114 128/var(--tw-text-opacity)) 
}
.focus\:outline-none:focus{
    outline:2px solid transparent;
    outline-offset:2px 
}
.focus\:outline-0:focus{
    outline-width:0 
}
.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) 
}
@media(min-width:640px){
    .sm\:col-span-3{
        grid-column:span 3/span 3 
    }
    .sm\:col-span-2{
        grid-column:span 2/span 2 
    }
    .sm\:col-span-1{
        grid-column:span 1/span 1 
    }
    .sm\:mt-0{
        margin-top:0 
    }
    .sm\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr)) 
    }
    .sm\:justify-end{
        justify-content:flex-end 
    }
    .sm\:gap-\[30px\]{
        gap:30px 
    }
    .sm\:gap-\[10px\]{
        gap:10px 
    }
    .sm\:px-6{
        padding-left:1.5rem;
        padding-right:1.5rem 
    }
    .sm\:text-\[16px\]{
        font-size:16px 
    }
    .sm\:text-\[14px\]{
        font-size:14px 
    }
    .sm\:leading-\[16px\]{
        line-height:16px 
    }
    .sm\:leading-\[20px\]{
        line-height:20px 
    }
}
@media(min-width:400px){
    .xs\:flex{
        display:flex 
    }
    .xs\:w-\[24px\]{
        width:24px 
    }
    .xs\:space-x-\[12px\]>:not([hidden])~:not([hidden]){
        --tw-space-x-reverse:0;
        margin-right:calc(12px * var(--tw-space-x-reverse));
        margin-left:calc(12px * calc(1 - var(--tw-space-x-reverse))) 
    }
    .xs\:text-\[22px\]{
        font-size:22px 
    }
    .xs\:text-\[14px\]{
        font-size:14px 
    }
    .xs\:text-base{
        font-size:1rem;
        line-height:1.5rem 
    }
    .xs\:text-\[10px\]{
        font-size:10px 
    }
    .xs\:text-\[12px\]{
        font-size:12px 
    }
    .xs\:text-\[24px\]{
        font-size:24px 
    }
    .xs\:leading-\[26px\]{
        line-height:26px 
    }
    .xs\:leading-\[17px\]{
        line-height:17px 
    }
}
 .card-survey {
     background: #f8fbff;
     border-radius: 14px;
     padding: 20px 22px;
     box-shadow: 0 0 0 1px #e7edf5;
     margin-bottom: 10px;
}
 .card-survey .title {
     font-weight: 600;
     color: #2c3e50;
     font-size: 16px;
}
 .card-survey .meta {
     font-size: 13px;
     color: #7b8a9b;
}
 .card-survey .meta i {
     margin-right: 6px;
}
 .card-survey .points {
     font-size: 20px;
     font-weight: 700;
     color: #f5b400;
}
 .card-survey .points span {
     font-size: 14px;
     font-weight: 500;
     color: #7b8a9b;
     margin-left: 6px;
}
 .card-survey .badge-cr {
     background: #e8f7ef;
     color: #1e9b5b;
     font-weight: 600;
     font-size: 13px;
     padding: 6px 12px;
     border-radius: 20px;
}
 .card-survey .badge-cr i {
     font-size: 8px;
     margin-right: 6px;
}
 .card-survey .stars i {
     color: #f5c000;
     font-size: 14px;
}
 .card-survey .stars i.inactive {
     color: #d7dde6;
}
 .card-survey .btn-start {
     background: #192234;
     color: #fff;
     font-weight: 600;
     padding: 8px 18px;
     border-radius: 22px;
     font-size: 14px;
}
 .card-survey .btn-start i {
     margin-left: 6px;
     font-size: 13px;
}
.dropdown-menu {
	padding:0;
}
.dropdown-item {
  padding:8px;
}
.dropdown-item:hover {
  border-radius: 6px;
}
.dropdown-item.active {
  background: #192234!important;
  color: #fff;
}
.dropdown-toggle, .dropdown-toggle:hover {
  background: #192234!important;
  border-radius: 6px;
  padding: 3px 8px;
  color: #fff;
}

.modal-content {
    border: none;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.btn-close-custom {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1050;
    background: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.btn-close-custom:hover {
    background: #f8f9fa;
    transform: scale(1.1);
}

.btn-close-custom i {
    font-size: 20px;
    color: #333;
}

/* Game Header */
.game-icon img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.points-badge {
    background: var(--primary-teal);
    color: white;
    padding: 12px 24px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
}

/* Important Conditions Alert */
.alert-danger-custom {
    background-color: var(--light-red);
    border: 1px solid #f5c2c7;
    border-radius: 12px;
    padding: 20px;
}

.conditions-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.badge-condition {
    background: white;
    color: var(--danger-red);
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 12px;
    border: 1px solid #f5c2c7;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}

/* Steps Section */
.steps-section {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 12px;
}

.steps-list {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}

.steps-list::-webkit-scrollbar {
    width: 8px;
}

.steps-list::-webkit-scrollbar-track {
    background: #e9ecef;
    border-radius: 10px;
}

.steps-list::-webkit-scrollbar-thumb {
    background: var(--primary-teal);
    border-radius: 10px;
}

.step-item {
    display: flex;
    align-items: center;
    padding: 16px;
    background: white;
    border-radius: 10px;
    margin-bottom: 12px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.step-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.step-checkbox {
    margin-right: 15px;
    font-size: 20px;
    color: var(--text-muted);
}

.step-content {
    flex-grow: 1;
    font-size: 15px;
    color: #333;
}

.step-points {
    display: flex;
    align-items: center;
    gap: 8px;
}

.points-value {
    color: var(--primary-teal);
    font-weight: 600;
    font-size: 16px;
}

/* Right Panel */
.right-panel {
    background: var(--light-bg);
    border-left: 1px solid var(--border-color);
}

.qr-icon {
    font-size: 48px;
    color: var(--primary-teal);
}

/* QR Tabs */
.qr-tabs {
    border-bottom: 2px solid #dee2e6;
    justify-content: center;
}

.qr-tabs .nav-link {
    border: none;
    color: var(--text-muted);
    padding: 12px 20px;
    font-weight: 500;
    background: transparent;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}

.qr-tabs .nav-link:hover {
    color: var(--primary-teal);
    border-bottom-color: var(--primary-teal);
}

.qr-tabs .nav-link.active {
    color: var(--primary-teal);
    border-bottom-color: var(--primary-teal);
    background: transparent;
}

/* QR Code Container */
.qr-code-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.qr-code-placeholder {
    width: 200px;
    height: 200px;
	padding: 5px;
    background: white;
    border: 3px dashed var(--primary-teal);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 80px;
    color: var(--primary-teal);
}

/* Visit Button */
.btn-visit {
    background: var(--primary-teal);
    color: white;
    padding: 14px 28px;
    border-radius: 6px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
}

.btn-visit:hover {
    background: var(--dark-teal);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(23, 162, 184, 0.4);
}

.offer-link {
    font-size: 12px;
    color: var(--text-muted);
    word-break: break-all;
}

/* Email and Direct Content */
.email-content,
.direct-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 250px;
}

/* Responsive Design */
@media (max-width: 991px) {
    .right-panel {
        border-left: none;
        border-top: 1px solid var(--border-color);
    }
    
    .modal-dialog {
        max-width: 90%;
    }
    
    .points-badge {
        font-size: 14px;
        padding: 10px 16px;
    }
}

@media (max-width: 576px) {
    .game-icon img {
        width: 60px;
        height: 60px;
    }
    
    .step-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .step-points {
        width: 100%;
        justify-content: space-between;
    }
    
    .qr-code-placeholder {
        width: 150px;
        height: 150px;
        font-size: 60px;
    }
}
.row {
  margin-left:0!important;
  margin-right:0!important;
}
.history-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 8px;
  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s backwards;
}
.history-card {
  position: relative;
  width: 100px;
  height: 100px;
  background: #ffffff0d;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  justify-self: center;
}
.history-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #6366f11a, #8b5cf61a);
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
  z-index: 1;
}
.history-card:hover {
  transform: translateY(-8px) scale(1.05);
  border-color: #6366f166;
  box-shadow: 0 20px 40px #6366f14d, 0 0 0 1px #6366f133 inset;
}
.history-card:hover:before {
  opacity: 1;
}
.card-glow {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(
    circle,
    rgba(99, 102, 241, 0.2) 0%,
    transparent 70%
  );
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
  z-index: 2;
}
.history-card:hover .card-glow {
  opacity: 1;
}
.history-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.history-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.history-card:hover .history-image {
  transform: scale(1.15);
}
.image-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(
    to top,
    rgba(15, 15, 30, 0.95) 0%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 3;
}
.history-name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 8px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  letter-spacing: -0.01em;
  z-index: 4;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.history-card:hover .history-name {
  transform: translateY(-4px);
  text-shadow: 0 4px 12px rgba(99, 102, 241, 0.6);
}