a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1;
    background:var(--black);
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: none
}

input:focus-visible,select:focus-visible,textarea:focus-visible {
    outline: none
}
.my_point, .wallet{
    color:white !important
}
/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    margin-left: auto;
    margin-right: auto;
    padding-left: .75rem;
    padding-left: var(--bs-gutter-x,.75rem);
    padding-right: .75rem;
    padding-right: var(--bs-gutter-x,.75rem);
    width: 100%
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

.col {
    flex: 1 0
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 576px) {
    .d-sm-inline {
        display:inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-sm-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-sm-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-sm-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-sm-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-sm-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-sm-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-sm-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-sm-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-sm-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-sm-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-sm-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-sm-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-sm-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-sm-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

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

    .px-sm-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-sm-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-sm-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-sm-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

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

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

    .py-sm-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-sm-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-sm-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display:inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-md-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-md-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-md-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-md-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-md-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-md-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-md-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-md-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-md-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-md-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-md-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-md-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-md-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-md-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

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

    .px-md-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-md-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-md-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-md-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

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

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

    .py-md-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-md-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-md-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display:inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-lg-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-lg-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-lg-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-lg-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-lg-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-lg-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-lg-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-lg-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-lg-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-lg-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-lg-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-lg-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-lg-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-lg-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

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

    .px-lg-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-lg-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-lg-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-lg-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

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

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

    .py-lg-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-lg-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-lg-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display:inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-xl-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-xl-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-xl-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-xl-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-xl-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-xl-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-xl-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-xl-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-xl-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-xl-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-xl-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-xl-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-xl-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-xl-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

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

    .px-xl-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-xl-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-xl-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-xl-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

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

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

    .py-xl-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-xl-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-xl-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 1400px) {
    .d-xxl-inline {
        display:inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-xxl-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-xxl-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-xxl-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-xxl-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-xxl-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-xxl-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-xxl-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-xxl-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-xxl-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-xxl-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-xxl-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-xxl-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-xxl-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

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

    .px-xxl-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-xxl-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-xxl-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-xxl-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

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

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

    .py-xxl-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-xxl-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-xxl-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }
}

/*!
 * Bootstrap Utilities v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.link-primary {
    color: #0d6efd
}

.link-primary:focus,.link-primary:hover {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:focus,.link-secondary:hover {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:focus,.link-success:hover {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:focus,.link-info:hover {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:focus,.link-warning:hover {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:focus,.link-danger:hover {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:focus,.link-light:hover {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:focus,.link-dark:hover {
    color: #1a1e21
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    content: "";
    display: block;
    padding-top: var(--bs-aspect-ratio)
}

.ratio>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.85714%
}

.fixed-top {
    top: 0
}

.fixed-bottom,.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    clip: rect(0,0,0,0)!important;
    border: 0!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important
}

.stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.align-baseline {
    vertical-align: initial!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
    box-shadow: none!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    -webkit-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    -webkit-transform: translateX(-50%)!important;
    transform: translateX(-50%)!important
}

.translate-middle-y {
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: 1px solid #dee2e6!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: 1px solid #dee2e6!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #0d6efd!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #198754!important
}

.border-info {
    border-color: #0dcaf0!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #212529!important
}

.border-white {
    border-color: #fff!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

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

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

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

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

.justify-content-center {
    justify-content: center!important
}

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

.justify-content-around {
    justify-content: space-around!important
}

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

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

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.mx-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}

.mx-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}

.mx-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}

.mx-4 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}

.mx-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}

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

.my-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}

.my-1 {
    margin-bottom: .25rem!important;
    margin-top: .25rem!important
}

.my-2 {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important
}

.my-3 {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important
}

.my-4 {
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important
}

.my-5 {
    margin-bottom: 3rem!important;
    margin-top: 3rem!important
}

.my-auto {
    margin-bottom: auto!important;
    margin-top: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

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

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

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.px-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}

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

.px-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}

.px-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}

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

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

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

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

.py-3 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}

.py-4 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}

.py-5 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

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

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

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

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-light {
    font-weight: 300!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    color: #0d6efd!important
}

.text-secondary {
    color: #6c757d!important
}

.text-success {
    color: #198754!important
}

.text-info {
    color: #0dcaf0!important
}

.text-warning {
    color: #ffc107!important
}

.text-danger {
    color: #dc3545!important
}

.text-light {
    color: #f8f9fa!important
}

.text-dark {
    color: #212529!important
}

.text-white {
    color: #fff!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!important
}

.text-black-50 {
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    color: hsla(0,0%,100%,.5)!important
}

.text-reset {
    color: inherit!important
}

.bg-primary {
    background-color: #0d6efd!important
}

.bg-secondary {
    background-color: #6c757d!important
}

.bg-success {
    background-color: #198754!important
}

.bg-info {
    background-color: #0dcaf0!important
}

.bg-warning {
    background-color: #ffc107!important
}

.bg-danger {
    background-color: #dc3545!important
}

.bg-light {
    background-color: #f8f9fa!important
}

.bg-dark {
    background-color: #212529!important
}

.bg-body,.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: initial!important
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: .2rem!important
}

.rounded-2 {
    border-radius: .25rem!important
}

.rounded-3 {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important
}

.rounded-end,.rounded-top {
    border-top-right-radius: .25rem!important
}

.rounded-bottom,.rounded-end {
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom,.rounded-start {
    border-bottom-left-radius: .25rem!important
}

.rounded-start {
    border-top-left-radius: .25rem!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: .25rem!important
    }

    .gap-sm-2 {
        gap: .5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 3rem!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-sm-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-sm-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-sm-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-sm-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-sm-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-sm-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-sm-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-sm-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-sm-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-sm-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-sm-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-sm-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-sm-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-sm-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

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

    .px-sm-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-sm-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-sm-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-sm-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

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

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

    .py-sm-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-sm-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-sm-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: .25rem!important
    }

    .gap-md-2 {
        gap: .5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 3rem!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-md-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-md-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-md-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-md-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-md-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-md-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-md-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-md-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-md-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-md-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-md-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-md-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-md-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-md-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

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

    .px-md-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-md-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-md-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-md-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

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

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

    .py-md-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-md-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-md-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: .25rem!important
    }

    .gap-lg-2 {
        gap: .5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 3rem!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-lg-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-lg-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-lg-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-lg-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-lg-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-lg-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-lg-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-lg-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-lg-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-lg-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-lg-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-lg-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-lg-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-lg-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

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

    .px-lg-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-lg-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-lg-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-lg-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

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

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

    .py-lg-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-lg-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-lg-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: .25rem!important
    }

    .gap-xl-2 {
        gap: .5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 3rem!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-xl-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-xl-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-xl-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-xl-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-xl-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-xl-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-xl-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-xl-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-xl-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-xl-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-xl-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-xl-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-xl-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-xl-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

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

    .px-xl-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-xl-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-xl-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-xl-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

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

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

    .py-xl-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-xl-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-xl-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: .25rem!important
    }

    .gap-xxl-2 {
        gap: .5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 3rem!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-xxl-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-xxl-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-xxl-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-xxl-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-xxl-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-xxl-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-xxl-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-xxl-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-xxl-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-xxl-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-xxl-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-xxl-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-xxl-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

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

    .px-xxl-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-xxl-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-xxl-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-xxl-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

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

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

    .py-xxl-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-xxl-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-xxl-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

:root {
    --background: #000;
    --new-message-background: var(--primary-900);
    --primary-50: #fcfaf5;
    --primary-100: #ffffff;
    --primary-200: #fbdcea;
    --primary-300: #f4e2c6;
    --primary-400: #e9d0b3;
    --primary: #929292;
    --primary-600: #cecece;
    --primary-700: #9d6c4c;
    --primary-800: #7f4b30;
    --primary-900: #69331c;
    --rgb-primary-100: 225 251 244;
    --rgb-primary-200: 196 248 238;
    --rgb-primary-300: 162 236 288;
    --rgb-primary-400: 132 217 215;
    --rgb-primary: 92 186 192;
    --rgb-primary-600: 67 151 165;
    --white: #fefefe;
    --black: #131217;
    --text-grey-500: #a9a9a9;
    --danger: #d23838;
    --success: #5cc078;
    --label-color: #585858;
    --header-sidenav-bg: #1d1e22;
    --header-top-bg: #191a1e;
    --box-shadow-500: 0px 2px 14px rgba(0,0,0,.18),inset 0px -2px 4px 2px hsla(0,0%,100%,.3);
    --box-shadow-100: 0px 2px 4px rgba(0,0,0,.14);
    --box-shadow-200: 0px 2px 8px rgba(0,0,0,.14);
    --box-shadow-100-t: 0px -2px 4px rgba(0,0,0,.14);
    --box-shadow-100-r: 2px 0px 4px rgba(0,0,0,.14);
    --box-shadow-100-l: -2px 0px 4px rgba(0,0,0,.14);
    --header-height: 64px;
    --footer-height: 84px;
    --footer2-height: 150px;
    --sidenav-collapse-width: 64px;
    --sidenav-full-width: 250px;
    --grey-100: #f8f8f8;
    --grey-200: #e3e3e3;
    --grey-300: #c7c7c7;
    --grey-400: #a9a9a9;
    --grey-500: #585858;
    --grey-gradient-100: 90deg,#f3f3f3 0%,#fdfdfd 21.35%,#fff 85.94%,#f3f3f3 100%;
    --card-bg: var(--white);
    --card-header-bg: var(--primary-100);
    --card-header-bg: #ddb04a;
    --card-radius: 16px
}

* {
    font-family: Noto Sans Kr,sans-serif
}

body {
    position: relative;
    
}

.fs-swiper {
    background-color: #fefefe;
    background-color: var(--white);
    background: #000;
    background-image: url(../imgs/banner-1.5657bb33230dfdcad2a3.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,.14);
    box-shadow: var(--box-shadow-100);
    height: 27vw;
    width: 100%
}

.fs-casino-container {
    max-width: 1500px;
    width: 100%
}

@media (min-width: 1300px) {
    .fs-swiper {
        height:400px
    }
}

.fs-money-container {
    display: flex;
    gap: 16px;
    justify-content: center
}

.fs-money-container .money-wrapper {
    align-items: center;
    background: #fefefe;
    background: var(--white);
    border-radius: 18px;
    box-shadow: 0 2px 4px rgba(0,0,0,.14);
    box-shadow: var(--box-shadow-100);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    padding: 12px
}

@media (min-width: 641px) {
    .fs-swiper {
        /*height:26vw*/
    }
}

@media (min-width: 1025px) {
    .body-nav {
        display:none!important
    }
}

.animate-show-hide.ng-hide {
    opacity: 0
}

.animate-show-hide.ng-hide-add {
    transition: all .2s linear
}

.animate-show-hide.ng-hide-remove {
    display: none;
    transition: all .2s linear;
    transition-delay: .2s
}

.swal2-container .swal2-center .swal2-backdrop-show {
    padding: 0
}

.swal2-title {
    border-radius: 0
}

.fs-icon {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 24px;
    width: 24px
}

.px-16 {
    height: 16px;
    width: 16px
}

.px-20 {
    height: 20px;
    width: 20px
}

.px-28 {
    height: 28px;
    width: 28px
}

.px-32 {
    height: 32px;
    width: 32px
}

.px-48 {
    height: 48px;
    width: 48px
}

.px-64 {
    height: 64px;
    width: 64px
}

.menu {
    background-image: url(../imgs/bars-3-bottom-left.0ef8fee39bf1531570f7.svg)
}

.menu.active {
    background-image: url(../imgs/bars-3-bottom-left-primary.32db373bebce3152ec1a.svg)
}

.user-circle {
    background-image: url(../imgs/user-circle.198080f48f4cabc0a122.svg)
}

.user-invite {
    background-image: url(../imgs/user-invite.3f3b44f9a4b1f3dd3c21.svg)
}

.active .user-circle,.user-circle.active,li:hover .user-circle {
    background-image: url(../imgs/user-circle-primary.e9c4a17185012f619675.svg)
}

.active .user-invite,.user-invite.active,li:hover .user-invite {
    background-image: url(../imgs/user-invite-primary.9d69824f257b7ed6790f.svg)
}

.home {
    background-image: url(../imgs/home.b8a9df2fa44c27d0e1f2.svg)
}

.active .home,.home.active,li:hover .home {
    background-image: url(../imgs/home-primary.a083493d354017c74a73.svg)
}

.deposit {
    background-image: url(../imgs/deposit.68bdf4a631426497fbdc.svg)
}

.active .deposit,.deposit.active,li:hover .deposit {
    background-image: url(../imgs/deposit-primary.61c9ae33f09cd9d4ff8c.svg)
}

.withdraw {
    background-image: url(../imgs/withdraw.86e8913f3d5ec1b7e07f.svg)
}

.active .withdraw,.withdraw.active,li:hover .withdraw {
    background-image: url(../imgs/withdraw-primary.c9f10b37eab28ef46dce.svg)
}

.bell {
    background-image: url(../imgs/bell.d57e7067d6d8c581f405.svg)
}

.active .bell,.bell.active,li:hover .bell {
    background-image: url(../imgs/bell-primary.0fcd7778d9d192562990.svg)
}

.message {
    background-image: url(../imgs/envelope-open.2f2b160c5654a155010f.svg)
}

.active .message,.message.active,li:hover .message {
    background-image: url(../imgs/envelope-open-primary.953c3712e2dc87c7e433.svg)
}

.chat-bubble {
    background-image: url(../imgs/chat-bubble.cced0d57480b011d3dbc.svg)
}

.active .chat-bubble,.chat-bubble.active,li:hover .chat-bubble {
    background-image: url(../imgs/chat-bubble-primary.6216c2be5c39db1534b9.svg)
}

.treasure-chest {
    background-image: url(data:image/png;base64,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)
}

.money {
    background-image: url(data:image/png;base64,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)
}

.points {
    background-image: url(data:image/png;base64,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)
}

.won {
    background-image: url(../imgs/won-primary.984c931ae851432dce06.svg)
}

.points-icon {
    background-image: url(../imgs/points.3a2b35b7eb37db637826.svg)
}

.active .points-icon,.points-icon.active,li:hover .points-icon {
    background-image: url(../imgs/points-primary.2889bd65323e4b5796ad.svg)
}

.vault {
    background-image: url(../imgs/vault.bdaefc8e4eda4a91f518.svg)
}

.active .vault,.vault.active,li:hover .vault {
    background-image: url(../imgs/vault-primary.c7f2a1f778ababf16860.svg)
}

.refresh {
    background-image: url(../imgs/arrow-path.586bcf32d40a7650236b.svg)
}

.refresh.active {
    background-image: url(../imgs/arrow-path-primary.dd968a81551ea2479288.svg)
}

.refresh:not(.active) {
    -webkit-animation: rotate-center .6s linear infinite both;
    animation: rotate-center .6s linear infinite both
}

@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.rotate-center {
    -webkit-animation: rotate-center .6s ease-in-out both;
    animation: rotate-center .6s ease-in-out both
}

.login {
    background-image: url(../imgs/login.20b243cace8b0716284c.svg)
}

.login.active {
    background-image: url(../imgs/login-1.5e59e2d428124485e51f.svg)
}

.login.white {
    background-image: url(../imgs/login-white.f56ff4e05b162ceafcad.svg)
}

.logout {
    background-image: url(../imgs/logout.4d3cdf8c626155253149.svg)
}

.logout.active {
    background-image: url(../imgs/logout-1.575fe4ab13248143906f.svg)
}

.logout.white {
    background-image: url(../imgs/logout-white.681fab15073f1ad7cafa.svg)
}

.envelope {
    background-image: url(../imgs/envelope.1d31302e9199f5f2cf7b.svg)
}

.envelope.active {
    background-image: url(../imgs/envelope-solid.9eddf465493ab364242a.svg)
}

.envelope.open {
    background-image: url(../imgs/envelope-open.2f2b160c5654a155010f.svg)
}

.envelope.open.active {
    background-image: url(../imgs/envelope-open-primary.953c3712e2dc87c7e433.svg)
}

.trash {
    background-image: url(../imgs/trash.f466349c7e56ea7c4aea.svg)
}

.trash.red {
    background-image: url(../imgs/trash-red.1e7b68fe95ee602bf320.svg)
}

.trash.active {
    background-image: url(../imgs/trash-solid.7225287e7b2f4a424cfa.svg)
}

.chart-pie {
    background-image: url(../imgs/chart-pie.c55ffa7211bbaaf57d85.svg)
}

.chart-pie.active,li:hover .chart-pie {
    background-image: url(../imgs/chart-pie-primary.e3d7d151a8df60c4ebe1.svg)
}

.arrow-turn-left {
    background-image: url(../imgs/arrow-turn-left.65d0fa2e4d994c491a6f.svg)
}

.arrow-turn-left.white {
    background-image: url(../imgs/arrow-turn-left-white.ae8a0587412d859e4cc3.svg)
}

.arrow-turn-left.active {
    background-image: url(../imgs/arrow-turn-left-primary.b8b830a50d43d09d85ad.svg)
}

.arrow-small-left {
    background-image: url(../imgs/arrow-small-left.899a024b5410428aef51.svg)
}

.arrow-small-left.active {
    background-image: url(../imgs/arrow-small-left-primary.d639de19b256d25a99cd.svg)
}

.arrow-small-left.dark {
    background-image: url(../imgs/arrow-small-left-primary-dark.9e7875e90fb257e14c66.svg)
}

.chevron-left {
    background-image: url(../imgs/chevron-left.894d0d78fa3915418e92.svg)
}

.chevron-left.active {
    background-image: url(../imgs/chevron-left-1.6d2d87d5cb5fa2b4bd38.svg)
}

.chevron-right {
    background-image: url(../imgs/chevron-right.7cdea577a9542b3ed66f.svg)
}

.chevron-right.active {
    background-image: url(../imgs/chevron-right-1.1037ab6a4791f3fbe720.svg)
}

.chevron-double-left {
    background-image: url(../imgs/chevron-double-left.2acc4e35acf30a4af443.svg)
}

.chevron-double-left.active {
    background-image: url(../imgs/chevron-double-left-primary.a2ef4fb65b680057c216.svg)
}

.chevron-double-right {
    background-image: url(../imgs/chevron-double-right.184fcbda89980c28fbb0.svg)
}

.chevron-double-right.active {
    background-image: url(../imgs/chevron-double-right-primary.208bde034407fb3a73a5.svg)
}

.arrow-long-right {
    background-image: url(../imgs/arrow-long-right.e324ee926673581e8486.svg)
}

.arrow-long-right.active {
    background-image: url(../imgs/arrow-long-right-primary.7816f5309ab08266fdf7.svg)
}

.slot {
    background-image: url(../imgs/slot.ee05117c9999e67a4360.svg)
}

.active .slot,.slot.active,li:hover .slot {
    background-image: url(../imgs/slot-primary.927f8a44642277199e34.svg)
}

.casino {
    background-image: url(../imgs/casino.4cb09fff753221c8ac93.svg)
}

.active .casino,.casino.active,li:hover .casino {
    background-image: url(../imgs/casino-primary.44536719daa04ef85d84.svg)
}

.x-mark {
    background-image: url(../imgs/x-mark.65e76de05445142cb088.svg);
    cursor: pointer
}

.x-mark:hover {
    background-image: url(../imgs/x-mark-primary.269a535626d5386a6783.svg)
}

.casino {
    background-image: url(../imgs/casino.d9b9671d1e38ead89c0a.png)
}

.slot {
    background-image: url(../imgs/slots.3627242e08dfc52630e1.png)
}

.active .slot,.slot.active,li:hover .slot {
    background-image: url(../imgs/slots-active.3bfb5d7fd356fad8c2fb.png)
}

.active .casino,.casino.active,li:hover .casino {
    background-image: url(../imgs/casino-active.61a4175d74a95d045825.png)
}

@font-face {
    font-family: Gothic A1;
    font-weight: 300;
    src: url(../imgs/GothicA1-Thin.870186b0b3b767405e14.ttf) format("ttf")
}

@font-face {
    font-family: Gothic A1;
    font-weight: 500;
    src: url(../imgs/GothicA1-Medium.6d5144e314e501a11ee7.ttf) format("ttf")
}

@font-face {
    font-family: Gothic A1;
    font-weight: 700;
    src: url(../imgs/GothicA1-Bold.feb5179ddd71c2f03f01.ttf) format("ttf")
}

@font-face {
    font-family: Gothic A1;
    font-weight: 900;
    src: url(../imgs/GothicA1-Black.4fa8513839e1fe67940b.ttf) format("ttf")
}

@font-face {
    font-family: Noto Sans Kr;
    font-weight: 300;
    src: url(../imgs/NotoSansKR-Thin.a3e74b5ef0ed5ab193f5.otf) format("otf")
}

@font-face {
    font-family: Noto Sans Kr;
    src: url(../imgs/NotoSansKR-Regular.e1aa54c04a18648e6468.otf) format("otf")
}

@font-face {
    font-family: Noto Sans Kr;
    font-weight: 500;
    src: url(../imgs/NotoSansKR-Medium.56207b5e52841342a21b.otf) format("otf")
}

@font-face {
    font-family: Noto Sans Kr;
    font-weight: 700;
    src: url(../imgs/NotoSansKR-Bold.c252383c4f70753be0e7.otf) format("otf")
}

@font-face {
    font-family: Noto Sans Kr;
    font-weight: 900;
    src: url(../imgs/NotoSansKR-Black.dba005b6b1bed712b472.otf) format("otf")
}

.section-heading {
    align-items: center;
    color: var(--primary-900);
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 10px;
    justify-content: space-between;
    padding-bottom: 4px
}

.font-weight-bold {
    font-weight: 700
}

.text-grey-400 {
    color: var(--grey-400)
}

.text-grey-500 {
    color: var(--grey-500)
}

.text-white {
    color: var(--white)
}

.enum-active {
    color: var(--primary)
}

small {
    font-size: 12px
}

.fs-body {
    background: url(../imgs/bg_body.jpg) var(--black);
    height: 100%;
    min-height: calc(1/0vh - 96px);
    padding: calc(var(--header-height) + 16px) 16px calc(var(--footer-height) + 84px) 16px;
    background-size: contain;
}

body {
    overflow-y: overlay
}

* {
    scrollbar-color: var(--primary-600) #fff;
    scrollbar-width: auto
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-600);
    border: none;
    border-radius: 12px
}

.fs-wrapper {
    box-sizing: border-box;
    width: 100%
}

.fs-container {
    max-width: 1500px;
    min-height: calc(100vh - 170px);
    width: 100%
}

.fs-card {
    background-color: var(--card-bg);
    border-radius: var(--card-radius);
    box-shadow: var(--box-shadow-200)
}

.fs-card-header {
    background-color: var(--card-header-bg);
    border-bottom: 1px solid var(--grey-200);
    border-top-left-radius: var(--card-radius);
    border-top-right-radius: var(--card-radius);
    padding: 16px 16px 0
}

.fs-card-body {
    padding: 16px
}

.gap-8 {
    gap: 8px
}

.gap-16 {
    gap: 16px
}

.gap-24 {
    gap: 24px
}

.gap-32 {
    gap: 32px
}

.desktop,.desktop-f {
    display: none!important
}

@media (min-width: 641px) {
    body .fs-body,body.user-logged-in .fs-body {
        margin-left:var(--sidenav-collapse-width)
    }

    .fs-body {
        padding: calc(var(--header-height) + 32px) 32px 32px 32px
    }
}

@media (min-width: 769px) {
    .mobile {
        display:none!important
    }

    .desktop {
        display: block!important
    }

    .desktop-f {
        display: flex!important
    }
}

@media (min-width: 1201px) {
    .fs-body {
        margin-left:250px
    }

    .fs-wrapper {
        padding-left: 5%;
        padding-right: 5%
    }

    body .fs-body,body.user-logged-in .fs-body {
        margin-left: 250px
    }
}

@media (min-width: 1900px) {
    .fs-body {
        margin-left:0
    }

    .fs-wrapper {
        padding-left: 5%;
        padding-right: 5%
    }
}

.page-title {
    align-items: center;
    display: flex;
    margin-bottom: 16px;
    width: 100%
}

.page-title .page-title-text {
    color: var(--primary-600);
    font-size: 24px;
    font-weight: 700
}

.page-title-line {
    background-color: var(--primary-600);
    display: inline-block;
    flex: 1 1;
    height: 2px;
    margin-left: 16px;
    position: relative
}

.page-title-line:before {
    background-color: var(--primary-600);
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 8px
}

.marquee-container {
    margin-left: var(--sidenav-collapse-width)
}

@media (min-width: 1200px) {
    .marquee-container {
        margin-left:var(--sidenav-full-width)
    }
}

.fs-footer {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    bottom: 0;
    box-sizing: border-box;
    height: var(--footer-height);
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99
}

.fs-footer nav {
    height: 100%
}

.fs-footer nav a {
    cursor: pointer;
    padding: 8px
}

@media (max-width: 640px) {
    footer {
        display:none
    }
}

@media (min-width: 641px) {
    .fs-footer {
        display:none
    }
}

footer {
    background-color: var(--primary-900);
    bottom: 0;
    box-sizing: border-box;
    color: var(--white);
    height: var(--footer2-height);
    padding: 32px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 99
}

footer .fs-copyright {
    color: var(--primary-100);
    font-size: 12px;
    line-height: 1.4em;
    max-width: 512px
}

.fs-footer:before {
    background-color: var(--primary-200);
    border-radius: 32px;
    box-shadow: 0 2px 8px rgba(0,0,0,.14);
    content: "";
    height: 64px;
    left: 50%;
    position: absolute;
    top: -6px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 64px;
    z-index: -1
}

.fs-footer-nav-left,.fs-footer-nav-right {
    background: var(--white);
    border-top: 1px solid var(--grey-300);
    padding-bottom: 24px
}

.fs-footer-nav-right {
    border-start-start-radius: 38px;
    box-shadow: 3px -2px 4px rgba(0,0,0,.14)
}

.fs-footer-nav-left {
    border-start-end-radius: 38px;
    box-shadow: -3px -2px 4px rgba(0,0,0,.14)
}

.fs-footer-nav-center {
    border-bottom: 1px solid hsla(0,3%,64%,.69);
    border-bottom-left-radius: 120px;
    border-bottom-right-radius: 120px;
    box-shadow: 0 40px 0 10px #fff;
    height: 71%;
    position: relative;
    top: 4px;
    width: 72px
}

.fs-footer-nav-center span {
    position: absolute;
    right: 24px;
    top: 9px
}

.filler {
    background-color: #fefefe;
    bottom: -40px;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%
}

.fs-footer span {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center
}

.fs-footer span i+div {
    color: var(--grey-400)
}

.fs-footer span i.active+div {
    color: var(--primary-700)
}

.fs-header {    
    background: var(--header-top-bg);
    box-shadow: var(--box-shadow-100);
    box-sizing: border-box;
    height: var(--header-height);
    padding: 16px;
    position: absolute;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #4c4f58;
}

.fs-header .menu {
    cursor: pointer
}

.fs-header .fs-header-user {
    margin-left: auto
}

.fs-header .fs-header-user .header-username {
    color: var(--primary-700);
    font-weight: 700
}

.fs-header .header-money {
    font-weight: 700;
    gap: 16px
}

.fs-header .header-money .header-money-item {
    cursor: pointer
}

.fs-header nav {
    display: none;
    margin-left: 10%
}

.fs-header nav ul li a {
    color: var(--grey-400);
    font-weight: 700
}

.fs-header nav ul li.active a {
    color: var(--primary);
    font-weight: 700
}

.fs-header-user-login {
    margin-left: auto
}

.body-nav nav ul li a {
    color: var(--grey-400);
    font-weight: 700
}

.body-nav nav ul li.active a {
    color: var(--primary)
}

.fs-header-user-login {
    display: flex
}

.fs-header-user-login-mobile {
    display: flex;
    margin-left: auto
}

.btn.btn-logout {
    padding: 4px
}

.h-line {
    border-right: 1px solid var(--primary);
    height: 20px
}

@media (min-width: 641px) {
    .fs-header .menu {
        display:none
    }
}

@media (min-width: 769px) {
    .fs-header-user-login {
        display:flex
    }

    .fs-header .fs-header-user {
        margin-left: 0
    }
}

@media (min-width: 1025px) {
    .fs-header nav {
        display:flex;
        margin-left: 10%
    }
}

@media (min-width: 1201px) {
    .fs-header nav {
        background:#fff;
        border: 2px solid var(--primary-300);
        border-radius: 12px;
        margin-left: 22%;
        padding: 16px;
        padding-left: 58px!important
    }
}

@media (min-width: 1900px) {
    .fs-header nav {
        margin-left:23%
    }

    .fs-header button.btn-logout {
        margin-right: 4%
    }
}

.btn-signup {
    min-width: 108px
}

.fs-sidenav {
    
    background-color:var(--header-sidenav-bg);
    box-shadow: var(--box-shadow-100-r);
    height: 100vh;
    overflow: hidden;
    position: fixed;
    transition: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    width: 0;
    z-index: 99
}

.fs-sidenav-wrapper {
    position: relative;
    width: 100%
}

.fs-sidenav .menu {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px
}

.fs-sidenav.open {
    width: var(--sidenav-full-width)
}

.fs-sidenav.open nav ul {
    background: #f4f4f4;
    border: 1px solid #f1efd7;
    border-radius: 8px;
    box-shadow: var(--box-shadow-500);
    box-shadow: 2px 4px 5px 1px #a7b5cc59,inset 0 0 6px 1px #ffffffbf;
    margin: 12px
}

.fs-sidenav.open .logo-container {
    padding: 16px
}

.fs-sidenav-wrapper nav {
    height: calc(100vh - 174px);
    overflow: hidden scroll;
    padding: 8px
}

.fs-sidenav-wrapper nav ul li {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    overflow: hidden;
    padding: 16px 10px;
    position: relative
}

.fs-sidenav-wrapper nav ul li.active {
    background-color: #5b5e69
}

.fs-sidenav-wrapper nav ul li i.fs-icon {
    position: absolute
}

.fs-sidenav-wrapper nav ul li .nav-title {
    color: var(--grey-500);
    font-size: 14px;
    font-weight: 500;
    margin-left: 42px;
    white-space: nowrap
}

.fs-sidenav-wrapper nav ul li.active .nav-title,.fs-sidenav-wrapper nav ul li:hover .nav-title {
    /* color: var(--primary-700) */
    color:white
}

.fs-sidenav-wide {
    display: none
}

@media (min-width: 320px) {
    .fs-sidenav-wrapper nav {
        height:calc(100vh - 180px)
    }
}

@media (min-width: 641px) {
    .fs-sidenav {
        width:var(--sidenav-collapse-width)
    }
}

@media (min-width: 769px) {
    .fs-sidenav-wrapper nav {
        height:calc(100vh - 100px)
    }
}

@media (min-width: 1201px) {
    .fs-sidenav {
        width:var(--sidenav-full-width)
    }

    .fs-sidenav .menu {
        display: none
    }

    .fs-sidenav-wide {
        display: none;
        margin-left: 32px;
        margin-right: 32px;
        min-width: 200px;
        padding: 4px 16px 16px
    }

    .fs-sidenav-wrapper nav ul li {
        border: 2px solid transparent;
        border-radius: 8px;
        padding: 14px;
        transition: all .1s linear;
        width: auto
    }

    .fs-sidenav-wrapper nav ul li.active,.fs-sidenav-wrapper nav ul li:hover {
        cursor: pointer
    }

    .fs-sidenav nav ul {
        background: #25262b;
        /* border: 1px solid #f1efd7; */
        border-radius: 8px;
        /* box-shadow: 2px 4px 8px 1px #a7b5cc2c,inset 0 0 6px 1px #ffffffbf; */
        margin: 12px 12px 32px
    }
}

.logo-container {
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 64px 8px 8px 4px
}

.logo-container .logo-text {
    position: relative
}

.logo-container span.logo-text-main {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(180deg,#ffdb7c,#fed97a 35.42%,#ea994c 38.54%,#fed777 48.44%,#ffe489);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-filter: drop-shadow(0 1px 1px rgba(248,184,17,.5),0 1px 1px rgba(0,0,0,.18));
    filter: drop-shadow(0 1px 1px rgba(248,184,17,.5),0 1px 1px rgba(0,0,0,.18));
    font-size: 36px;
    font-weight: 700;
    z-index: 1
}

.logo-container span.logo-shadow {
    font-size: 36px;
    font-weight: 700;
    left: 0;
    position: absolute;
    z-index: 0
}

@media (min-width: 1201px) {
    .logo-container {
        padding:16px
    }
}

.fs-sidenav-wrapper nav ul.game-navigation {
    margin-bottom: 12px
}

.fs-sidenav-wrapper nav ul.game-navigation li {
    padding: 32px 11px
}

/* .fs-sidenav-wrapper nav ul.game-navigation li.active {
    box-shadow: 0 0 8px var(--primary-600),0 0 16px var(--primary-200)
} */

.line {
    border-top: 1px solid #383941;
    margin: 0 10%;
    width: 80%
}

.fs-sidenav.open .fs-sidenav-wrapper nav ul.game-navigation .fs-icon {
    height: 48px!important;
    width: 48px!important
}

@media (min-width: 1201px) {
    .fs-sidenav-wrapper nav ul.game-navigation .fs-icon {
        height:48px!important;
        width: 48px!important
    }
}

.flex-1 {
    flex: 1 1
}

.flex-2 {
    flex: 2 1
}

.width-time {
    min-width: 132px
}

.flex {
    display: flex
}

.justify-center {
    justify-content: center
}

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

.items-center {
    align-items: center
}

.gap-10 {
    gap: 10px
}

:root {
    --fs-ring-offset-width: 0px;
    --fs-ring-color: var(--primary)
}

input[type=number],input[type=password],input[type=text],select,textarea {
    border: 1px solid var(--grey-300);
    border-radius: 6px;
    font-size: 14px;
    padding: 8px 16px;
    transition: all .1s linear
}

input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus {
    border: 1px solid var(--primary);
    box-shadow: 0 0 0 1px var(--primary);
    box-shadow: 0 0 0 calc(1px + var(--fs-ring-offset-width)) var(--fs-ring-color)
}

input[type=number]:read-only,input[type=password]:read-only,input[type=text]:read-only,textarea:read-only {
    background-color: var(--white);
    pointer-events: none
}

input[type=number]:disabled,input[type=password]:disabled,input[type=text]:disabled,textarea:disabled {
    background-color: var(--grey-200)
}

.select-wrapper select {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-right: 32px;
    position: relative;
    width: 100%
}

.select-wrapper {
    position: relative
}

.select-wrapper:after {
    background-image: url(../imgs/chevron-up-down.f2482d5db66a7fae4bb2.svg);
    content: "";
    height: 24px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 7px;
    width: 24px
}

.select-wrapper:focus-within:after {
    background-image: url(../imgs/chevron-up-down-1.540fa25a29e8ecc5a6f3.svg)
}

.form-group label {
    color: var(--label-color);
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px
}

.form-group .select-wrapper+small,.form-group input+small {
    margin-top: 4px
}

.form-group .form-append {
    display: flex;
    position: relative
}

.form-group .form-append button {
    border: 1px solid var(--grey-300);
    border-end-end-radius: 6px;
    border-start-end-radius: 6px;
    color: var(--grey-500);
    cursor: pointer;
    height: 100%;
    padding: 0 12px;
    position: absolute;
    right: 0;
    width: 96px
}

.form-group .form-append button:hover {
    background-color: var(--primary-100)
}

.form-group .form-append button:disabled {
    background-color: initial;
    cursor: not-allowed
}

.form-group .form-append input {
    padding-right: 96px;
    width: 100%
}

.item-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%
}

.fs-slots-game-list .item-frame,.item-container .item-frame {
    background-color: var(--white);
    background: linear-gradient(90deg,#000,#2e2a2a 21.35%,#000 85.94%,#2e2a2a);
    border-radius: 16px;
    box-shadow: var(--box-shadow-100);
    cursor: pointer;
    flex: 1 1 420px;
    height: 166px;
    max-width: 420px;
    min-width: 260px;
    overflow: hidden;
    position: relative;
    transition: .3s
}

.fs-slots-game-list .item-frame:hover,.item-container .item-frame:hover {
    box-shadow: var(--box-shadow-500)
}

.item-container .item-frame .third-party-logo {
    left: 16px;
    position: absolute;
    top: 16px
}

.fs-slots-game-list .item-frame .item-image,.item-container .item-frame .item-image {
    display: flex;
    height: 100%;
    justify-content: center;
    transition: .3s
}

.fs-slots-game-list .item-frame:hover .item-image,.item-container .item-frame:hover .item-image {
    -webkit-transform: scale(1.06) rotate(5deg);
    transform: scale(1.06) rotate(5deg)
}

.fs-slots-game-list .item-frame .third-party-name,.item-container .item-frame .third-party-name {
    background-color: var(--black);
    border-radius: 8px;
    bottom: 16px;
    box-shadow: var(--box-shadow-100);
    color: var(--primary);
    font-size: 14px;
    font-weight: 700;
    left: 16px;
    overflow: hidden;
    padding: 8px 16px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fs-slots-container .item-frame .third-party-name,.fs-slots-game-list .item-frame .third-party-name,.fs-slots-wrapper .item-frame .third-party-name {
    background-color: initial;
    box-shadow: none;
    color: var(--label-color)
}

.fs-slots-container .item-frame:hover .third-party-name,.fs-slots-game-list .item-frame:hover .third-party-name,.fs-slots-wrapper .item-frame:hover .third-party-name {
    color: var(--primary)
}

.fs-slots-container .item-frame .third-party-name,.fs-slots-game-list .item-frame .third-party-name {
    bottom: -32px;
    font-size: 16px;
    left: 50%;
    max-width: calc(100% - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

@media (min-width: 489px) {
    .item-container .item-frame {
        background-color:var(--black);
        border-radius: 16px;
        box-shadow: var(--box-shadow-100);
        flex: 0 1 220px;
        height: 250px;
        min-width: 200px;
        position: relative
    }

    .item-container .item-frame .third-party-logo {
        width: 30%
    }
}

@media (min-width: 641px) {
    .item-container .item-frame {
        flex:1 1 264px;
        max-width: 260px
    }
}

.fs-slots-container .item-container,.fs-slots-game-list .item-container {
    row-gap: 64px
}

.fs-slots-container .item-frame {
    border-radius: 8px;
    flex: 0 1 74px;
    height: 100px;
    max-width: 240px;
    min-width: 100px;
    overflow: visible;
    overflow: initial
}

.fs-slots-container .item-container .item-frame .maintenance {
    border-radius: 4px;
    padding-top: 0
}

@media (min-width: 489px) {
    .fs-slots-container .item-frame {
        flex:0 1 140px;
        height: 140px;
        min-width: 140px
    }

    .fs-slots-container .item-container .item-frame .maintenance {
        height: 140px
    }
}

@media (min-width: 651px) {
    .fs-slots-container .item-container .item-frame .maintenance {
        height:140px;
        padding-top: 3.2rem
    }
}

.fs-slots-container .item-container .item-frame:hover .maintenance {
    -webkit-transform: scale(1.06) rotate(5deg);
    transform: scale(1.06) rotate(5deg);
    transition-duration: .3s
}

@media (min-width: 641px) {
    .fs-slots-container .item-frame {
        border-radius:8px;
        height: 190px;
        max-width: 190px;
        min-width: 190px
    }
}

.fs-slots-container .item-frame .item-image {
    background-image: url(../imgs/game/slot-bg.png);
    border-radius: 8px;
    height: 100%;
    overflow: hidden
}

.play-hover {
    align-items: center;
    background-color: transparent;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    opacity: 0;
    position: absolute;
    transition-duration: .3s;
    width: 100%
}

.item-frame:hover .play-hover {
    background-color: rgba(0,0,0,.18);
    opacity: 1;
    -webkit-transform: scale(1.06) rotate(5deg);
    transform: scale(1.06) rotate(5deg);
    z-index: 99
}

.play-hover .play-button {
    background-color: var(--primary-400);
    border-radius: 9px;
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    padding: 9px 32px
}

.modal-container {
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: .3s;
    width: 100vw;
    z-index: -1
}

.modal-container.show {
    opacity: 1;
    z-index: 100
}

#overlay,.overlay {
    background-color: #000;
    height: 100vh;
    left: 0;
    opacity: .8;
    position: fixed;
    top: 0;
    transition: .3s;
    width: 100vw;
    z-index: 99
}

.modal-wrapper {
    background-color: var(--white);
    border-radius: 16px;
    box-shadow: var(--box-shadow-500);
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 100
}

.login-modal-wrapper {
    padding: 32px;
    top: 25%;
    width: calc(100% - 96px)
}

.login-modal-wrapper img {
    display: none
}

.login-modal-wrapper .login-form {
    width: 100%
}

@media (min-width: 641px) {
    .login-modal-wrapper {
        background-color:var(--white);
        background: url(../imgs/login-bg.62750887144713fd12ba.png),#fff;
        box-sizing: border-box;
        height: 464px;
        top: 40%;
        width: 638px
    }

    .dice-img-bg {
        display: block;
        left: -140px;
        pointer-events: none;
        position: absolute;
        top: -180px;
        width: 140%
    }

    .login-modal-wrapper .login-form {
        width: 296px
    }
}

.signup-modal-wrapper {
    max-height: 70%;
    overflow: auto;
    padding: 32px;
    top: 50%;
    width: calc(100% - 96px)
}

.signup-modal-wrapper .form-group {
    max-width: 450px
}

@media (min-width: 641px) {
    .signup-modal-wrapper {
        height:auto;
        max-height: calc(100vh - 100px);
        top: 50%;
        width: 450px
    }
}

.tag {
    background-color: var(--text-grey-500);
    border-radius: 4px;
    color: var(--white);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 4px 8px
}

.tag.success {
    background-color: var(--success)
}

.tag.danger {
    background-color: var(--danger)
}

.normal-table table {
    --border-radius: 12px;
    --th-bg: #ddb04a;
    --th-text: #fefefe;
    --tf-bg: var(--primary-200);
    --table-row-odd: var(--primary-50);
    border-radius: var(--border-radius);
    box-shadow: 0 2px 8px rgba(0,0,0,.18);
    min-width: 712px
}

.normal-table table tbody td,.normal-table table thead th {
    color: var(--label-color);
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    padding: 8px;
    vertical-align: middle
}

.normal-table table thead th {
    padding: 16px 8px
}

.normal-table table tbody tr:hover {
    background-color: var(--grey-200)
}

.normal-table table tbody td {
    border: 1px solid var(--grey-200)
}

.normal-table table tbody tr td:first-child,.normal-table table thead tr th:first-child {
    padding-left: 16px
}

.normal-table table tr th {
    background: var(--th-bg);
    color: var(--th-text);
    text-align: left
}

.normal-table table tr:nth-child(odd) {
    background: var(--table-row-odd);
    text-align: left
}
.normal-table table tr:nth-child(even) {
    background: var(--table-row-odd);
    text-align: left
}
.normal-table table tr:first-child th:first-child {
    border-top-left-radius: var(--border-radius)
}

.normal-table table tr:first-child th:last-child {
    border-top-right-radius: var(--border-radius)
}

.normal-table tfoot tr {
    background-color: var(--tf-bg)!important
}

.btn {
    background-color: var(--primary);
    border-color: var(--primary);
    border-radius: 8px;
    border-style: solid;
    color: var(--white);
    cursor: pointer;
    font-weight: 700;
    line-height: 14px;
    padding: 12px 16px;
    transition: none
}

.btn:hover {
    background-color: var(--primary-600);
    border-color: var(--primary-600);
    box-shadow: 0 2px 4px rgba(var(--rgb-primary-600)/18%)
}

.btn:disabled {
    cursor: not-allowed
}

.btn:active,.btn:focus {
    outline: 2px solid var(--primary);
    outline-offset: 2px
}

.btn.secondary,.btn.tertiary {
    background-color: initial;
    color: var(--primary)
}

.btn.tertiary {
    border: none
}

.btn.secondary:hover,.btn.tertiary:hover {
    background-color: var(--primary-100);
    color: var(--primary-600)
}

.btn.narrow {
    height: 36px;
    padding: 4px 8px
}

.btn.small {
    font-size: 12px;
    height: 24px;
    line-height: 12px;
    padding: 4px 8px
}

.btn.red {
    background-color: var(--danger);
    border-color: var(--danger)
}

.btn:active.red,.btn:focus.red {
    outline: 2px solid var(--danger);
    outline-offset: 2px
}

.btn.grey-100 {
    background-color: var(--grey-100);
    border-color: var(--grey-100)
}

.btn:active.grey-100,.btn:focus.grey-100 {
    outline: 2px solid var(--grey-100);
    outline-offset: 2px
}

.btn.full {
    font-size: 16px;
    height: 48px;
    width: 100%
}

.notif-dot {
    display: block;
    position: relative
}

.notif-dot:after {
    background: var(--danger);
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px
}

.lds-ring {
    position: relative
}

.overlay-spinner {
    align-items: center;
    background-color: #000;
    display: flex;
    display: none;
    height: 100vh;
    justify-content: center;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999
}

.spinner {
    height: 80px;
    width: 80px
}

.overlay-spinner.active {
    display: flex
}

.overlay-spinner.active .lds-ring div {
    -webkit-animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
    animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite
}

.maintenance {
    background-color: #e8d43960;
    color: #fff;
    font-weight: 700;
    height: inherit;
    padding-top: 3.2rem;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 10px #000,1px 1px 10px #000;
    width: 100%;
    z-index: 98
}

.c-pointer {
    cursor: pointer
}

.fs-realtime .inner {
    height: 80%;
    position: relative
}

.Loop {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto;
    position: relative
}

.Loop::-webkit-scrollbar,.inner::-webkit-scrollbar {
    display: none
}

.Loop,.inner {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.fs-realtime .fs-card-body {
    background: linear-gradient(var(--grey-gradient-100));
    border-radius: 16px;
    box-shadow: var(--box-shadow-500);
    height: 375px;
    overflow: hidden
}

.fs-realtime .item {
    color: var(--grey-400);
    font-size: 14px;
    padding: 16px 8px
}

.fs-realtime .item:not(:last-child) {
    border-bottom: 1px solid var(--grey-200)
}

.fs-realtime span {
    flex: 1 1
}

.fs-realtime .item .item-amount {
    color: var(--primary-600);
    font-weight: 700;
    text-align: end
}

.fs-realtime .item .item-date {
    color: var(--primary-600);
    flex: 1.5 1;
    text-align: end
}

:root {
    --popup-border-color: #d4d4d4
}

.popup-container {
    background: #fff;
    border: 4px solid #d4d4d4;
    border: 4px solid var(--popup-border-color);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(69,69,69,.1);
    height: 600px;
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 350px;
    z-index: 999
}

.popup-content {
    height: 100%;
    overflow-y: auto
}

@media (min-width: 641px) {
    .popup-container {
        left:16px;
        top: 16px;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        width: 400px
    }

    .popup-container:nth-of-type(2) {
        left: 448px;
        top: 16px
    }

    .popup-container:nth-of-type(3) {
        left: 16px;
        top: 632px
    }

    .popup-container:nth-of-type(4) {
        left: 448px;
        top: 632px
    }
}

@media (min-width: 641) {
    .popup-container {
        width:40px
    }
}

@media (min-width: 961px) {
    .popup-container {
        left:32px;
        top: 32px;
        -webkit-transform: translateX(25%) translateY(25%);
        transform: translateX(25%) translateY(25%)
    }

    .popup-container:nth-of-type(2) {
        left: 448px;
        top: 32px
    }

    .popup-container:nth-of-type(3) {
        left: 864px;
        top: 32px
    }

    .popup-container:nth-of-type(4) {
        left: 1280px;
        top: 32px
    }
}

.popup-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

#popupID2 .notice {
    border-radius: 2px;
    clear: both;
    color: #313131;
    font-weight: 400;
    height: 490px;
    min-height: 335px;
    overflow: hidden
}

.popup-header {
    background-color: #d4d4d4;
    background-color: var(--popup-border-color);
    color: #000;
    font-size: 18px;
    padding: 8px 0;
    width: 100%
}

.popup-body,.popup-header {
    font-weight: 700;
    text-align: center
}

.popup-body {
    font-size: 16px;
    height: 542px;
    padding: 8px
}

.popup-footer {
    background-color: #d4d4d4;
    background-color: var(--popup-border-color);
    bottom: 0;
    color: #000;
    height: 24px;
    left: 0;
    padding: 6px 0;
    position: absolute;
    width: 100%
}

.popup-footer input[type=checkbox] {
    margin-top: 2px;
    opacity: 1
}

.popup-footer .popup-close {
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: 700;
    margin-right: 4px;
    padding-top: 4px
}

@media (max-width: 640px) {
    .popup-footer {
        font-size:16px;
        height: 36px
    }

    .popup-footer input[type=checkbox] {
        height: 21px;
        width: 21px
    }

    .popup-footer .popup-close {
        font-size: 16px
    }
}

.fs-deposit-container table {
    width: 100%
}

.fs-deposit-container table tbody tr td span.won {
    color: var(--primary);
    font-weight: 700
}

.deposit-form-container .deposit-info {
    min-width: 248px
}

.deposit-form-container .deposit-info .deposit-info-account,.deposit-form-container .deposit-info .deposit-info-money {
    border: 1px solid var(--grey-300);
    border-radius: 8px;
    padding: 16px
}

.deposit-form-container .deposit-info .deposit-info-account .info-text {
    color: var(--grey-400);
    line-height: 1.5em
}

.deposit-form-container .deposit-info .deposit-info-account .btn-account-request {
    display: inline-block;
    flex: 0.54 1;
    min-width: 104px
}

.deposit-form-container .deposit-info label {
    color: var(--label-color);
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.deposit-form-container .deposit-info span.money-amount {
    font-size: 18px;
    font-weight: 700
}

.fs-deposit-container .deposit-form .form-group {
    display: flex;
    flex-direction: column
}

.fs-deposit-container .deposit-table-container .fs-card-body {
    overflow-x: auto
}

.fs-deposit-container .deposit-table-container tbody tr td .fs-icon.won {
    display: inline-block;
    vertical-align: middle
}

.fs-deposit-container .deposit-table-container tbody tr td .fs-icon.won+span {
    line-height: 17px;
    vertical-align: middle
}

.fs-deposit-desc ul {
    list-style-type: circle
}

.fs-deposit-desc ul li {
    color: var(--grey-500);
    line-height: 1.4em;
    margin-left: 32px;
    padding: 12px
}

.deposit-steps {
    flex-wrap: wrap
}

.deposit-steps .btn {
    flex: 1 1;
    min-width: 80px;
    width: 80px
}

.deposit-steps .reset {
    min-width: 96px;
    width: 108px
}

@media (min-width: 481px) {
    .deposit-form-container .deposit-info {
        min-width:364px
    }
}

.disabled .btn.tertiary {
    pointer-events: none
}

.chevron-left {
    background-image: url(../imgs/chevron-left-mini-primary.10c4e36f2fbe8f47c115.svg)
}

.chevron-right {
    background-image: url(../imgs/chevron-right-mini-primary.e46be9276f8eb8c8713e.svg)
}

.chevron-double-left {
    background-image: url(../imgs/chevron-double-left-mini-primary.f112a47d87f559792570.svg)
}

.chevron-double-right {
    background-image: url(../imgs/chevron-double-right-mini-primary.30d16b1fc93e53352369.svg)
}

.disabled .chevron-left {
    background-image: url(../imgs/chevron-left-mini.487a2f671e2369d0b9f6.svg)
}

.disabled .chevron-right {
    background-image: url(../imgs/chevron-right-mini.5e9640f22fddd94ed347.svg)
}

.disabled .chevron-double-left {
    background-image: url(../imgs/chevron-double-left-mini.9ddabdacb2ed5d3e9d42.svg)
}

.disabled .chevron-double-right {
    background-image: url(../imgs/chevron-double-right-mini.80e4eab07bdf336b4bb0.svg)
}

.fs-service-center-container {
    max-width: 1500px;
    width: 100%
}

.fs-service-center-wrapper {
    box-sizing: border-box;
    width: 100%
}

.service-center-card {
    border-radius: 16px;
    box-shadow: var(--box-shadow-200);
    padding: 32px
}

@media (min-width: 641px) {
    .fs-deposit-container .deposit-table-container {
        overflow-x:visible
    }
}

@media (min-width: 1025px) {
    .fs-service-center-container {
        margin-top:64px;
        padding: 32px
    }
}

.fs-slots-container {
    max-width: 1504px;
    width: 100%
}

.fs-slots-wrapper {
    box-sizing: border-box;
    width: 100%
}

.slots-gamelist-back {
    background-image: none!important
}

.slots-gamelist-back img {
    width: 100%
}

.slots-gamelist-back:hover img:first-child {
    -webkit-animation: pulsate-fwd 1s ease-in-out infinite both;
    animation: pulsate-fwd 1s ease-in-out infinite both
}

.fs-slots-game-list {
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,.16);
    max-height: calc(100vh - 351px);
    overflow-y: auto;
    padding: 16px 16px 0;
    row-gap: 64px
}

@media (max-width: 1000px) {
    .fs-slots-game-list {
        border-radius:16px;
        box-shadow: 0 2px 8px rgba(0,0,0,.16);
        max-height: calc(100vh - 135px);
        overflow-y: auto;
        padding: 16px 9px 0;
        row-gap: 64px
    }
}

@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fs-vault-point-container {
    max-width: 1500px;
    width: 100%
}

.fs-vault-point-wrapper {
    box-sizing: border-box;
    width: 100%
}

.fs-vault-point-container .step button.btn {
    min-width: 64px
}

.fs-vault-point-container .fs-vault-point-instructions ul {
    list-style-type: circle
}

.fs-vault-point-container .fs-vault-point-instructions ul li {
    color: var(--grey-500);
    line-height: 1.4em;
    margin-left: 32px;
    padding: 12px
}

.fs-body-wrapper {
    box-sizing: border-box;
    width: 100%
}

.fs-withdraw-container table {
    width: 100%
}

.fs-withdraw-container table tbody tr td span.won {
    color: var(--primary);
    font-weight: 700
}

.withdraw-form-container .withdraw-info .withdraw-info-account,.withdraw-form-container .withdraw-info .withdraw-info-money {
    border: 1px solid var(--grey-200);
    border-radius: 8px;
    padding: 16px
}

.withdraw-form-container .withdraw-info .withdraw-info-account .info-text {
    color: var(--grey-400);
    line-height: 1.5em
}

.withdraw-form-container .withdraw-info .withdraw-info-account .btn-account-request {
    display: inline-block
}

.withdraw-form-container .withdraw-info label {
    color: var(--label-color);
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.withdraw-form-container .withdraw-info span.money-amount {
    font-size: 18px;
    font-weight: 700
}

.fs-withdraw-container .withdraw-form .form-group {
    display: flex;
    flex-direction: column
}

.fs-withdraw-container .withdraw-table-container .fs-card-body {
    overflow-x: auto
}

.fs-withdraw-container .withdraw-table-container tbody tr td .fs-icon.won {
    display: inline-block;
    vertical-align: middle
}

.fs-withdraw-container .withdraw-table-container tbody tr td .fs-icon.won+span {
    line-height: 17px;
    vertical-align: middle
}

.fs-withdraw-card {
    border-radius: 16px;
    box-shadow: var(--box-shadow-200);
    padding: 32px
}

.fs-withdraw-desc ul {
    list-style-type: circle
}

.fs-withdraw-desc ul li {
    color: var(--grey-500);
    line-height: 1.4em;
    margin-left: 32px;
    padding: 12px
}

.withdraw-steps {
    flex-wrap: wrap
}

.withdraw-steps .btn {
    flex: 1 1;
    min-width: 80px;
    width: 80px
}

.withdraw-steps .reset {
    min-width: 96px;
    width: 108px
}

@media (min-width: 641px) {
    .fs-withdraw-container .withdraw-table-container {
        overflow-x:visible
    }
}

.swal2-popup.swal2-toast .swal2-title {
    margin: 1em!important
}

.swal2-popup.swal2-toast {
    padding: 10px!important
}

.Apploading {
    background: rgba(17,24,39,.8);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999
}

.lds-ripple {
    display: inline-block;
    height: 100px;
    left: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100px
}

.lds-ripple div {
    -webkit-animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;
    animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;
    border: 4px solid #fff;
    border-radius: 50%;
    opacity: 1;
    position: absolute
}

.lds-ripple div:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    border-color: #f8ae09
}

.lds-ripple div:nth-child(2) {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
    border-color: #e90c59
}

@-webkit-keyframes lds-ripple {
    0% {
        height: 0;
        left: 50px;
        opacity: 0;
        top: 50px;
        width: 0
    }

    4.9% {
        height: 0;
        left: 50px;
        opacity: 0;
        top: 50px;
        width: 0
    }

    5% {
        height: 0;
        left: 50px;
        opacity: 1;
        top: 50px;
        width: 0
    }

    to {
        height: 100px;
        left: 0;
        opacity: 0;
        top: 0;
        width: 100px
    }
}

@keyframes lds-ripple {
    0% {
        height: 0;
        left: 50px;
        opacity: 0;
        top: 50px;
        width: 0
    }

    4.9% {
        height: 0;
        left: 50px;
        opacity: 0;
        top: 50px;
        width: 0
    }

    5% {
        height: 0;
        left: 50px;
        opacity: 1;
        top: 50px;
        width: 0
    }

    to {
        height: 100px;
        left: 0;
        opacity: 0;
        top: 0;
        width: 100px
    }
}

.modal-content {
    background: #fff!important;
    border: none;
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0,0,0,.3);
    position: relative
}

.modal-header {
    align-items: center;
    background: #2b3139!important;
    border-bottom-color: #e2e7eb;
    display: flex;
    justify-content: space-between;
    padding: 12px 15px
}

.modal-header button {
    align-items: center;
    background-color: initial;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex
}

.modal-body {
    padding: 1px;
    position: relative;
    text-align: center
}

.modal-footer {
    background: #2b3139!important;
    border-top-color: #e2e7eb;
    padding: 14px 15px 15px;
    text-align: center
}

.my-page-item {
    align-items: center;
    border: none;
    border-radius: 8px;
    color: var(--primary);
    display: flex;
    font-weight: 700;
    line-height: 14px;
    padding: 10px 16px;
    transition: none
}

.my-page-item:hover {
    background-color: var(--primary-100);
    box-shadow: 0 2px 4px rgba(var(--rgb-primary-600)/18%);
    cursor: pointer
}

.my-page-item.disabled:hover {
    background-color: initial;
    box-shadow: none;
    cursor: inherit
}

.my-page-item.active {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    cursor: pointer;
    font-weight: 700;
    line-height: 14px;
    transition: none
}

.my-page-item.active:hover {
    background-color: var(--primary-600);
    border-color: var(--primary-600);
    box-shadow: 0 2px 4px rgba(var(--rgb-primary-600)/18%)
}

.show {
    visibility: visible
}

.hidden {
    visibility: hidden
}

.my-message-container {
    cursor: pointer;
    position: fixed;
    right: 10px;
    top: calc(100vh - 10px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 998
}

.my-message-wrapper {
    align-items: center;
    background-color: var(--primary-100);
    border: 2px solid transparent;
    border-radius: 8px;
    box-shadow: 0 0 8px var(--primary-600),0 0 16px var(--primary-200);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 20px;
    width: 150px
}

.my-message-title {
    color: var(--grey-500);
    color: var(--primary-700);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap
}

.my-message-text {
    color: var(--grey-500)
}

.my-message-count,.my-message-text {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap
}

.my-message-count {
    color: var(--danger)
}

.iframe-fullscreen {
    height: calc(100vh - 30px);
    width: 100vw
}

.iframe-container {
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 900
}

.iframe-content {
    border-radius: var(--card-radius);
    box-shadow: 0 5px 15px rgba(0,0,0,.3);
    height: 100%;
    position: relative;
    width: 100%
}

.iframe-header {
    align-items: center;
    background-color: var(--card-header-bg);
    border-bottom: none;
    border-top-left-radius: var(--card-radius);
    border-top-right-radius: var(--card-radius);
    color: #fff;
    color: var(--primary-900);
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-content: space-between;
    padding: 4px 10px 4px 20px
}

.iframe-header button {
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    gap: 2px;
    line-height: 13px;
    outline: none
}

.iframe-main {
    height: 600px;
    width: 1000px
}

@media (max-width: 1000px) {
    .iframe-main {
        height:calc(100vh - 80px);
        width: calc(100vw - 40px)
    }
}

.lds-ring {
    display: inline-block;
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 80px
}

.lds-ring div {
    -webkit-animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
    animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
    border: 8px solid transparent;
    border-radius: 50%;
    border-top-color: #fff;
    box-sizing: border-box;
    display: block;
    height: 64px;
    margin: 8px;
    position: absolute;
    width: 64px
}

.lds-ring div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.splash-screen {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    position: absolute;
    width: 100vw;
    z-index: 1000
}

.splash-screen img {
    width: 40%
}

.browser-check,.secret-check {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    position: absolute;
    width: 100vw;
    z-index: 1000
}

.browser-check img {
    height: 100%
}

.secret-check img {
    height: auto;
    width: 90%
}

@media (max-width: 768px) {
    .browser-check img {
        height:auto;
        width: 90%
    }
}

.friends-action-container,.friends-action-container__item {
    align-items: center;
    display: flex;
    gap: 10px
}

.friends-action-container__item label {
    width: -webkit-max-content;
    width: max-content
}

.friends-action-container__item input {
    max-width: 80px!important
}

.friends-action-container button {
    width: -webkit-max-content;
    width: max-content
}