@charset "UTF-8";


@font-face {
    font-family: icomoon;
    src: url(/fonts/icomoon.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Noto Sans Thai;
    font-weight: 400;
    src: url(/fonts/NotoSansThai-Thin.ttf)
}

@font-face {
    font-family: Noto Sans Thai Regular;
    font-weight: 400;
    src: url(/fonts/NotoSansThai-Regular.ttf)
}

@font-face {
    font-family: Noto Sans Thai Light;
    font-weight: 400;
    src: url(/fonts/NotoSansThai-Light.ttf)
}

@font-face {
    font-family: Noto Sans Thai Med;
    src: url(/fonts/NotoSansThai-Medium.ttf)
}

@font-face {
    font-family: Noto Sans Thai Bold;
    src: url(/fonts/NotoSansThai-Bold.ttf)
}





@font-face {
  font-family: 'Noto Sans SC Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 650 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/noto-sans-sc:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}


@media(min-width:320px){
    .card-height{
        height:85px
    }
    .card-center{
        width:47px;
        margin-left:auto;
        line-height:1rem;
        border-radius:0 0 20px 20px;
        background:#00b8ff;
        background:linear-gradient(90deg,rgba(0,184,255,1) 0%,rgba(0,114,255,1) 50%,rgba(201,71,255,1) 100%);
        padding:2px;
        right:10px;
        font-size:8px;
        text-align:center;
        text-shadow:1px 1px 2px #000
    }
}
@media(min-width:375px){
    .card-height{
        height:90px
    }
    .card-center{
        width:61px;
        margin-left:auto;
        line-height:1rem;
        border-radius:0 0 20px 20px;
        background:#00b8ff;
        background:linear-gradient(90deg,rgba(0,184,255,1) 0%,rgba(0,114,255,1) 50%,rgba(201,71,255,1) 100%);
        padding:4px;
        right:10px;
        font-size:11px;
        text-align:center;
        text-shadow:1px 1px 2px #000
    }
}
@media(min-width:390px){
    .card-height{
        height:90px
    }
    .card-center{
        width:65px;
        margin-left:auto;
        line-height:1rem;
        border-radius:0 0 20px 20px;
        background:#00b8ff;
        background:linear-gradient(90deg,rgba(0,184,255,1) 0%,rgba(0,114,255,1) 50%,rgba(201,71,255,1) 100%);
        padding:4px;
        right:10px;
        font-size:11px;
        text-align:center;
        text-shadow:1px 1px 2px #000
    }
}
@media(min-width:414px){
    .card-height{
        height:90px
    }
    .card-center{
        width:71px;
        margin-left:auto;
        line-height:1rem;
        border-radius:0 0 20px 20px;
        background:#00b8ff;
        background:linear-gradient(90deg,rgba(0,184,255,1) 0%,rgba(0,114,255,1) 50%,rgba(201,71,255,1) 100%);
        padding:4px;
        right:10px;
        font-size:11px;
        text-align:center;
        text-shadow:1px 1px 2px #000
    }
}
@media(min-width:428px){
    .card-height{
        height:90px
    }
    .card-center{
        width:74px;
        margin-left:auto;
        line-height:1rem;
        border-radius:0 0 20px 20px;
        background:#00b8ff;
        background:linear-gradient(90deg,rgba(0,184,255,1) 0%,rgba(0,114,255,1) 50%,rgba(201,71,255,1) 100%);
        padding:4px;
        right:10px;
        font-size:11px;
        text-align:center;
        text-shadow:1px 1px 2px #000
    }
}
@media(min-width:500px){
    .card-height{
        height:120px
    }
    .card-center{
        width:92px;
        margin-left:auto;
        line-height:1rem;
        border-radius:20px 20px 0 0;
        background:#00b8ff;
        background:linear-gradient(90deg,rgba(0,184,255,1) 0%,rgba(0,114,255,1) 50%,rgba(201,71,255,1) 100%);
        padding:4px;
        top:6%;
        right:10px;
        font-size:11px;
        text-align:center;
        text-shadow:1px 1px 2px #000
    }
}
@media(min-width:576px){
    #page,.page-sm,#footer-bar{
        max-width:540px;
        margin:auto
    }
    .card-height{
        height:120px
    }
    .card-center{
        width:103px;
        margin-left:auto;
        line-height:1rem;
        border-radius:20px 20px 0 0;
        background:#00b8ff;
        background:linear-gradient(90deg,rgba(0,184,255,1) 0%,rgba(0,114,255,1) 50%,rgba(201,71,255,1) 100%);
        padding:4px;
        top:6%;
        right:10px;
        font-size:11px;
        text-align:center;
        text-shadow:1px 1px 2px #000
    }
}
@media(min-width:768px){
    #page,.page-md,.page-sm,#footer-bar,#menu-request{
        max-width:720px;
        margin:auto
    }
    .card-height{
        height:150px
    }
    .card-center{
        width:110px;
        margin-left:auto;
        line-height:1rem;
        border-radius:20px 0 20px 0;
        background:#00b8ff;
        background:linear-gradient(90deg,rgba(0,184,255,1) 0%,rgba(0,114,255,1) 50%,rgba(201,71,255,1) 100%);
        padding:4px;
        top:76%;
        right:10px;
        font-size:12px;
        text-align:center;
        text-shadow:1px 1px 2px #000
    }
}
@media(min-width:992px){
    #page,.page-lg,.page-md,.page-sm,#footer-bar,#menu-request{
        max-width:960px;
        margin:auto
    }
    .card-height{
        height:150px
    }
    .card-center{
        width:110px;
        margin-left:auto;
        line-height:1rem;
        border-radius:20px 0 20px 0;
        background:#00b8ff;
        background:linear-gradient(90deg,rgba(0,184,255,1) 0%,rgba(0,114,255,1) 50%,rgba(201,71,255,1) 100%);
        padding:4px;
        top:76%;
        right:10px;
        font-size:12px;
        text-align:center;
        text-shadow:1px 1px 2px #000
    }
}
@media(min-width:1200px){
    #page,.page-lg,.page-md,.page-sm,.page-xl,#footer-bar,#menu-request{
        max-width:1140px;
        margin:auto
    }
    .card-height{
        height:150px
    }
    .card-center{
        width:110px;
        margin-left:auto;
        line-height:1rem;
        border-radius:20px 0 20px 0;
        background:#00b8ff;
        background:linear-gradient(90deg,rgba(0,184,255,1) 0%,rgba(0,114,255,1) 50%,rgba(201,71,255,1) 100%);
        padding:4px;
        top:76%;
        right:10px;
        font-size:12px;
        text-align:center;
        text-shadow:1px 1px 2px #000
    }
}
@media(min-width:1400px){
    #page,.page-lg,.page-md,.page-sm,.page-xl,.page-xxl,#footer-bar,#menu-request{
        max-width:1100px;
        margin:auto
    }
    .card-height{
        height:150px
    }
    .card-center{
        width:110px;
        margin-left:auto;
        line-height:1rem;
        border-radius:20px 0 20px 0;
        background:#00b8ff;
        background:linear-gradient(90deg,rgba(0,184,255,1) 0%,rgba(0,114,255,1) 50%,rgba(201,71,255,1) 100%);
        padding:4px;
        top:76%;
        right:10px;
        font-size:12px;
        text-align:center;
        text-shadow:1px 1px 2px #000
    }
}
.fa-rotate-180,.fa-rotate-90,[data-bs-toggle] i{
    transition:all 350ms ease
}
.color-white{
    color:#fff!important
}
.color-black{
    color:#000!important
}
.bg-white{
    background-color:#fff!important
}
.bg-black{
    background-color:#000!important
}
.theme-dark{
    background-color:#18191a
}
.theme-dark .bg-theme{
    background-color:#0f1117!important
}
.theme-dark .border-theme{
    border-color:#0f1117!important
}
.theme-dark .color-theme{
    color:#fff!important
}
.theme-light{
    background-color:#fff
}
.theme-light .bg-theme{
    background-color:#fff!important
}
.theme-light .border-theme{
    border-color:#fff!important
}
.theme-light .color-theme{
    color:#0f1117!important
}
.theme-dark p{
    color:#898989
}
.theme-dark code{
    color:#898989;
    opacity:.7
}
.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5,.theme-dark h6,.theme-dark #footer-bar a i,.theme-dark #footer-bar a span .theme-dark p strong{
    color:#fff
}
.theme-dark .header,.theme-dark #footer-bar{
    background:rgba(0,0,0,.55)
}
.theme-dark .card,.theme-dark #preloader{
    background-color:#0f1117
}
.color-highlight{
    color:#1e599f!important
}
.bg-highlight{
    background-color:#4a89dc!important;
    color:#fff!important
}
.border-highlight{
    border-color:#4a89dc!important
}
.gradient-highlight{
    background-image:linear-gradient(to bottom,#5D9CEC,#4A89DC)!important;
    color:#fff!important
}
.gradient-menu{
    background-image:linear-gradient(130deg,#7ea5f6,#ff384c)!important
}
.bg-fade2-highlight{
    background-color:#fff!important;
    color:#fff!important
}
.bg-fade-highlight{
    background-color:#fff!important;
    color:#fff!important
}
.color-highlight-light{
    color:#5d9cec!important
}
.bg-highlight-light{
    background-color:#5d9cec!important;
    color:#fff!important
}
.color-highlight-dark{
    color:#4a89dc!important
}
.color-icon-highlight{
    stroke:#4a89dc!important;
    fill:rgba(140,193,82,.3)!important
}
.bg-highlight-dark{
    background-color:#4a89dc!important;
    color:#fff!important
}
.border-highlight-light{
    border-color:#5d9cec!important
}
.border-highlight-dark{
    border-color:#4a89dc!important
}
.border-fade-highlight{
    border-color:#fff!important
}
.focus-highlight:focus{
    border-color:#4a89dc!important
}
.gradient-highlight{
    border:none;
    background-image:linear-gradient(to bottom,#5D9CEC,#4A89DC)
}
.bg-fade2-green{
    background-color:rgba(140,193,82,.15)!important;
    color:#fff!important
}
.bg-fade-green{
    background-color:rgba(140,193,82,.3)!important;
    color:#fff!important
}
.color-green-light{
    color:#a0d468!important
}
.bg-green-light{
    background-color:#a0d468!important;
    color:#fff!important
}
.color-green-dark{
    color:#8cc152!important
}
.color-icon-green{
    stroke:#8cc152!important;
    fill:rgba(140,193,82,.3)!important
}
.bg-green-dark{
    background-color:#8cc152!important;
    color:#fff!important
}
.border-green-light{
    border-color:#a0d468!important
}
.border-green-dark{
    border-color:#8cc152!important
}
.border-fade-green{
    border-color:rgba(140,193,82,.3)!important
}
.focus-green:focus{
    border-color:#8cc152!important
}
.gradient-green{
    border:none;
    background-image:linear-gradient(to bottom,#A0D468,#8CC152)
}
.bg-fade2-red{
    background-color:rgba(218,68,83,.2)!important;
    color:#fff!important
}
.bg-fade-red{
    background-color:rgba(218,68,83,.2)!important;
    color:#fff!important
}
.color-red-light{
    color:#ed5565!important
}
.bg-red-light{
    background-color:#ed5565!important;
    color:#fff!important
}
.color-red-dark{
    color:#d84558!important
}
.color-icon-red{
    stroke:#d84558!important;
    fill:rgba(218,68,83,.2)!important
}
.bg-red-dark{
    background-color:#d84558!important;
    color:#fff!important
}
.border-red-light{
    border-color:#ed5565!important
}
.border-red-dark{
    border-color:#d84558!important
}
.border-fade-red{
    border-color:rgba(218,68,83,.2)!important
}
.focus-red:focus{
    border-color:#d84558!important
}
.gradient-red{
    border:none;
    background-image:linear-gradient(to bottom,#ED5565,#d84558)
}
.bg-fade2-orange{
    background-color:rgba(233,87,63,.2)!important;
    color:#fff!important
}
.bg-fade-orange{
    background-color:rgba(233,87,63,.3)!important;
    color:#fff!important
}
.color-orange-light{
    color:#fc6e51!important
}
.bg-orange-light{
    background-color:#fc6e51!important;
    color:#fff!important
}
.color-orange-dark{
    color:#e9573f!important
}
.color-icon-orange{
    stroke:#e9573f!important;
    fill:rgba(233,87,63,.3)!important
}
.bg-orange-dark{
    background-color:#e9573f!important;
    color:#fff!important
}
.border-orange-light{
    border-color:#fc6e51!important
}
.border-orange-dark{
    border-color:#e9573f!important
}
.border-fade-orange{
    border-color:rgba(233,87,63,.3)!important
}
.focus-orange:focus{
    border-color:#e9573f!important
}
.gradient-orange{
    border:none;
    background-image:linear-gradient(to bottom,#FC6E51,#E9573F)
}
.bg-fade2-yellow{
    background-color:rgba(246,187,66,.2)!important;
    color:#fff!important
}
.bg-fade-yellow{
    background-color:rgba(246,187,66,.25)!important;
    color:#fff!important
}
.color-yellow-light{
    color:#ffce54!important
}
.bg-yellow-light{
    background-color:#ffce54!important;
    color:#fff!important
}
.color-yellow-dark{
    color:#f6bb42!important
}
.color-icon-yellow{
    stroke:#f6bb42!important;
    fill:rgba(246,187,66,.25)!important
}
.bg-yellow-dark{
    background-color:#f6bb42!important;
    color:#fff!important
}
.border-yellow-light{
    border-color:#ffce54!important
}
.border-yellow-dark{
    border-color:#f6bb42!important
}
.border-fade-yellow{
    border-color:rgba(246,187,66,.25)!important
}
.focus-yellow:focus{
    border-color:#f6bb42!important
}
.gradient-yellow{
    border:none;
    background-image:linear-gradient(to bottom,#FFCE54,#F6BB42)
}
.bg-fade2-blue{
    background-color:rgba(74,137,220,.2)!important;
    color:#fff!important
}
.bg-fade-blue{
    background-color:rgba(74,137,220,.25)!important;
    color:#fff!important
}
.color-blue-light{
    color:#5d9cec!important
}
.bg-blue-light{
    background-color:#5d9cec!important;
    color:#fff!important
}
.color-blue-dark{
    color:#4a89dc!important
}
.color-icon-blue{
    stroke:#4a89dc!important;
    fill:rgba(74,137,220,.25)!important
}
.bg-blue-dark{
    background-color:#c6570d  !important;
    color:#fff!important
}
.border-blue-light{
    border-color:#5d9cec!important
}
.border-blue-dark{
    border-color:#4a89dc!important
}
.border-fade-blue{
    border-color:rgba(74,137,220,.25)!important
}
.focus-blue:focus{
    border-color:#4a89dc!important
}
.gradient-blue{
    border:none;
    background-image:linear-gradient(to bottom,#075fe2,#0962d2)
}
.bg-fade2-teal{
    background-color:rgba(125,177,177,.2)!important;
    color:#fff!important
}
.bg-fade-teal{
    background-color:rgba(125,177,177,.3)!important;
    color:#fff!important
}
.color-teal-light{
    color:#a0cecb!important
}
.bg-teal-light{
    background-color:#a0cecb!important;
    color:#fff!important
}
.color-teal-dark{
    color:#7db1b1!important
}
.color-icon-teal{
    stroke:#7db1b1!important;
    fill:rgba(125,177,177,.3)!important
}
.bg-teal-dark{
    background-color:#7db1b1!important;
    color:#fff!important
}
.border-teal-light{
    border-color:#a0cecb!important
}
.border-teal-dark{
    border-color:#7db1b1!important
}
.border-fade-teal{
    border-color:rgba(125,177,177,.3)!important
}
.focus-teal:focus{
    border-color:#7db1b1!important
}
.gradient-teal{
    border:none;
    background-image:linear-gradient(to bottom,#A0CECB,#7DB1B1)
}
.bg-fade2-mint{
    background-color:rgba(55,188,155,.2)!important;
    color:#fff!important
}
.bg-fade-mint{
    background-color:rgba(55,188,155,.3)!important;
    color:#fff!important
}
.color-mint-light{
    color:#48cfad!important
}
.bg-mint-light{
    background-color:#48cfad!important;
    color:#fff!important
}
.color-mint-dark{
    color:#37bc9b!important
}
.color-icon-mint{
    stroke:#37bc9b!important;
    fill:rgba(55,188,155,.3)!important
}
.bg-mint-dark{
    background-color:#37bc9b!important;
    color:#fff!important
}
.border-mint-light{
    border-color:#48cfad!important
}
.border-mint-dark{
    border-color:#37bc9b!important
}
.border-fade-mint{
    border-color:rgba(55,188,155,.3)!important
}
.focus-mint:focus{
    border-color:#37bc9b!important
}
.gradient-mint{
    border:none;
    background-image:linear-gradient(to bottom,#48CFAD,#37BC9B)
}
.bg-fade2-pink{
    background-color:rgba(215,112,173,.2)!important;
    color:#fff!important
}
.bg-fade-pink{
    background-color:rgba(255,89,190,.3)!important;
    color:#fff!important
}
.color-pink-light{
    color:#ff5982!important
}
.bg-pink-light{
    background-color:#ff5982!important;
    color:#fff!important
}
.color-pink-dark{
    color:#fb3365!important
}
.color-icon-pink{
    stroke:#fb3365!important;
    fill:rgba(255,89,190,.3)!important
}
.bg-pink-dark{
    background-color:#fb3365!important;
    color:#fff!important
}
.border-pink-light{
    border-color:#ff5982!important
}
.border-pink-dark{
    border-color:#fb3365!important
}
.border-fade-pink{
    border-color:rgba(255,89,190,.3)!important
}
.focus-pink:focus{
    border-color:#fb3365!important
}
.gradient-pink{
    border:none;
    background-image:linear-gradient(to bottom,#ff5982,#fb3365)
}
.bg-fade2-magenta{
    background-color:rgba(150,122,220,.2)!important;
    color:#fff!important
}
.bg-fade-magenta{
    background-color:rgba(150,122,220,.3)!important;
    color:#fff!important
}
.color-magenta-light{
    color:#ac92ec!important
}
.bg-magenta-light{
    background-color:#ac92ec!important;
    color:#fff!important
}
.color-magenta-dark{
    color:#967adc!important
}
.color-icon-magenta{
    stroke:#967adc!important;
    fill:rgba(150,122,220,.3)!important
}
.bg-magenta-dark{
    background-color:#967adc!important;
    color:#fff!important
}
.border-magenta-light{
    border-color:#ac92ec!important
}
.border-magenta-dark{
    border-color:#967adc!important
}
.border-fade-magenta{
    border-color:rgba(150,122,220,.3)!important
}
.focus-magenta:focus{
    border-color:#967adc!important
}
.gradient-magenta{
    border:none;
    background-image:linear-gradient(to bottom,#AC92EC,#967ADC)
}
.bg-fade2-brown{
    background-color:rgba(170,142,105,.2)!important;
    color:#fff!important
}
.bg-fade-brown{
    background-color:rgba(170,142,105,.25)!important;
    color:#fff!important
}
.color-brown-light{
    color:#baa286!important
}
.bg-brown-light{
    background-color:#baa286!important;
    color:#fff!important
}
.color-brown-dark{
    color:#aa8e69!important
}
.color-icon-brown{
    stroke:#aa8e69!important;
    fill:rgba(170,142,105,.25)!important
}
.bg-brown-dark{
    background-color:#aa8e69!important;
    color:#fff!important
}
.border-brown-light{
    border-color:#baa286!important
}
.border-brown-dark{
    border-color:#aa8e69!important
}
.border-fade-brown{
    border-color:rgba(170,142,105,.25)!important
}
.focus-brown:focus{
    border-color:#aa8e69!important
}
.gradient-brown{
    border:none;
    background-image:linear-gradient(to bottom,#BAA286,#AA8E69)
}
.bg-fade2-gray{
    background-color:rgba(170,178,189,.2)!important;
    color:#fff!important
}
.bg-fade-gray{
    background-color:rgba(170,178,189,.4)!important;
    color:#fff!important
}
.color-gray-light{
    color:#e2e5ea!important
}
.bg-gray-light{
    background-color:#e2e5ea!important;
    color:#fff!important
}
.color-gray-dark{
    color:#aab2bd!important
}
.color-icon-gray{
    stroke:#aab2bd!important;
    fill:rgba(170,178,189,.4)!important
}
.bg-gray-dark{
    background-color:#aab2bd!important;
    color:#fff!important
}
.border-gray-light{
    border-color:#e2e5ea!important
}
.border-gray-dark{
    border-color:#aab2bd!important
}
.border-fade-gray{
    border-color:rgba(170,178,189,.4)!important
}
.focus-gray:focus{
    border-color:#aab2bd!important
}
.gradient-gray{
    border:none;
    background-image:linear-gradient(to bottom,#e2e5ea,#AAB2BD)
}
.bg-fade2-night{
    background-color:rgba(67,74,84,.2)!important;
    color:#fff!important
}
.bg-fade-night{
    background-color:rgba(67,74,84,.3)!important;
    color:#fff!important
}
.color-night-light{
    color:#222529!important
}
.bg-night-light{
    background-color:#222529!important;
    color:#fff!important
}
.color-night-dark{
    color:#16181c!important
}
.color-icon-night{
    stroke:#16181c!important;
    fill:rgba(67,74,84,.3)!important
}
.bg-night-dark{
    background-color:#16181c!important;
    color:#fff!important
}
.border-night-light{
    border-color:#222529!important
}
.border-night-dark{
    border-color:#16181c!important
}
.border-fade-night{
    border-color:rgba(67,74,84,.3)!important
}
.focus-night:focus{
    border-color:#16181c!important
}
.gradient-night{
    border:none;
    background-image:linear-gradient(to bottom,#222529,#16181c)
}
.bg-fade2-dark{
    background-color:rgba(67,74,84,.2)!important;
    color:#fff!important
}
.bg-fade-dark{
    background-color:rgba(67,74,84,.4)!important;
    color:#fff!important
}
.color-dark-light{
    color:#656d78!important
}
.bg-dark-light{
    background-color:#656d78!important;
    color:#fff!important
}
.color-dark-dark{
    color:#434a54!important
}
.color-icon-dark{
    stroke:#434a54!important;
    fill:rgba(67,74,84,.4)!important
}
.bg-dark-dark{
    background-color:#434a54!important;
    color:#fff!important
}
.border-dark-light{
    border-color:#656d78!important
}
.border-dark-dark{
    border-color:#434a54!important
}
.border-fade-dark{
    border-color:rgba(67,74,84,.4)!important
}
.focus-dark:focus{
    border-color:#434a54!important
}
.gradient-dark{
    border:none;
    background-image:linear-gradient(to bottom,#656D78,#434A54)
}
.color-facebook{
    color:#3b5998!important
}
.bg-facebook{
    background-color:#3b5998!important;
    color:#fff
}
.color-linkedin{
    color:#0077b5!important
}
.bg-linkedin{
    background-color:#0077b5!important;
    color:#fff
}
.color-twitter{
    color:#4099ff!important
}
.bg-twitter{
    background-color:#4099ff!important;
    color:#fff
}
.color-google{
    color:#d34836!important
}
.bg-google{
    background-color:#d34836!important;
    color:#fff
}
.color-whatsapp{
    color:#34af23!important
}
.bg-whatsapp{
    background-color:#34af23!important;
    color:#fff
}
.color-pinterest{
    color:#c92228!important
}
.bg-pinterest{
    background-color:#c92228!important;
    color:#fff
}
.color-mail{
    color:#3498db!important
}
.bg-mail{
    background-color:#3498db!important;
    color:#fff
}
.color-phone{
    color:#27ae60!important
}
.bg-phone{
    background-color:#27ae60!important;
    color:#fff
}
.color-instagram{
    color:#e1306c!important
}
.bg-instagram{
    background-color:#e1306c!important;
    color:#fff
}
.color-white{
    color:#fff!important
}
.color-black{
    color:#000!important
}
.bg-white{
    background-color:#fff!important
}
.bg-black{
    background-color:#000!important
}
.border-transparent{
    border-color:transparent!important
}
.theme-light .bg-gradient-fade{
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.1) 30%,rgba(0,0,0,0.8) 70%,#000 100%)!important
}
.theme-dark .bg-gradient-fade{
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.1) 30%,rgba(0,0,0,0.8) 70%,#000 100%)!important
}
.theme-dark .border-theme{
    border-color:rgba(255,255,255,.1)!important
}
.theme-light .border-theme{
    border-color:rgba(0,0,0,.1)!important
}
.splide__pagination__page.is-active{
    background-color:#4a89dc!important
}
.footer-bar-1 .active-nav i,.footer-bar-1 .active-nav span{
    color:#4a89dc!important
}
.footer-bar-2 .active-nav{
    border-bottom:solid 3px #4a89dc
}
.footer-bar-3 .active-nav{
    border-top:solid 3px #4a89dc
}
.footer-bar-4 .active-nav{
    background-color:#4a89dc
}
#footer-bar .circle-nav-1::after,#footer-bar .circle-nav-2::before,#footer-bar .circle-nav-2::after{
    /*background-image:linear-gradient(to bottom,#5D9CEC,#4A89DC)!important*/
}
input[type=range]::-webkit-slider-thumb{
    background-color:#4a89dc
}
.color-highlight{
    color:#4a89dc
}
.bg-highlight{
    background-color:#4a89dc;
    color:#fff!important
}
.shadow-bg:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:inherit;
    z-index:-1
}
.shadow-bg{
    background-size:cover;
    position:relative;
    z-index:10;
    overflow:visible!important
}
.shadow-bg-xs::after{
    transform:scale(.75) translateY(5px) translateZ(0px);
    filter:blur(8px)
}
.shadow-bg-s::after{
    transform:scale(.8) translateY(5px) translateZ(0px);
    filter:blur(12px)
}
.shadow-bg-m::after{
    transform:scale(.85) translateY(7px) translateZ(0px);
    filter:blur(12px)
}
.shadow-bg-l::after{
    transform:scale(.95) translateY(10px) translateZ(0px);
    filter:blur(12px)
}
.theme-dark .shadow-card:after{
    opacity:.12!important
}
.theme-dark #footer-bar .circle-nav-2::before,.theme-dark .shadow-bg:after{
    opacity:.5!important
}
.bg-1{
    background-image:url(../images/pictures/valorant.jpg)
}
.bg-2{
    background-image:url(../images/pictures/ROX.jpg)
}
.bg-3{
    background-image:url(../images/pictures/bundle.jpg)
}
.bg-4{
    background-image:url(../images/pictures/33.jpg)
}
.bg-5{
    background-image:url(../images/pictures/rov.jpg)
}
.bg-6{
    background-image:url(../images/pictures/freefire.jpg)
}
.bg-7{
    background-image:url(../images/pictures/BATTALEPASS.jpg)
}
.bg-8{
    background-image:url(../images/pictures/rgx.jpg)
}
.bg-9{
    background-image:url(../images/pictures/Titanmail.jpg)
}
.bg-10{
    background-image:url(../images/pictures/genshin.jpg)
}
.bg-11{
    background-image:url(../images/pictures/sausage_man.jpg)
}
.bg-12{
    background-image:url(../images/pictures/apexmobile.jpg)
}
.bg-13{
    background-image:url(../images/pictures/Neptune.jpg)
}
.bg-14{
    background-image:url(../images/pictures/pubg_m.jpg)
}
.bg-15{
    background-image:url(../images/pictures/BULLET.jpg)
}
.bg-16{
    background-image:url(../images/pictures/xenohunter.jpg)
}
.bg-17{
    background-image:url(../images/pictures/Post_102.jpg)
}
.bg-18{
    background-image:url(../images/pictures/apexmobile_Post_2_ver_2.jpg)
}
.bg-19{
    background-image:url(../images/pictures/Prelude_to_Chaos.jpg)
}
.bg-20{
    background-image:url(../images/pictures/myhero.jpg)
}
.bg-21{
    background-image:url(../images/pictures/lol.jpg)
}
.bg-22{
    background-image:url(../images/pictures/lor.jpg)
}
.bg-23{
    background-image:url(../images/pictures/counter_si.jpg)
}
.bg-24{
    background-image:url(../images/pictures/identityv.jpg)
}
.bg-25{
    background-image:url(../images/pictures/mu_arc.jpg)
}
.bg-26{
    background-image:url(../images/pictures/Mobilelegends.jpg)
}
.bg-27{
    background-image:url(../images/pictures/sarmad.jpg)
}
.bg-28{
    background-image:url(../images/pictures/diablo_imm.jpg)
}
.bg-29{
    background-image:url(../images/pictures/hyper_front.jpg)
}
.bg-30{
    background-image:url(../images/pictures/zepeto.jpg)
}
.bg-31{
    background-image:url(../images/pictures/super_sus.jpg)
}
.bg-32{
    background-image:url(../images/pictures/rom.jpg)
}
.bg-33{
    background-image:url(../images/pictures/reaver2.jpg)
}
.bg-34{
    background-image:url(../images/pictures/champions_2022.jpg)
}
.bg-35{
    background-image:url(../images/pictures/muorigin3.jpg)
}
.bg-36{
    background-image:url(../images/pictures/tower.jpg)
}
.bg-37{
    background-image:url(../images/pictures/koh.jpg)
}
.bg-38{
    background-image:url(../images/pictures/ChronoVoid.jpg)
}
.bg-39{
    background-image:url(../images/pictures/crimsonbeat.jpg)
}
.bg-40{
    background-image:url(../images/pictures/overwatch2.jpg)
}
.bg-41{
    background-image:url(../images/pictures/ion2.0.jpg)
}
.bg-42{
    background-image:url(../images/pictures/xhero.jpg)
}
.bg-43{
    background-image:url(../images/pictures/soulstrife.jpg)
}
.bg-44{
    background-image:url(../images/pictures/NIKKE.jpg)
}
.bg-45{
    background-image:url(../images/pictures/marvelsnap.jpg)
}
.bg-46{
    background-image:url(../images/pictures/Abyssal.jpg)
}
.bg-47{
    background-image:url(../images/pictures/warzonemobile.jpg)
}
.bg-48{
    background-image:url(../images/pictures/Cryostasis.jpg)
}
.bg-49{
    background-image:url(../images/pictures/codwarzone2.0.jpg)
}
.bg-50{
    background-image:url(../images/pictures/LOLPC.jpg)
}
.bg-51{
    background-image:url(../images/pictures/araxys.jpg)
}
.bg-52{
    background-image:url(../images/pictures/pubg_m_global.jpg)
}
.bg-53{
    background-image:url(../images/pictures/LUNA.jpg)
}
.bg-54{
    background-image:url(../images/pictures/CAPSULA.jpg)
}
.bg-55{
    background-image:url(../images/pictures/oni2.jpg)
}
.bg-56{
    background-image:url(../images/pictures/BATTALEPASS_V1.jpg)
}
.bg-57{
    background-image:url(../images/pictures/altitude.jpg)
}
.bg-58{
    background-image:url(../images/pictures/ragnarokorigin.jpg)
}
.bg-59{
    background-image:url(../images/pictures/blackmarket.jpg)
}
.bg-60{
    background-image:url(../images/pictures/arcade.jpg)
}
.bg-61{
    background-image:url(../images/pictures/dragonraja.jpg)
}
.bg-62{
    background-image:url(../images/pictures/sealm.jpg)
}
.bg-63{
    background-image:url(../images/pictures/magepunk3.jpg)
}
.bg-64{
    background-image:url(../images/pictures/semlimites.jpg)
}
.bg-65{
    background-image:url(../images/pictures/aceracer.jpg)
}
.bg-66{
    background-image:url(../images/pictures/fifamobile.jpg)
}
.bg-67{
    background-image:url(../images/pictures/neofrontier.jpg)
}
.bg-68{
    background-image:url(../images/pictures/BATTALEPASS_V2.jpg)
}
.bg-69{
    background-image:url(../images/pictures/garenaundawn.jpg)
}
.bg-70{
    background-image:url(../images/pictures/ignite.jpg)
}
.bg-71{
    background-image:url(../images/pictures/harrypotter.jpg)
}
.bg-72{
    background-image:url(../images/pictures/honkaistarrail.jpg)
}
.bg-73{
    background-image:url(../images/pictures/arenabreak.jpg)
}
.bg-74{
    background-image:url(../images/pictures/dragonnest2.jpg)
}
.bg-75{
    background-image:url(../images/pictures/champions2023.jpg)
}
.bg-76{
    background-image:url(../images/pictures/imperium.jpg)
}
.bg-77{
    background-image:url(../images/pictures/garenashell.jpg)
}
.bg-78{
    background-image:url(../images/pictures/metalslug.jpg)
}
.bg-79{
    background-image:url(../images/pictures/maplestoryR.jpg)
}
.bg-80{
    background-image:url(../images/pictures/fcmobile.jpg)
}
.bg-81{
    background-image:url(../images/pictures/gaia2.jpg)
}
.bg-82{
    background-image:url(../images/pictures/orion.jpg)
}
.bg-83{
    background-image:url(../images/pictures/valianthero.jpg)
}
.payment-list{
    list-style-type:none;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center
}
.payment-option{
    margin-bottom:10px;
    border:1px solid #e8e8e8;
    background-color:#f1f1f1;
    padding:15px;
    display:flex;
    align-items:center;
    flex-basis:100%;
    transition:background-color .3s;
    border-radius:6px;
    cursor:pointer
}
.payment-option input[type=radio]{
    display:none
}
.payment-option label{
    font-weight:400;
    cursor:pointer;
    color:blue;
    position:relative;
    display:flex;
    flex-direction:column
}
.payment-option label:before{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:14px;
    height:14px;
    border:1px solid #000;
    border-radius:50%;
    display:none
}
.payment-option.selected{
    background-color:#c8ddfe;
    color:#fff;
    border-color:#1772e9
}
.payment-option.selected label:before{
    background-color:#000
}
.payment-option.selected .payment-details{
    color:#000
}
.payment-details{
    font-size:14px;
    color:#000;
    margin-left:auto;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    line-height:normal
}
.payment-more-info{
    font-size:11px;
    color:#555
}
body{
    font-size:13px;
    font-family: Noto Sans Thai Med,Noto Sans SC Variable!important;
   /* font-weight: 650;*/
    line-height:24px!important;
    color:#595959!important
}
h1,h2,h3,h4,h5,h6,h7{
    font-weight:700;
    color:#1b1b1b;
   /*font-family: "Kittithada Bold 75",Noto Sans SC Variable!important;*/
    margin-bottom:5px;
    /*letter-spacing:-.6px*/
}
h1{
    font-size:24px;
    line-height:30px;
    font-weight:700
}
h2{
    font-size:22px;
    line-height:25px;
    font-weight:700
}
h3{
    font-size:20px;
    line-height:24px;
    font-weight:700
}
h4{
    font-size:18px;
    line-height:23px;
    font-weight:700
}
h5{
    font-size:16px;
    line-height:22px;
    font-weight:700
}
h6{
    font-size:11px;
    line-height:20px;
    font-weight:700;
    letter-spacing:0
}
.font-title{
    font-family: Noto Sans Thai Med,Noto Sans SC Variable!important;
}
.font-text{
    font-family: Noto Sans Thai Med,Noto Sans SC Variable!important;

}
a{
    text-decoration:none!important
}
p{
    color:#747474;
    margin-bottom:30px;
    padding-bottom:0;
    letter-spacing:-.2px
}
*{
    /*font-smooth:subpixel-antialiased*/
}
#page{
    min-height:100vh;
    z-index:1;
    position:relative;
    /*display:none;*/
   /* background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(239,239,239,1) 25%,rgba(239,239,239,1) 50%,rgba(239,239,239,1) 75%,rgba(255,255,255,1) 100%)*/
}
.page-content{
    min-height:80vh;
    position:relative;
    overflow-x:hidden;
    transition:all 350ms ease;
    z-index:2;
    padding-bottom:60px
}
.is-on-homescreen{
    min-height:100vh!important
}
.content{
    position:relative;
    margin:15px 15px 20px
}
.content p:last-child{
    margin-bottom:0
}
.no-ani,.no-ani .offcanvas,.no-ani .header-bar,.no-ani #footer-bar,.no-ani #page,.no-ani .page-content,.no-ani .btn,.no-ani .icon,.no-ani{
    transition:all 0ms ease!important
}
.header-bar{
    z-index:98;
    left:0;
    right:0;
    top:0;
    min-height:55px;
    padding:0;
    box-shadow:0 8px 24px 0 rgba(0,0,0,.08);
    backdrop-filter:saturate(180%) blur(10px);
    -webkit-backdrop-filter:saturate(180%) blur(10px);
    padding-top:calc((constant(safe-area-inset-top)))!important;
    padding-top:calc((env(safe-area-inset-top)))!important;
    display:flex;
    aling-items:stretch
}
.header-bar a{
    position:relative
}
.header-bar .badge{
    height:15px;
    min-width:15px;
    line-height:16px;
    font-size:9px;
    font-style:normal;
    border-radius:15px;
    text-align:center;
    padding:0;
    position:absolute;
    margin-top:10px;
    margin-left:-6px;
    transform:translateX(0px);
    z-index:3
}
.header-bar .badge-text{
    padding:0 5px
}
.header-bar .btn{
    margin:0 10px!important;
    margin-top:-5px!important;
    font-size:11px!important;
    height:35px!important;
    line-height:22px!important;
    padding:5px 15px!important
}
.header-bar *{
    align-self:center
}
.header-bar a:not(.header-title):not(.dropdown-menu *){
    text-align:center;
    font-size:16px;
    padding-top:1px;
    min-width:45px;
    line-height:55px
}
.header-bar.header-left .header-title{
    padding-left:15px;
    flex-grow:8
}
.header-bar.header-right .header-title{
    padding-right:15px;
    flex-grow:8;
    text-align:right
}
.header-bar.header-app .header-title{
    margin-left:5px;
    flex-grow:8;
    text-align:left
}
.header-bar.header-center .header-title{
    flex-grow:8;
    text-align:center
}
.header-fixed{
    position:fixed
}
.header-title{
    margin-top:0;
    font-size:15px;
    font-weight:700;
    /*font-family:"Kittithada Bold 75",Noto Sans SC Variable!important;*/
}
.header-auto-show{
    opacity:0;
    pointer-events:none;
    transition:all 150ms ease
}
.header-active{
    opacity:1;
    pointer-events:all!important;
    transition:all 150ms ease
}
.header-transparent{
    background-color:transparent!important;
    box-shadow:none!important;
    border:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
}
.header-clear{
    padding-top:55px;
    padding-top:calc(55px + (constant(safe-area-inset-top))*0.8)!important;
    padding-top:calc(55px + (env(safe-area-inset-top))*0.8)!important
}
.header-clear-small{
    padding-top:calc(55px - 25px);
    padding-top:calc(calc(55px - 25px) + (constant(safe-area-inset-top))*0.8)!important;
    padding-top:calc(calc(55px - 25px) + (env(safe-area-inset-top))*0.8)!important
}
.header-clear-medium{
    padding-top:calc(55px + 25px);
    padding-top:calc(calc(55px + 25px) + (constant(safe-area-inset-top))*0.8)!important;
    padding-top:calc(calc(55px + 25px) + (env(safe-area-inset-top))*0.8)!important
}
.header-clear-large{
    padding-top:calc(55px + 40px);
    padding-top:calc(calc(55px + 40px) + (constant(safe-area-inset-top))*0.8)!important;
    padding-top:calc(calc(55px + 40px) + (env(safe-area-inset-top))*0.8)!important
}
.page-content .header-bar{
    position:relative;
    z-index:1
}
.page-title{
    position:relative;
    z-index:90;
    padding:5px 15px 30px
}
.page-title:not(.sidebar-title){
    padding-top:calc((constant(safe-area-inset-top)))!important;
    padding-top:calc((env(safe-area-inset-top)))!important
}
.page-title h1{
    font-size:28px;
    margin-bottom:-3px
}
.page-title p{
    margin-bottom:-6px;
    font-size:13px;
   /* font-family:"Kittithada Bold 75",Noto Sans SC Variable;*/
    font-weight:600
}
.page-title .icon{
    float:left;
    margin-left:12px
}
.page-title img{
    transform:translateY(-1px)
}
.header-card{
    position:absolute;
    left:0;
    right:0;
    top:0;
    z-index:0;
    border-radius:0!important;
    margin:0!important
}
.header-card .card-overlay{
    border-radius:0
}
#header-deco{
    top:0;
    position:absolute;
    height:430px;
    transform:rotate(180deg)
}
#header-deco-1,#header-deco-2,#header-deco-3,#header-deco-4{
    fill:#4a89dc
}
#header-deco-1{
    opacity:.4
}
#header-deco-2{
    opacity:.5
}
#header-deco-3{
    opacity:.7
}
#header-deco-4{
    opacity:1
}
.theme-light .header-bar *{
    color:#1f1f1f
}
.theme-light .header-bar{
    background-color:rgba(255,255,255,.55)
}
.theme-dark .header-bar *{
    color:#fff
}
.theme-dark .header-bar{
    background-color:rgba(0,0,0,.75)
}
.header-bar .dropdown-menu *{
    align-self:auto!important
}
.dropdown-menu{
    background-color:transparent;
    border:0
}
#footer-bar{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:98;
    backdrop-filter:saturate(180%) blur(10px);
    -webkit-backdrop-filter:saturate(180%) blur(10px);
    background:rgba(255,255,255,.55);
    box-shadow:0 -5px 5px 0 rgba(0,0,0,.04);
    height:65px;
    display:flex;
    text-align:center
}
#footer-bar a:not(.btn){
    padding-top:12px;
    position:relative;
    flex:1 1 auto;
    color:#1f1f1f
}
#footer-bar a:not(.btn) span{
    position:relative;
    z-index:2;
    display:block;
    font-size:13px;
    font-weight:500;
    margin-top:-3px;
    opacity:.7;
    /*font-family: "Kittithada Bold 75"!important;*/
    color: white;
}
#footer-bar a:not(.btn) i{
    margin-top:2px;
    display:block;
    font-size:18px;
    position:relative;
    z-index:2
}
#footer-bar .badge{
    height:15px;
    min-width:15px;
    line-height:16px;
    font-size:8px;
    font-style:normal;
    border-radius:15px;
    text-align:center;
    padding:0;
    position:absolute;
    top:8px;
    margin-right:-5px;
    z-index:3
}
#footer-bar .badge-text{
    padding:0 5px
}
.footer-clear{
    padding-bottom:calc(100px + env(safe-area-inset-bottom))!important
}
.iosTabBar{
    height:65px!important;
    transform:translateY(env(safe-area-inset-bottom))
}
#footer-bar.position-relative{
    z-index:90!important
}
.footer-bar-no-text i{
    padding-top:8px
}
#footer-bar .circle-nav-1 *{
    color:#fff!important
}
#footer-bar .circle-nav-1::after{
    position:absolute;
    content:"";
    width:60px;
    height:60px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:100%
}
#footer-bar .circle-nav-2 i{
    color:#fff!important;
    transform:translateY(-18px);
    font-size:20px!important
}
#footer-bar .circle-nav-2::after{
    position:absolute;
    content:"";
    width:50px;
    height:50px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    margin-top:-25px;
    border-radius:20px;
    z-index:-1
}
#footer-bar .circle-nav-2::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:50px;
    height:50px;
    margin-top:-25px;
    margin-left:-5px;
    border-radius:20px;
    background:inherit;
    z-index:-1;
    transform:scale(.75) translate(-55%,-45%);
    filter:blur(8px)
}
#footer-bar .btn{
    margin:0 10px;
    margin-top:15px;
    font-size:12px;
    height:35px;
    line-height:25px;
    padding:5px 15px
}
.footer-bar-1 span{
    transform:translateY(2px)
}
.footer-bar-1 i{
    transform:translateY(-2px)
}
.footer-bar-1.footer-bar-no-text .circle-nav-1 i{
    font-size:20px!important;
    transform:translateY(-2px)!important
}
.footer-bar-3 .active-nav i,.footer-bar-3 .active-nav span{
    transform:translateY(-3px)
}
.footer-bar-4 .active-nav *{
    color:#fff!important
}
.footer-bar-detached{
    border-radius:10px;
    left:7px!important;
    right:7px!important;
    bottom:15px!important;
    box-shadow:0 0 15px 0 rgba(0,0,0,.1)!important
}
#footer-bar:not(.iosTabBar){
    bottom:15px!important
}
.theme-light #footer-bar{
    background-color:#0f1c1f;
}
.theme-light #footer-bar a{
    color:#1f1f1f
}
.theme-dark #footer-bar{
    background-color:rgba(0,0,0,.55)
}
.theme-dark #footer-bar a{
    color:#fff
}
.rounded-0{
    border-radius:0!important
}
.rounded-xxs{
    border-radius:5px!important
}
.rounded-xs{
    border-radius:10px!important
}
.rounded-s{
    border-radius:15px!important
}
.rounded-m{
    border-radius:11px!important
}
.rounded-l{
    border-radius:25px!important
}
.rounded-xl{
    border-radius:30px!important
}
.rounded-xxl{
    border-radius:35px!important
}
.rounded-top{
    border-bottom-left-radius:0!important;
    border-bottom-right-radius:0!important
}
.rounded-bottom{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important
}
.shadow-0{
    box-shadow:0 0 0 0 transparent!important
}
.shadow-xxs{
    box-shadow:0 2px 10px 0 rgba(0,0,0,.03)!important
}
.shadow-xs{
    box-shadow:0 4px 12px 0 rgba(0,0,0,.04)!important
}
.shadow-s{
    box-shadow:0 6px 16px 0 rgba(0,0,0,.06)!important
}
.shadow-m{
    box-shadow:0 8px 24px 0 rgba(0,0,0,.08)!important
}
.shadow-l{
    box-shadow:0 10px 15px 0 rgba(0,0,0,.12)!important
}
.shadow-xl{
    box-shadow:0 12px 15px 0 rgba(0,0,0,.18)!important
}
.shadow-xxl{
    box-shadow:0 14px 15px 0 rgba(0,0,0,.18)!important
}
.border-xxs{
    border-width:1px!important
}
.border-xs{
    border-width:2px!important
}
.border-s{
    border-width:3px!important
}
.border-m{
    border-width:4px!important
}
.border-l{
    border-width:5px!important
}
.border-xl{
    border-width:6px!important
}
.border-xxl{
    border-width:7px!important
}
.line-height-xxs{
    line-height:12px!important
}
.line-height-xs{
    line-height:14px!important
}
.line-height-s{
    line-height:18px!important
}
.line-height-m{
    line-height:24px!important
}
.line-height-l{
    line-height:26px!important
}
.line-height-xl{
    line-height:32px!important
}
.line-height-xxl{
    line-height:46px!important
}
.text-shadow-s{
    text-shadow:0 1px 0 rgba(0,0,0,.4)
}
.text-shadow-l{
    text-shadow:0 1px 2px rgba(0,0,0,.4)
}
.boxed-text-xl,.boxed-text-l,.boxed-text-m,.boxed-text-s{
    display:block;
    text-align:center;
    margin-left:auto;
    margin-right:auto
}
.boxed-text-xl{
    width:90%;
    max-width:340px
}
.boxed-text-l{
    width:85%;
    max-width:300px
}
.boxed-text-m{
    width:80%;
    max-width:300px
}
.boxed-text-s{
    width:70%;
    max-width:260px
}
.font-200{
    font-weight:200!important
}
.font-300{
    font-weight:300!important
}
.font-400{
    font-weight:400!important
}
.font-500{
    font-weight:500!important
}
.font-600{
    font-weight:600!important
}
.font-700{
    font-weight:700!important
}
.font-800{
    font-weight:800!important
}
.font-900{
    font-weight:900!important
}
.opacity-10{
    opacity:.1!important
}
.opacity-20{
    opacity:.2!important
}
.opacity-30{
    opacity:.3!important
}
.opacity-40{
    opacity:.4!important
}
.opacity-50{
    opacity:.5!important
}
.opacity-60{
    opacity:.6!important
}
.opacity-70{
    opacity:.7!important
}
.opacity-80{
    opacity:.8!important
}
.opacity-85{
    opacity:.85!important
}
.opacity-90{
    opacity:.9!important
}
.font-8{
    font-size:8px!important
}
.font-9{
    font-size:9px!important
}
.font-10{
    font-size:10px!important
}
.font-11{
    font-size:11px!important
}
.font-12{
    font-size:12px!important
}
.font-13{
    font-size:13px!important
}
.font-14{
    font-size:14px!important
}
.font-15{
    font-size:15px!important
}
.font-16{
    font-size:16px!important
}
.font-17{
    font-size:17px!important
}
.font-18{
    font-size:18px!important
}
.font-19{
    font-size:19px!important
}
.font-20{
    font-size:20px!important
}
.font-21{
    font-size:21px!important
}
.font-22{
    font-size:22px!important
}
.font-23{
    font-size:23px!important
}
.font-24{
    font-size:24px!important
}
.font-25{
    font-size:25px!important
}
.font-26{
    font-size:26px!important
}
.font-27{
    font-size:27px!important
}
.font-28{
    font-size:28px!important
}
.font-29{
    font-size:29px!important
}
.font-30{
    font-size:30px!important
}
.font-31{
    font-size:31px!important
}
.font-32{
    font-size:32px!important
}
.font-33{
    font-size:33px!important
}
.font-34{
    font-size:34px!important
}
.font-35{
    font-size:35px!important
}
.font-36{
    font-size:36px!important
}
.font-37{
    font-size:37px!important
}
.font-38{
    font-size:38px!important
}
.font-39{
    font-size:39px!important
}
.font-40{
    font-size:40px!important
}
.font-41{
    font-size:41px!important
}
.font-42{
    font-size:42px!important
}
.font-43{
    font-size:43px!important
}
.font-44{
    font-size:44px!important
}
.font-45{
    font-size:45px!important
}
.font-46{
    font-size:46px!important
}
.font-47{
    font-size:47px!important
}
.font-48{
    font-size:48px!important
}
.font-49{
    font-size:49px!important
}
.font-50{
    font-size:50px!important
}
@keyframes scale-animation{
    0%{
        transform:scale(1,1)
    }
    50%{
        transform:scale(1.05,1.05)
    }
    0%{
        transform:scale(1,1)
    }
}
.scale-box{
    animation:scale-animation 1.5s;
    animation-iteration-count:infinite
}
@keyframes scale-icon{
    0%{
        transform:scale(1,1)
    }
    50%{
        transform:scale(1.3,1.3)
    }
    0%{
        transform:scale(1,1)
    }
}
.scale-icon{
    animation:scale-icon 1.5s;
    animation-iteration-count:infinite
}
::-webkit-scrollbar{
    display:none
}
img.mx-auto{
    display:block
}
.disabled{
    display:none!important
}
.no-click{
    pointer-events:none!important
}
.no-outline{
    outline:none!important
}
.notch-clear{
    padding-top:calc(0px + (constant(safe-area-inset-top))*0.8)!important;
    padding-top:calc(0px + (env(safe-area-inset-top))*0.8)!important
}
.notch-push{
    transform:translateY(-150%)!important;
    top:calc(0px + (constant(safe-area-inset-top))*0.8)!important;
    top:calc(0px + (env(safe-area-inset-top))*0.8)!important
}
.theme-dark .show-on-theme-dark{
    display:block
}
.theme-dark .show-on-theme-light{
    display:none
}
.theme-light .show-on-theme-light{
    display:block
}
.theme-light .show-on-theme-dark{
    display:none
}
.theme-dark .glass-effect,.theme-light .glass-effect{
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px)
}
.theme-dark .glass-effect{
    background-color:rgba(0,0,0,.85)
}
.theme-light .glass-effect{
    background-color:rgba(255,255,255,.85)
}
.theme-dark .btn-close{
    filter:invert(100%)
}
.rounded-end{
    border-top-left-radius:0!important;
    border-bottom-left-radius:0!important
}
.rounded-start{
    border-top-right-radius:0!important;
    border-bottom-right-radius:0!important
}
.list-menu-large{
    padding-bottom:15px
}
.list-menu-large a{
    border:0;
    line-height:31px
}
.list-menu-large a div{
    /*font-family:source sans pro,sans-serif;*/
    font-size:14px;
    padding-left:20px;
    font-weight:600;
    color:#000;
    letter-spacing:-.6px
}
.list-menu-large a i:first-child{
    text-align:center!important;
    padding:0!important;
    width:30px!important;
    height:30px!important;
    line-height:30px!important;
    border-radius:12px;
    font-size:13px
}
.list-menu-small{
    padding-bottom:15px;
    margin-left:-5px
}
.list-menu-small a{
    border:0;
    height:36px
}
.list-menu-small a div{
   /* font-family:source sans pro,sans-serif;*/
    font-size:14px;
    padding-left:10px;
    font-weight:600;
    color:#000;
    letter-spacing:-.6px
}
.list-menu-small a i:first-child{
    text-align:center;
    padding:0!important;
    width:34px!important;
    height:25px!important;
    line-height:27px!important
}
.list-menu-small a i:last-child,.list-menu-large a i:last-child{
    width:20px;
    text-align:center
}
@keyframes activeAnimation{
    0%{
        transform:scale(1,1)
    }
    50%{
        transform:scale(1.1,1.1)
    }
    0%{
        transform:scale(1,1)
    }
}
.list-menu-large .list-group-item-active i:first-child{
    animation:activeAnimation 1.1s;
    animation-iteration-count:infinite
}
.list-menu-large .list-group-item-active i:last-child:after{
    content:"?";
    font-style:normal;
    position:absolute;
    font-size:20px;
    height:50px;
    top:1px;
    right:3px;
    line-height:26px;
    color:#78a943
}
.list-menu-large .list-submenu .list-group-item i:last-child:after{
    top:-2px
}
.list-group-item i{
    transition:all 350ms ease
}
.list-submenu{
    height:0;
    overflow:hidden;
    transition:all 350ms ease
}
.list-group-item.submenu-active i:last-child{
    color:red;
    transform:translateY(-50%) rotate(45deg)
}
.list-submenu a:first-child{
    padding-top:10px!important
}
.list-submenu a:last-child{
    padding-bottom:10px!important
}
.list-submenu a *{
    line-height:25px
}
.list-submenu div{
    padding-left:5px!important
}
.theme-dark .list-menu-small div,.theme-dark .list-menu-large div{
    color:#fff!important
}
@keyframes splide-loading{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(1turn)
    }
}
.splide__container{
    position:relative;
    box-sizing:border-box
}
.splide__list{
    margin:0!important;
    padding:0!important;
    width:-webkit-max-content;
    width:max-content;
    will-change:transform
}
.splide.is-active .splide__list{
    display:flex
}
.splide__pagination{
    display:inline-flex;
    align-items:center;
    width:95%;
    flex-wrap:wrap;
    justify-content:center;
    margin:0
}
.splide__pagination li{
    list-style-type:none;
    display:inline-block;
    line-height:1;
    margin:0
}
.splide{
    visibility:hidden
}
.splide,.splide__slide{
    position:relative;
    outline:none
}
.splide__slide{
    box-sizing:border-box;
    list-style-type:none!important;
    margin:0;
    flex-shrink:0
}
.splide__slide img{
    vertical-align:bottom
}
.splide__slider{
    position:relative
}
.splide__spinner{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:50%;
    border:2px solid #999;
    border-left-color:transparent;
    animation:splide-loading 1s linear infinite
}
.splide__track{
    position:relative;
    z-index:0
}
.splide--draggable>.splide__track>.splide__list>.splide__slide{
    -webkit-user-select:none;
    user-select:none
}
.splide--fade>.splide__track>.splide__list{
    display:block
}
.splide--fade>.splide__track>.splide__list>.splide__slide{
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    opacity:0
}
.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{
    position:relative;
    z-index:1;
    opacity:1
}
.splide--rtl{
    direction:rtl
}
.splide--ttb>.splide__track>.splide__list{
    display:block
}
.splide--ttb>.splide__pagination{
    width:auto
}
.splide__arrow{
    position:absolute;
    z-index:1;
    top:50%;
    transform:translateY(-50%);
    width:2em;
    height:2em;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    padding:0;
    opacity:.7;
    background:#ccc
}
.splide__arrow svg{
    width:1.2em;
    height:1.2em
}
.splide__arrow:hover{
    cursor:pointer;
    opacity:.9
}
.splide__arrow:focus{
    outline:none
}
.splide__arrow--prev{
    left:1em
}
.splide__arrow--prev svg{
    transform:scaleX(-1)
}
.splide__arrow--next{
    right:1em
}
.splide__pagination{
    position:absolute;
    z-index:1;
    bottom:.5em;
    left:50%;
    transform:translateX(-50%);
    padding:0
}
.splide__pagination__page{
    display:inline-block;
    width:8px;
    height:8px;
    background:#ccc;
    border-radius:50%;
    margin:0 7px;
    padding:0;
    transition:transform .2s linear;
    border:none;
    opacity:.7
}
.splide__pagination__page.is-active{
    transform:scale(1.4);
    background:#fff
}
.splide__pagination__page:hover{
    cursor:pointer;
    opacity:.9
}
.splide__pagination__page:focus{
    outline:none
}
.splide__progress__bar{
    width:0;
    height:3px;
    background:#ccc
}
.splide--nav>.splide__track>.splide__list>.splide__slide{
    border:3px solid transparent
}
.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{
    border-color:#000
}
.splide--nav>.splide__track>.splide__list>.splide__slide:focus{
    outline:none
}
.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{
    right:1em;
    left:auto
}
.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{
    transform:scaleX(1)
}
.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{
    left:1em;
    right:auto
}
.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{
    transform:scaleX(-1)
}
.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{
    left:50%;
    transform:translate(-50%)
}
.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{
    top:1em
}
.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{
    transform:rotate(-90deg)
}
.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{
    top:auto;
    bottom:1em
}
.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{
    transform:rotate(90deg)
}
.splide--ttb>.splide__pagination{
    display:flex;
    flex-direction:column;
    bottom:50%;
    left:auto;
    right:.5em;
    transform:translateY(50%)
}
.slider-cover-dots .splide__pagination{
    transform:translate(-50%,-40px)!important
}
.splide .card{
    background-size:cover;
    background-position:center center
}
.slider-no-dots .splide__pagination{
    display:none
}
.slider-no-dots .splide__arrows{
    display:none
}
.slider-boxed .splide__slide{
    padding:0 15px
}
.slider-visible{
    padding-right:60px
}
.slider-visible .splide__slide{
    padding:0 7.5px 0 15px
}
.slider-visible-center{
    padding:0 30px
}
.slider-visible-center .splide__slide{
    padding:0 10px
}
.splide .splide__arrow--prev{
    margin-left:20px!important
}
.splide .splide__arrow--next{
    margin-right:20px!important
}
.splide.slider-dots-under .splide__pagination{
    bottom:-30px
}
.slider-boxed.triple-slider{
    margin-left:7px;
    margin-right:7px
}
.slider-boxed.triple-slider .splide__slide{
    padding:0 7.5px
}
.slider-visible.triple-slider{
    margin-left:7px
}
.slider-visible.triple-slider .splide__slide{
    padding:0 7.5px
}
.slider-visible-center.triple-slider .splide__slide{
    padding:0 7.5px
}
.slider-visible.quad-slider{
    margin-left:7px;
    margin-right:-15px
}
.slider-visible.quad-slider .splide__slide{
    padding:0 10px
}
.slider-visible-center.quad-slider .splide__slide{
    padding:0 10px
}
.list-group .active{
    background-color:#4a89dc!important;
    border-color:#4a89dc!important
}
.list-group *{
   /* font-family: "Kittithada Bold 75";*/
}
.list-group strong{
   /* font-family:source sans pro,sans-serif*/
}
.list-group-s .list-group-item{
    padding-top:9px;
    padding-bottom:9px
}
.list-group-m .list-group-item{
    padding-top:11px;
    padding-bottom:11px
}
.list-group-l .list-group-item{
    padding-top:13px;
    padding-bottom:13px
}
.list-custom{
    overflow:hidden
}
.list-group .badge{
    font-size:10px;
    padding-top:4px;
    color:#fff;
    background-color:#4a89dc;
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%)
}
.list-group .active .badge{
    background-color:#fff;
    color:#000
}
.list-group i:first-child{
    padding-right:8px;
    display:inline-block;
    width:25px
}
.list-group i:last-child{
    font-size:8px;
    position:absolute;
    right:15px;
    transform:translateY(-50%);
    top:50%
}
.list-custom *:not(.list-submenu){
    overflow:visible!important
}
.list-custom .list-group-item{
    display:flex
}
.list-custom.list-group-flush .list-group-item{
    padding-left:0;
    padding-right:0
}
.list-custom.list-group-flush i:last-child{
    right:0
}
.list-custom.list-group-flush i:first-child:not(.has-bg){
    margin-right:-5px
}
.list-custom.list-group-flush .badge{
    margin-right:-14px
}
.list-custom .list-group-item *{
    align-self:center;
    cursor:pointer
}
.list-custom .list-group-item i,.list-custom .list-group-item div{
    display:block
}
.list-custom .list-group-item i:first-child:not(.has-bg){
    padding-right:34px;
    margin-right:-5px;
    padding-left:0
}
.list-custom .list-group-item i.has-bg{
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    padding:0;
    margin-right:15px
}
.list-custom .list-group-item span:not(.badge){
    pointer-events:none;
    display:block;
    font-size:11px;
    margin-top:-8px;
    font-weight:400;
    opacity:.4
}
.list-custom .list-group-item strong{
    pointer-events:none;
    line-height:28px;
    display:block;
    font-size:15px;
    font-weight:700;
    letter-spacing:-.2px
}
.list-custom .ios-switch,.list-custom .android-switch{
    z-index:97;
    position:relative;
    margin-left:auto;
    margin-right:-5px;
    transform-origin:100% 50%
}
.check-visited .visited-link i:last-child::after{
    /*font-family:bootstrap-icons;*/
    font-style:normal;
    position:absolute;
    right:0;
    font-size:16px;
    margin-top:.5px;
    content:"?";
    opacity:1;
    color:#a0d468
}
.icon-list{
    list-style:none;
    padding-left:0
}
.icon-list i{
    padding-right:10px
}
.theme-light .list-group *{
    border-color:rgba(0,0,0,.07)
}
.theme-light .list-custom a:hover{
    color:#000;
    opacity:1!important
}
.theme-dark .list-custom a:hover{
    color:#fff;
    opacity:1!important
}
.theme-dark .list-group *{
    border-color:rgba(255,255,255,.05)
}
.theme-dark .list-group-item{
    background-color:#0f1117;
    color:#fff
}
.card{
    background-size:cover;
    background-position:center center
}
.card-fixed,.card-fixed .card-overlay{
    border-radius:0;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.card-style{
    border-radius:22px;
    margin:0 15px 30px;
    border: 2px solid #aec5b8;
  /*  box-shadow:rgba(0,0,0,.03) 0 20px 25px -5px,rgba(0,0,0,.02) 0 10px 10px -5px;*/
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center
}
.card-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index:1;
    border-radius:22px
}
.card-body,.card-top,.card-center,.card-bottom{
    z-index:3
}
.card-top,.card-center,.card-bottom{
    z-index:3;
    position:absolute;
    left:0;
    right:0
}
.card-top{
    top:0
}
.card-center{
    top:50%;
    transform:translateY(-50%)
}
.card-bottom{
    bottom:0
}
.card-over{
    z-index:3
}
.card-inter{
    z-index:2
}
.card-under{
    z-index:1
}
.shadow-card:after{
    transform:scale(.95) translateY(10px) translateZ(-36px);
    filter:blur(12px);
    content:"";
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-image:inherit;
    background-size:cover;
    background-color:inherit;
    z-index:-1
}
.shadow-card{
    overflow:visible
}
.shadow-card .card-overlay{
    left:0;
    top:0;
    bottom:0;
    right:0
}
.shadow-card-s::after{
    transform:scale(.8) translateY(15px) translateZ(-26px);
    filter:blur(12px)
}
.shadow-card-m::after{
    transform:scale(.85) translateY(15px) translateZ(-36px);
    filter:blur(12px)
}
.shadow-card-l::after{
    transform:scale(.95) translateY(15px) translateZ(-46px);
    filter:blur(12px)
}
.theme-light .shadow-card:after{
    opacity:.8
}
.theme-dark .shadow-card:after{
    opacity:.3
}
.divider{
    position:relative;
    height:1px;
    display:block;
    background-color:rgba(0,0,0,.07);
    margin-bottom:30px
}
.divider-margins{
    margin-left:15px;
    margin-right:15px;
    margin-bottom:30px
}
divider:after{
    content:"";
    display:table;
    clear:both
}
.divider-icon i{
    position:absolute;
    left:50%;
    height:44px;
    width:44px;
    text-align:center;
    line-height:50px;
    margin-top:-24px;
    transform:translate(-50%);
    z-index:6
}
.divider-icon em{
    position:absolute;
    content:"";
    height:2px;
    left:50%;
    width:44px;
    background-color:#f0f0f0;
    margin-left:-22px;
    top:50%;
    margin-top:-1px;
    z-index:5
}
.divider-faded{
    background-color:transparent;
    background-image:linear-gradient(left,rgba(0,0,0,0.01) 2%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.01) 98%);
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,0.01) 2%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.01) 98%)
}
.divider-faded i{
    position:absolute;
    left:50%;
    height:44px;
    width:44px;
    text-align:center;
    line-height:44px;
    margin-top:-22px;
    transform:translate(-50%);
    z-index:6
}
.divider-s i{
    width:40px;
    height:40px;
    line-height:40px;
    font-size:14px;
    margin-top:-20px
}
.divider-m i{
    width:44px;
    height:44px;
    line-height:44px;
    font-size:19px;
    margin-top:-22px
}
.divider-l i{
    width:48px;
    height:48px;
    line-height:48px;
    font-size:21px;
    margin-top:-24px
}
.divider-s:not(.divider-icon):not(.divider-faded){
    width:50px;
    height:3px
}
.divider-m:not(.divider-icon):not(.divider-faded){
    width:75px;
    height:3px
}
.divider-l:not(.divider-icon):not(.divider-faded){
    width:107.5px;
    height:3px
}
.theme-dark .divider{
    background-color:rgba(255,255,255,.05)
}
.theme-dark .divider em{
    background-color:#0f1117
}
.theme-dark .divider-faded{
    background-color:transparent;
    background-image:linear-gradient(left,rgba(255,255,255,0.01) 2%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.01) 98%);
    background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.01) 2%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.01) 98%)
}
.icon{
    line-height:0;
    display:inline-block;
    text-align:center;
    transition:all 120ms ease
}
.icon:hover{
    opacity:.9
}
.icon:not(.icon-border):active{
    box-shadow:inset 0 0 5px rgba(0,0,0,.5)!important
}
.icon{
    /*font-family:source sans pro,sans-serif;*/
    text-transform:uppercase;
    font-weight:700;
    border-radius:12px;
    font-size:14px;
    width:45px;
    height:45px;
    line-height:45px;
    transform:translateY(2px)
}
.icon .badge{
    position:absolute;
    font-size:11px;
    text-align:center;
    padding:3px 4px 2px 5px;
    font-style:normal;
    margin-top:-3px
}
.icon-xxs{
    font-size:12px;
    height:34px;
    line-height:34px;
    width:34px;
    transform:translateY(0px)
}
.icon-xs{
    font-size:11px;
    height:38px;
    line-height:38px;
    width:38px;
    transform:translateY(0px)
}
.icon-s{
    font-size:11px;
    height:42px;
    line-height:42px;
    width:42px;
    transform:translateY(0px)
}
.icon-m{
    font-size:14px;
    height:45px;
    line-height:45px;
    width:45px;
    transform:translateY(2px)
}
.icon-l{
    font-size:16px;
    height:49px;
    line-height:49px;
    width:49px;
    transform:translateY(2px)
}
.icon-xl{
    font-size:16px;
    height:51px;
    line-height:51px;
    width:51px;
    transform:translateY(2px)
}
.icon-xxl{
    font-size:17px;
    height:65px;
    line-height:65px;
    width:65px;
    transform:translateY(2px)
}
.top-title .title{
    margin-left:55px;
    font-size:17px;
    padding-bottom:15px;
    font-weight: 600;
}
.head-tag{
    border-radius:50%;
    border:2px solid #aec5b8;
    color:#fcfcfc;
    margin-right:5px;
    background-color:#175726;
    /*font-family:Lato-Bold,sans-serif;*/
    position:absolute;
    top:-20px;
    line-height:43px;
    width:46px;
    height:46px;
    text-align:center;
    font-size: 15px;
}
.btn-ac{
    color:#0f1c1f;
    border: 1.7px solid #aec5b8;
}
.btn-ac:focus{
    color:#fff;
    background-color:#0d3bd1
}
/*.active{
    background-color:#0d3bd1;
    color:#fff
}*/
.btn{
    display:inline-block;
    transition:all 120ms ease
}
.btn:hover{
    opacity:.9;
    color:#000000;
}
.btn:focus{
    box-shadow:none!important
}
.btn:not(.btn-border):active{
    box-shadow:inset 0 0 5px rgba(0,0,0,.5)!important
}
.btn{
    /*font-family: "Kittithada Bold 75";*/
    text-transform:uppercase;
    font-weight:650;
    border-radius:12px;
    font-size:12px;
    padding:14px 20px
}
.btn-3d{
    border-bottom-width:4px!important;
    border-left:none;
    border-right:none;
    border-top:none
}
.btn-3d:hover{
    opacity:1!important;
    border-bottom:solid 0 transparent!important
}
.btn-3d:active{
    opacity:1!important;
    border-bottom:solid 0 transparent!important
}
.btn-xxs{
    font-size:11px;
    padding:8px 13px
}
.btn-xs{
    font-size:12px;
    padding:9px 14px
}
.btn-s{
    font-size:18px;
    padding:12px 18px
}
.btn-m{
    font-size:13px;
    padding:13px 20px
}
.btn-l{
    font-size:14px;
    padding:13px 22px
}
.btn-xl{
    font-size:15px;
    padding:14px 24px
}
.btn-xxl{
    font-size:15px;
    padding:15px 28px
}
.btn-full{
    display:block
}
.btn .badge{
    font-size:9px;
    margin-left:10px;
    padding:3px 5px;
    border-radius:5px
}
.btn .badge-border{
    border:solid 1px #fff;
    color:#fff
}
.btn .badge-shadow{
    box-shadow:inset 0 0 3px rgba(0,0,0,.3)!important;
    color:#fff
}
.accordion-s .accordion-button{
    height:45px
}
.accordion-m .accordion-button{
    height:49px
}
.accordion-l .accordion-button{
    height:53px
}
.accordion{
    overflow:hidden;
    border:0
}
.accordion *{
    background-color:transparent
}
.accordion .accordion-item:first-child{
    border-top:0
}
.accordion .accordion-item:last-child{
    border-bottom:0
}
.accordion .accordion-item{
    border-color:rgba(0,0,0,.02)
}
.accordion-button:not(.collapsed){
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.05)
}
.accordion-button{
    /*font-family: "Kittithada Bold 75";*/
}
.accordion .accordion-button:not(.collapsed){
    background-color:transparent;
    border-color:rgba(0,0,0,.05)
}
.accordion-item.border-bottom-0{
    border-bottom:0!important;
    margin-bottom:-1px!important
}
.accordion-button::after{
    background-image:none!important
}
.accordion-button[aria-expanded=true]{
    color:initial!important
}
.accordion-button[aria-expanded=true] i:last-child{
    color:red;
    transform:rotate(180deg)
}
.accordion-button[aria-expanded=true] i:first-child{
    transform:scale(1.2,1.2)
}
.accordion-button i:last-child{
    position:absolute;
    top:50%;
    margin-top:-20px;
    right:0;
    width:40px;
    height:40px;
    color:#1f1f1f;
    text-align:center;
    line-height:40px
}
.accordion.no-border *,.accordion.border-0 *{
    border:none;
    box-shadow:none!important
}
.theme-dark .accordion-button,.theme-dark .accordion-button[aria-expanded=true]{
    color:#fff!important
}
.theme-dark .accordion-button.collapsed i{
    color:#fff
}
.theme-dark .accordion .accordion-item{
    border-color:rgba(255,255,255,.02)
}
.theme-dark .accordion-button:not(.collapsed){
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.05)
}
.accordion-item.border{
    border-width:1px!important;
    border-style:solid!important
}
.tabs a[aria-expanded=true]{
    pointer-events:none
}
.tabs .tab-controls{
    font-weight:600;
    /*font-family: "Kittithada Bold 75";*/
}
.tabs-box .tab-controls{
    overflow:hidden;
    display:flex;
    border:solid 1px rgba(0,0,0,.07)
}
.tabs-box .tab-controls a:last-child{
    border-right:none!important
}
.tabs-box .tab-controls a{
    transition:all 200ms ease;
    overflow:hidden;
    text-align:center;
    border-right:solid 1px rgba(0,0,0,.07);
    width:100%;
    margin:auto;
    color:#000;
    line-height:38px
}
.tabs-box a[aria-expanded=true]{
    background-color:#4a89dc;
    border-color:#4a89dc;
    color:#fff!important
}
.tabs-pill .tab-controls{
    background-color:rgba(0,0,0,.07);
    overflow:hidden;
    display:flex
}
.tabs-pill .tab-controls a{
    transition:all 200ms ease;
    overflow:hidden;
    text-align:center;
    width:100%;
    margin:auto;
    color:#000;
    line-height:35px
}
.tabs-pill a[aria-expanded=true]{
    background-color:#4a89dc;
    border-color:#4a89dc;
    color:#fff!important
}
.tabs-links .tab-controls{
    background-color:rgba(0,0,0,.07)
}
.tabs-links .tab-controls{
    overflow:hidden;
    display:flex
}
.tabs-links .tab-controls a{
    transition:all 200ms ease;
    overflow:hidden;
    text-align:center;
    padding:2px 12px;
    color:#000
}
.tabs-links a[aria-expanded=true]{
    background-color:#4a89dc;
    border-color:#4a89dc;
    color:#fff!important
}
.tabs-icons .tab-controls a *{
    display:block;
    font-weight:400
}
.tabs-icons .tab-controls{
    overflow:hidden;
    display:flex;
    margin:auto -15px
}
.tabs-icons a[aria-expanded=true] *{
    opacity:1!important
}
.tabs-icons a[aria-expanded=true]{
    color:#4a89dc!important
}
.tabs-icons .tab-controls a{
    overflow:hidden;
    text-align:center;
    width:100%;
    margin:auto;
    color:#000;
    line-height:20px
}
.tabs-borders .tab-controls{
    overflow:hidden;
    display:flex
}
.tabs-borders .tab-controls a{
    transition:all 200ms ease;
    overflow:hidden;
    text-align:center;
    border-bottom:solid 1px rgba(0,0,0,.07);
    width:100%;
    margin:auto;
    color:#000;
    line-height:40px
}
.tabs-borders a[aria-expanded=true]{
    color:#4a89dc!important;
    border-color:#4a89dc!important
}
.tabs-cards{
    margin:0 15px 30px
}
.tabs-cards .card-style{
    overflow:visible;
    border-top-left-radius:0;
    margin:6px 0 30px
}
.tabs-cards .tab-controls a{
    transition:all 200ms ease;
    border-radius:10px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    color:#1f1f1f;
    background-color:rgba(0,0,0,.04);
    padding:12px 22px 18px
}
.tabs-cards .tab-controls a[aria-expanded=true]{
    color:#4a89dc!important;
    background-color:#fff;
    padding:14px 22px 20px
}
.theme-dark .tabs-box a{
    border:solid 1px rgba(255,255,255,.05)
}
.theme-dark .tabs-pill .tab-controls a{
    color:#fff
}
.theme-dark .tabs-pill .tab-controls{
    background-color:rgba(255,255,255,.05)!important
}
.theme-dark .tabs-links .tab-controls a{
    color:#fff
}
.theme-dark .tabs-icons .tab-controls a{
    color:#fff
}
.theme-dark .tabs-borders .tab-controls a{
    border-bottom:solid 1px rgba(255,255,255,.05);
    color:#fff
}
.theme-dark .tabs-cards .tab-controls a{
    color:#fff;
    background-color:rgba(255,255,255,.05)
}
.theme-dark .tabs-cards .tab-controls a[aria-expanded=true]{
    background-color:#0f1117
}
.switch-xs,.switch-s,.switch-m,.switch-l{
    transform-origin:100% 50%
}
.switch-xs{
    transform:scale(.6)
}
.switch-s{
    transform:scale(.7)
}
.switch-m{
    transform:scale(.8)
}
.switch-l{
    transform:scale(.9)
}
.ios-switch input,.android-switch input{
    display:none
}
.android-switch,.ios-switch{
    margin:0;
    padding:0;
    height:32px;
    position:relative
}
.android-switch *,.ios-switch *{
    cursor:pointer!important
}
.ios-switch{
    width:58px
}
.ios-switch label::before{
    cursor:pointer;
    content:"";
    display:block!important;
    background-color:rgba(0,0,0,.07);
    pointer-events:all;
    margin-left:-1px;
    width:58px!important;
    height:32px!important;
    border-radius:50px!important;
    transition:all 200ms ease
}
.ios-switch i{
    pointer-events:none;
    position:absolute;
    z-index:2;
    top:50%;
    z-index:1;
    font-style:normal;
    transform:translateY(-50%)
}
.ios-switch i:first-child:not(.bi){
    padding-left:4px;
    margin-top:0
}
.ios-switch i:last-child:not(.bi){
    padding-right:4px;
    margin-top:0
}
.ios-switch i:first-child{
    left:3px;
    margin-top:1px
}
.ios-switch i:last-child{
    right:5px;
    margin-top:1px
}
.ios-switch label::after{
    cursor:pointer;
    position:relative;
    content:"";
    display:block!important;
    margin-top:-31px;
    z-index:2;
    width:30px!important;
    height:30px!important;
    transition:all 250ms ease;
    border-radius:50px!important;
    background-color:#fff;
    border:solid 1px rgba(152,152,152,.3);
    transition:all 200ms ease
}
.ios-input:checked~.custom-control-label::after{
    transform:translateX(26px)!important
}
.ios-input:checked~.custom-control-label::before{
    background-color:#4a89dc
}
.switch-green .ios-input:checked~.custom-control-label::before{
    background-color:#8cc152!important
}
.switch-blue .ios-input:checked~.custom-control-label::before{
    background-color:#4a89dc!important
}
.switch-red .ios-input:checked~.custom-control-label::before{
    background-color:#ed5565!important
}
.android-switch{
    width:54px
}
.android-switch label::before{
    display:block!important;
    content:"";
    pointer-events:all;
    margin-top:5px;
    width:53px!important;
    height:17px!important;
    border-radius:50px!important;
    background-color:rgba(0,0,0,.07);
    transition:all 250ms ease
}
.android-switch label::after{
    display:block!important;
    content:"";
    border:solid 1px rgba(0,0,0,.07)!important;
    margin-top:-22px;
    width:27px!important;
    height:27px!important;
    background-color:#fff;
    box-shadow:0 4px 10px 0 rgba(0,0,0,.07)!important;
    border-radius:50px!important;
    transition:all 250ms ease
}
.android-input:checked~.custom-control-label::after{
    border:none!important;
    transform:translateX(27px)!important
}
.android-switch-short{
    margin-right:-8px
}
.android-switch-short.android-switch label::before{
    width:43px!important
}
.android-switch-short .android-input:checked~.custom-control-label::after{
    transform:translateX(18px)!important
}
.switch-blue .android-input:checked~.custom-control-label::after{
    background-color:#4a89dc!important
}
.switch-blue .android-input:checked~.custom-control-label::before{
    background-color:rgba(74,137,220,.5)!important
}
.switch-green .android-input:checked~.custom-control-label::after{
    background-color:#8cc152!important
}
.switch-green .android-input:checked~.custom-control-label::before{
    background-color:rgba(139,193,82,.5)!important
}
.switch-red .android-input:checked~.custom-control-label::after{
    background-color:#ed5565!important
}
.switch-red .android-input:checked~.custom-control-label::before{
    background-color:rgba(237,85,101,.5)!important
}
.theme-dark .ios-switch label::before,.theme-dark .android-switch label::before{
    background-color:rgba(255,255,255,.05)
}
.notification-bar{
    opacity:1!important;
    position:fixed;
    top:calc(0px + (env(safe-area-inset-top)) * 1.1);
    left:0;
    right:0;
    transform:translateY(-120%);
    transition:all 250ms ease;
    z-index:100!important
}
.notification-bar .toast-header{
    background-color:transparent!important
}
.notification-bar.detached{
    left:10px;
    right:10px;
    top:calc(10px + (env(safe-area-inset-top)) * 1.1)
}
.notification-bar{
    overflow:hidden
}
.notification-bar.show{
    transform:translateY(0%)
}
.theme-dark .notification-bar .toast-header{
    background-color:transparent!important;
    border-bottom:solid 1px rgba(255,255,255,.1)
}
.theme-dark .notification-bar .btn-close{
    background-color:#fff!important
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
textarea:focus,select:focus,input[type=text]:focus,input[type=submit]:focus,input[type=button]:focus,input[type=date]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=password]:focus,input[type=email]:focus{
    outline-color:rgba(74,137,220,.25);
    box-shadow:0 0 0 0 rgba(74,137,220,.25)!important;
    background-color:transparent
}
input::placeholder,textarea::placeholder,select::placeholder,input,textarea,select{
    font-size:12px!important
}
select{
    appearance:none;
    -webkit-appearance:none
}
input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{
    transform:translateY(-5px) translateX(6px)
}
input{
    border-width:1px!important
}
.upload-file{
    height:50px;
    position:absolute;
    width:100%;
    opacity:0
}
.was-validated .form-control:valid,.form-control.is-valid,.was-validated .form-select:valid,.form-select.is-valid{
    border-color:rgba(140,193,82,.3)!important
}
.was-validated .form-control:invalid,.form-control.is-invalid,.was-validated .form-select:invalid,.form-select.is-invalid{
    border-color:rgba(213,25,77,.3)!important
}
.form-custom span{
    position:absolute;
    top:7.5px;
    right:20px;
    height:53px;
    line-height:53px;
    pointer-events:none;
    font-size:10px;
    color:green
}
.form-custom input,.form-custom select,.form-custom textarea{
    height:53px!important;
    padding:13px 15px 0!important
}
.form-custom label{
    line-height:50px;
    padding:0 15px
}
.form-custom.form-icon input,.form-custom.form-icon select,.form-custom.form-icon textarea{
    padding-left:40px!important
}
.form-custom.form-icon label{
    padding-left:45px
}
.form-custom.form-icon i{
    position:absolute;
    font-size:16px;
    height:53px;
    width:40px;
    line-height:53px;
    text-align:center
}
.form-custom textarea{
    padding-top:20px!important;
    line-height:23px!important
}
.form-custom textarea:focus{
    min-height:150px
}
.was-validated *{
    background-image:none!important
}
.form-custom{
    position:relative
}
.form-border *{
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    border-radius:0!important
}
.form-border.form-icon i{
    margin-left:-10px
}
.form-border.form-icon input,.form-border.form-icon select,.form-border.form-icon textarea{
    padding-left:30px!important
}
.form-border.form-icon label{
    padding-left:33px!important
}
.form-border.form-custom:not(.form-icon) input,.form-border.form-custom:not(.form-icon) select,.form-border.form-custom:not(.form-icon) textarea{
    padding-left:2px!important
}
.form-border.form-custom:not(.form-icon) label{
    padding-left:0!important
}
.form-custom.form-floating input,.form-custom.form-floating select,.form-custom.form-floating textarea{
    padding-top:15px!important
}
.form-custom:not(.form-floating) *{
    padding-top:0!important
}
.form-custom:not(.form-floating) textarea{
    padding-top:15px!important
}
.form-custom:not(.form-floating) input[type=date]{
    line-height:46px
}
.form-custom.form-floating input[type=date]{
    line-height:36px
}
input[type=range]{
    -webkit-appearance:none
}
.range-1 *,.range-2 *,.range-3 *{
    border-radius:50%
}
.range-1 input[type=range]::-webkit-slider-runnable-track{
    height:8px;
    border-radius:3px
}
.range-1 input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    height:20px;
    width:20px;
    margin-top:-7px
}
.range-2 input[type=range]::-webkit-slider-runnable-track{
    height:24px;
    border-radius:20px;
    padding:0 2px
}
.range-2 input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    height:20px;
    width:20px;
    margin-top:2px
}
.range-3 input[type=range]::-webkit-slider-runnable-track{
    height:2px;
    border-radius:20px;
    padding:0 2px
}
.range-3 input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    height:23px;
    width:23px;
    background-color:#fff;
    border:solid 1px rgba(0,0,0,.15);
    margin-top:-11px;
    box-shadow:0 3px 7px 0 rgba(0,0,0,.2)
}
.stepper{
    width:102px
}
.stepper:after{
    content:"";
    display:table;
    clear:both
}
.stepper input{
    height:33px;
    width:33px;
    float:left;
    border:none!important;
    text-align:center;
    display:block;
    line-height:33px;
    font-size:11px!important;
    background-color:transparent
}
.stepper input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.stepper input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
.stepper a{
    text-align:center;
    width:33px;
    height:33px;
    line-height:33px;
    font-size:9px
}
.stepper *{
    outline:none!important
}
.theme-dark .form-custom label{
    color:rgba(255,255,255,.4)
}
.theme-dark .form-custom *{
    background-color:transparent;
    color:rgba(255,255,255,.9)
}
.theme-dark .form-custom input,.theme-dark .form-custom textarea,.theme-dark .form-custom select{
    border:solid 1px rgba(255,255,255,.1)
}
.theme-light .form-custom input,.theme-light .form-custom textarea,.theme-light .form-custom select{
    border:solid 1px rgba(0,0,0,.07)
}
.theme-dark .range-1 input[type=range]::-webkit-slider-runnable-track,.theme-dark .range-2 input[type=range]::-webkit-slider-runnable-track,.theme-dark .range-3 input[type=range]::-webkit-slider-runnable-track{
    background-color:rgba(255,255,255,.1)
}
.theme-light .stepper{
    border:solid 1px rgba(0,0,0,.1)
}
.theme-light .stepper a:last-child{
    border-left:solid 1px rgba(0,0,0,.1)
}
.theme-light .stepper a:first-child{
    border-right:solid 1px rgba(0,0,0,.1)
}
.theme-dark .stepper{
    border:solid 1px rgba(255,255,255,.1)
}
.theme-dark .stepper a:last-child{
    border-left:solid 1px rgba(255,255,255,.1)
}
.theme-dark .stepper a:first-child{
    border-right:solid 1px rgba(255,255,255,.1)
}
.form-label label{
    position:absolute;
    top:-5px;
    background-color:#fff;
    height:10px;
    line-height:10px;
    left:0;
    font-size:11px;
    text-transform:uppercase;
    /*font-family: "Kittithada Bold 75";*/
    font-weight:700;
    opacity:0;
    transition:all 350ms ease;
    background-color:#fff;
    padding-left:2px!important;
    padding-right:5px!important
}
.form-label:not(.form-icon) label{
    transform:translateX(10px)!important
}
.form-label.form-icon label{
    transform:translateX(40px)!important
}
.form-label.form-border label{
    transform:translateX(0px)!important
}
.form-label-active{
    opacity:1!important
}
.form-label-always-active{
    opacity:1!important
}
.form-label:not(.form-icon) label{
    margin-left:2px!important
}
.form-label.form-icon label{
    margin-left:-32px!important
}
.form-label:not(.form-icon) label{
    margin-left:2px!important
}
.form-label.form-border.form-icon label{
    margin-left:-32px!important;
    margin-top:2px
}
.form-label.form-border i{
    margin-top:-4px
}
.form-label.form-border input,.form-label.form-border select,.form-label.form-border textarea{
    height:45px!important
}
.form-label.form-border textarea{
    padding-top:10px!important
}
.no-animation *{
    transition:all 250ms ease!important
}
.form-custom *,.form-custom *:after,.form-custom *:before{
    background-color:transparent!important
}
.form-check-custom{
    margin-left:-30px;
    margin-right:10px;
    margin-bottom:5px;
    cursor:pointer;
    position:relative;
    width:auto;
    display:block
}
.form-check-custom input{
    position:absolute!important;
    transform:translateX(-10000px)
}
.form-check-custom input:checked~.is-unchecked{
    opacity:0!important;
    display:none!important
}
.form-check-custom input:checked~.is-checked{
    display:block
}
.form-check-custom i{
    width:20px;
    text-align:center;
    pointer-events:none;
    position:absolute;
    left:30px;
    top:0;
    font-size:15px;
    height:24px;
    line-height:24px
}
.form-check-custom label{
    cursor:pointer;
    font-size:13px;
    padding:0 15px 0 40px
}
.form-check-custom .is-checked{
    display:none
}
.offcanvas{
    display:none
}
.offcanvas-modal{
    transform:translate(-50%,-50%) scale(.8,.8)!important;
    top:50%;
    left:50%;
    bottom:auto!important;
    right:auto!important;
    opacity:0
}
.offcanvas-modal.show{
    opacity:1;
    transform:translate(-50%,-50%) scale(1,1)!important
}
.offcanvas,.modal-backdrop{
    transition:all 300ms ease!important
}
[data-bs-toggle]:focus,[data-bs-dismiss]:focus{
    outline:none!important
}
.offcanvas-top{
    bottom:auto;
    margin-top:calc(10px + env(safe-area-inset-top))
}
.offcanvas-bottom{
    top:auto
}
.offcanvas-start{
    right:auto
}
.offcanvas-end{
    left:auto
}
.offcanvas-bottom,.offcanvas-top{
    height:auto
}
.offcanvas-start,.offcanvas-end{
    width:auto
}
.menu-size{
    overflow-y:scroll
}
.menu-size::-webkit-scrollbar{
    display:none
}
.offcanvas-bottom:not(.offcanvas-detached){
    bottom:env(safe-area-inset-bottom)!important
}
.offcanvas-detached.offcanvas-start{
    left:10px;
    top:calc(10px + env(safe-area-inset-top));
    bottom:calc(10px + env(safe-area-inset-bottom))
}
.offcanvas-detached.offcanvas-start:not(.show){
    transform:translateX(-120%)
}
.offcanvas-detached.offcanvas-end{
    right:10px;
    top:calc(10px + env(safe-area-inset-top));
    bottom:calc(10px + env(safe-area-inset-bottom))
}
.offcanvas-detached.offcanvas-end:not(.show){
    transform:translateX(120%)
}
.offcanvas-detached.offcanvas-top{
    left:10px;
    right:10px;
    top:10px
}
.offcanvas-detached.offcanvas-top:not(.show){
    transform:translateY(-120%)
}
.offcanvas-detached.offcanvas-bottom{
    left:10px;
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom))
}
.offcanvas-detached.offcanvas-bottom:not(.show){
    transform:translateY(120%)
}
.offcanvas{
    -webkit-backdrop-filter:saturate(180%) blur(30px);
    backdrop-filter:saturate(180%) blur(30px);
    background-color:rgba(255,255,255,.8);
    pointer-events:none;
    overflow:scroll;
    -webkit-overflow-scrolling:touch;
    z-index:9999!important;
    border:0!important
}
.offcanvas .list-group,.offcanvas .list-group-item{
    background-color:transparent!important
}
.offcanvas.show{
    pointer-events:all!important
}
.theme-dark .offcanvas{
    background-color:rgba(19,30,43,.4)
}
.theme-light .modal-backdrop.show{
    opacity:.3!important
}
.theme-dark .modal-backdrop.show{
    opacity:.5!important
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:99999;
    transition:all 200ms ease
}
#preloader .spinner-border{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-15px
}
.preloader-hide{
    opacity:0;
    pointer-events:none;
    transition:all 150ms ease!important
}
.theme-light #preloader{
    background-color:#fff
}
.theme-dark #preloader{
    background-color:#0f1117
}
.preloader-l *{
    width:70px;
    height:70px
}
.preloader-m *{
    width:50px;
    height:50px
}
.preloader-s *{
    width:30px;
    height:30px
}
.pagination{
    margin-bottom:30px
}
.pagination .page-link{
    padding:6px 14px
}
.pagination .page-item{
    margin-right:5px
}
.pagination i{
    padding:0
}
.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link{
    padding:6px 12px!important
}
.page-item.active a{
    color:#fff!important
}
.offline-message,.online-message{
    position:fixed;
    transform:translateY(300%);
    padding-bottom:0;
    font-weight:700;
    /*font-family: "Kittithada Bold 75";*/
    transition:all 350ms ease;
    bottom:10px;
    left:10px;
    right:10px;
    z-index:95;
    padding-left:15px;
    border-radius:12px;
    line-height:50px
}
.offline-message-active,.online-message-active{
    transform:translateY(calc(-70px + (constant(safe-area-inset-bottom))));
    transform:translateY(calc(-70px + (env(safe-area-inset-bottom))))
}
.exchange-value::placeholder,.exchange-value{
    color:#1f1f1f;
    font-size:28px!important;
    font-weight:700;
    /*font-family: "Kittithada Bold 75";*/
}
.exchange-select{
    padding-bottom:5px;
    position:relative;
    z-index:2;
    font-weight:700!important;
    background-size:8px 8px!important;
    background-position:right!important;
    margin-bottom:-27px!important
}
.exchange-arrow{
    font-size:14px;
    opacity:.5;
    padding-left:5px;
    margin-top:35px!important
}
.theme-dark .exchange-value::placeholder,.theme-dark .exchange-value{
    color:#fff
}
.card-stack{
    position:relative
}
.card-stack-click{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:transparent;
    z-index:71
}
.card-stack .card{
    transition:all 300ms ease
}
.card-stack-active .card{
    transform:scale(1)!important;
    margin-bottom:10px!important;
    transition:all 300ms ease
}
.card-stack:not(.card-stack-active) .card:last-child{
    margin-bottom:0!important
}
.card-stack.card-stack-active .card:last-child{
    margin-bottom:20px!important
}





.ellipse-price{

    font-size: 13px;
    color: red;

}



.active {
    background-color: #0d6efd66 !important;
    color: #000000 !important;
    border: 2px solid #0d6efdb0  !important;
}

.active_price {

color: #fff900!important;



}



.btn-outline-primary{
--bs-btn-border-color: #198754!important;
    --bs-btn-hover-color: #000000 !important;
    --bs-btn-hover-bg: #a1c7fea6!important;
    --bs-btn-hover-border-color: #86b7fe!important;
    --bs-btn-focus-shadow-rgb: 13, 110, 253!important;
    --bs-btn-active-color: #000000 !important;
    --bs-btn-active-bg: #0d6efd !important;
}