/* _content/BackOffice/Pages/Admin/Company.razor.rz.scp.css */
.w-layout-grid[b-agkru1dde4] {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.header[b-agkru1dde4] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.container-header[b-agkru1dde4] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.section[b-agkru1dde4] {
    width: 100%;
}

.h-left[b-agkru1dde4] {
    align-items: center;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
}

.h-right[b-agkru1dde4] {
    width: 108px;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.menu-header[b-agkru1dde4] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header:hover[b-agkru1dde4] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.sc[b-agkru1dde4] {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.container[b-agkru1dde4] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.footer[b-agkru1dde4] {
    border-top: 1px solid rgba(0, 0, 0, .1);
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.section-footer[b-agkru1dde4] {
    width: 100%;
}

.div-block[b-agkru1dde4] {
    align-items: center;
    display: flex;
}

.button[b-agkru1dde4] {
    height: 48px;
    white-space: nowrap;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    font-family: Kanit, sans-serif;
    font-size: 16px;
    font-weight: 500;
    transition: height .2s, color .2s, background-color .2s, padding .2s;
    display: flex;
}

    .button:hover[b-agkru1dde4] {
        height: 44px;
        color: #000;
        background-color: #fff;
        padding-left: 20px;
        padding-right: 20px;
    }

.btn-head[b-agkru1dde4] {
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.gridhome[b-agkru1dde4] {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cardframezone[b-agkru1dde4] {
    width: 100%;
    background-color: #dadada;
    border-radius: 8px;
    padding-top: 133%;
}

.cardname[b-agkru1dde4] {
    white-space: nowrap;
    margin-top: 4px;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.gamecard[b-agkru1dde4] {
    position: relative;
    overflow: hidden;
}

.container-section[b-agkru1dde4] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.cardprovider[b-agkru1dde4] {
    white-space: nowrap;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.gamecard-end[b-agkru1dde4] {
    overflow: hidden;
}

.game-play[b-agkru1dde4] {
    height: 50%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.play[b-agkru1dde4] {
    width: 52px;
    height: 52px;
    background-color: rgba(0, 255, 47, .45);
    border-radius: 28px;
    margin-right: 24px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.screen-play[b-agkru1dde4] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.screen-play-controll[b-agkru1dde4] {
    height: 64px;
    background-color: #000;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.close[b-agkru1dde4] {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed[b-agkru1dde4] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-zone[b-agkru1dde4] {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    position: relative;
    overflow: auto;
}

.div-block-6[b-agkru1dde4] {
    width: 128px;
    height: 100px;
    min-height: 100px;
    min-width: 128px;
    background-color: #fdfdfd;
    border-radius: 12px;
    margin-left: 8px;
    margin-right: 8px;
}

.logo[b-agkru1dde4] {
    min-height: 80px;
    min-width: 80px;
    background-color: #000;
    border-radius: 10px;
}

.gametxt[b-agkru1dde4] {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}

.div-block-7[b-agkru1dde4] {
    width: 128px;
    height: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.div-block-8[b-agkru1dde4] {
    background-image: radial-gradient(circle, #fff, #000);
    position: absolute;
    top: 0%;
    bottom: 64px;
    left: 0%;
    right: 0%;
}

.div-block-9[b-agkru1dde4] {
    min-height: 44px;
    min-width: 44px;
    background-color: #0d00ff;
    border-radius: 22px;
    margin-right: 10px;
}

.screen-menu[b-agkru1dde4] {
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.header-menu-mb[b-agkru1dde4] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.menu-header-c[b-agkru1dde4] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header-c:hover[b-agkru1dde4] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.menu[b-agkru1dde4] {
    width: 144px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.form-block[b-agkru1dde4] {
    width: 580px;
    background-color: #dadada;
    border-radius: 24px;
    padding: 72px 50px;
}

.div-block-11[b-agkru1dde4] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.txt-field[b-agkru1dde4] {
    height: 64px;
    border-radius: 12px;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.label[b-agkru1dde4] {
    margin-bottom: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.submit-button[b-agkru1dde4] {
    width: 100%;
    height: 64px;
    color: #fff;
    background-color: #000;
    border-radius: 12px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.heading[b-agkru1dde4] {
    text-align: center;
    font-family: Kanit, sans-serif;
    font-weight: 600;
}

.card-normal[b-agkru1dde4] {
    background-color: #945858;
    border-radius: 8px;
    padding-top: 133%;
}

.grid[b-agkru1dde4] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.div-block-12[b-agkru1dde4] {
    height: 100%;
}

.head-balance[b-agkru1dde4] {
    height: 100%;
    color: #000;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    text-decoration: none;
    display: flex;
}

.screen-wallet[b-agkru1dde4] {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: rgba(0, 0, 0, .35);
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.wallet-zone[b-agkru1dde4] {
    width: 500px;
    background-color: #fff;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.wallet-header[b-agkru1dde4] {
    height: 92px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    justify-content: space-between;
    display: flex;
}

.div-block-13[b-agkru1dde4] {
    width: 92px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed-2[b-agkru1dde4] {
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-14[b-agkru1dde4] {
    align-items: center;
    padding-left: 24px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    display: flex;
}

.div-block-15[b-agkru1dde4] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 92px;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.text-block[b-agkru1dde4] {
    text-align: center;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
}

.div-block-16[b-agkru1dde4] {
    width: 100%;
    min-height: 128px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    margin-bottom: 32px;
    padding-bottom: 64px;
    padding-left: 24px;
    padding-right: 24px;
    font-family: Kanit, sans-serif;
}

.div-block-17[b-agkru1dde4] {
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.div-block-18[b-agkru1dde4] {
    width: 48px;
    height: 48px;
    background-color: #4e4a4a;
    border-radius: 24px;
    margin-right: 10px;
}

.copy-zone[b-agkru1dde4] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.compall[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.compheader[b-agkru1dde4] {
    width: 100%;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 24px 12px 10px;
    display: flex;
}

.comptitle[b-agkru1dde4] {
    width: 200px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame-10[b-agkru1dde4] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text[b-agkru1dde4] {
    color: #a0a4aa;
    font-size: 14px;
    font-weight: 400;
}

.compcode[b-agkru1dde4] {
    width: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.compcredit[b-agkru1dde4] {
    width: 128px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.compcredit-2[b-agkru1dde4] {
    width: 100px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.comprow[b-agkru1dde4] {
    width: 100%;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    display: flex;
}

    .comprow:hover[b-agkru1dde4] {
        background-color: #fcfdfe;
    }

.frame-9[b-agkru1dde4] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper[b-agkru1dde4] {
    width: 18.3333px;
    height: 18.3333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-2[b-agkru1dde4] {
    color: #1851ff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}

.text-3[b-agkru1dde4] {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.btn-md[b-agkru1dde4] {
    width: 100px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    text-decoration: none;
    display: flex;
}

    .btn-md:hover[b-agkru1dde4] {
        background-color: #e2e9ff;
    }

.text-4[b-agkru1dde4] {
    color: #2a51c9;
    text-align: center;
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.comprow-2[b-agkru1dde4] {
    width: 100%;
    background-color: #fcfcfe;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 12px;
    display: flex;
}

    .comprow-2:hover[b-agkru1dde4] {
        background-color: #fcfdfe;
    }

.frame-11[b-agkru1dde4] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fcfcfe;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.btn-md-2[b-agkru1dde4] {
    width: 100px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    display: flex;
}

.comptitle-2[b-agkru1dde4] {
    width: 200px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-12[b-agkru1dde4] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-5[b-agkru1dde4] {
    color: #03207c;
    font-size: 14px;
    font-weight: 400;
}

.billinglistheader[b-agkru1dde4] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    display: flex;
}

.billingrow[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-3[b-agkru1dde4] {
    width: 7.97656px;
    height: 13.8594px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.billinglist-2[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-25[b-agkru1dde4] {
    color: #536883;
    font-size: 16px;
    font-weight: 600;
}

.billingbtn-2[b-agkru1dde4] {
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

    .billingbtn-2:hover[b-agkru1dde4] {
        background-color: #e2e9ff;
    }

.frame-98[b-agkru1dde4] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.vectors-wrapper-4[b-agkru1dde4] {
    width: 24px;
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-26[b-agkru1dde4] {
    color: #3056cb;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.billingrowl-2[b-agkru1dde4] {
    width: 100%;
    border: 0 solid #f2f1f5;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    text-decoration: none;
    display: flex;
}

    .billingrowl-2:hover[b-agkru1dde4] {
        background-color: #fcfdfe;
    }

.text-27[b-agkru1dde4] {
    color: #536883;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.frame-99[b-agkru1dde4] {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-28[b-agkru1dde4] {
    color: #000;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.bl[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.blcontainer[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.blhead[b-agkru1dde4] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-21[b-agkru1dde4] {
    object-fit: cover;
}

.text-29[b-agkru1dde4] {
    color: #343434;
    font-family: Sarabun, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.blcon[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.bldata[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.bldstart[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 7px;
    padding-left: 14px;
    display: flex;
}

.text-30[b-agkru1dde4] {
    color: rgba(60, 60, 67, .5);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-31[b-agkru1dde4] {
    color: rgba(0, 0, 0, .8);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bldcenter[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px solid #fff;
    border-width: 1px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 14px;
    display: flex;
}

.bldend[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 10px;
    padding-left: 14px;
    display: flex;
}

.bltotal[b-agkru1dde4] {
    height: 150px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #fff;
    border-left-width: 1px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.text-32[b-agkru1dde4] {
    color: rgba(60, 60, 67, .5);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-33[b-agkru1dde4] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.bldetaillist[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.bldlhead[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.bldlheadc[b-agkru1dde4] {
    width: 100%;
    background-color: #eef1f9;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 14px 4px 10px;
    display: flex;
}

.text-34[b-agkru1dde4] {
    color: rgba(60, 60, 67, .5);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.bldlrow[b-agkru1dde4] {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.text-35[b-agkru1dde4] {
    color: #3c3c43;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-36[b-agkru1dde4] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.blsum[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 30px;
    display: flex;
}

.text-37[b-agkru1dde4] {
    color: rgba(60, 60, 67, .8);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-38[b-agkru1dde4] {
    color: rgba(0, 0, 0, .8);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bltotalsum[b-agkru1dde4] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    justify-content: flex-end;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

.frame-95[b-agkru1dde4] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ebeaf1;
    border-right-width: 1px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 24px;
    display: flex;
}

.text-39[b-agkru1dde4] {
    color: rgba(60, 60, 67, .8);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

@media screen and (min-width: 1280px) {
    .container-header[b-agkru1dde4], .container[b-agkru1dde4] {
        max-width: 1200px;
    }

    .gridhome[b-agkru1dde4] {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .container-section[b-agkru1dde4] {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1440px) {
    .container-header[b-agkru1dde4], .container[b-agkru1dde4], .container-section[b-agkru1dde4] {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1920px) {
    .container-header[b-agkru1dde4], .container[b-agkru1dde4], .container-section[b-agkru1dde4] {
        max-width: 1600px;
    }
}

@media screen and (max-width: 991px) {
    .header[b-agkru1dde4] {
        height: 100px;
    }

    .container-header[b-agkru1dde4] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .h-right[b-agkru1dde4] {
        width: 100px;
    }

    .container[b-agkru1dde4] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .gridhome[b-agkru1dde4] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .container-section[b-agkru1dde4] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .logo[b-agkru1dde4] {
        min-height: 72px;
        min-width: 72px;
    }

    .header-menu-mb[b-agkru1dde4] {
        height: 100px;
    }

    .grid[b-agkru1dde4] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .container-header[b-agkru1dde4], .container[b-agkru1dde4] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .gridhome[b-agkru1dde4] {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-left: 8px;
        padding-right: 8px;
        display: flex;
        overflow: auto;
    }

    .cardname[b-agkru1dde4] {
        margin-top: 8px;
    }

    .gamecard[b-agkru1dde4] {
        width: 30vw;
        min-width: 300px;
        margin-left: 16px;
    }

    .container-section[b-agkru1dde4] {
        padding-left: 0;
        padding-right: 0;
    }

    .cardprovider[b-agkru1dde4] {
        margin-bottom: 8px;
    }

    .gamecard-end[b-agkru1dde4] {
        width: 30vw;
        min-width: 300px;
        margin-left: 8px;
        margin-right: 64px;
    }

    .grid[b-agkru1dde4] {
        grid-template-columns: 1fr 1fr 1fr;
        padding-left: 24px;
        padding-right: 24px;
    }

    .head-balance[b-agkru1dde4] {
        font-size: 16px;
    }

    .wallet-zone[b-agkru1dde4] {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .header[b-agkru1dde4] {
        height: 92px;
        border-radius: 0;
    }

    .container-header[b-agkru1dde4] {
        padding: 0;
    }

    .h-left[b-agkru1dde4] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .h-right[b-agkru1dde4] {
        width: 92px;
    }

    .container[b-agkru1dde4] {
        padding: 0 12px;
    }

    .button[b-agkru1dde4] {
        width: 100%;
    }

    .btn-head[b-agkru1dde4] {
        display: none;
    }

    .gamecard[b-agkru1dde4] {
        min-width: 70vw;
        margin-left: 8px;
    }

    .container-section[b-agkru1dde4] {
        padding: 24px 0;
    }

    .gamecard-end[b-agkru1dde4] {
        min-width: 70vw;
    }

    .screen-menu[b-agkru1dde4] {
        background-color: #dadada;
        display: none;
    }

    .div-block-10[b-agkru1dde4] {
        width: 100%;
    }

    .header-menu-mb[b-agkru1dde4] {
        height: 92px;
        background-color: #dadada;
        border-radius: 0;
    }

    .menu-header-c[b-agkru1dde4] {
        color: #241c7e;
    }

    .menu[b-agkru1dde4] {
        width: 100%;
        justify-content: space-between;
        padding: 20px;
        display: flex;
    }

    .form-block[b-agkru1dde4] {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .txt-field[b-agkru1dde4], .submit-button[b-agkru1dde4] {
        height: 56px;
    }

    .heading[b-agkru1dde4] {
        margin-bottom: 20px;
        font-size: 30px;
        font-weight: 500;
    }

    .grid[b-agkru1dde4] {
        grid-template-columns: 1fr 1fr;
        padding-left: 16px;
        padding-right: 16px;
    }

    .head-balance[b-agkru1dde4] {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
    }

    .screen-wallet[b-agkru1dde4] {
        margin-top: 92px;
    }
}

#w-node-_4905f3e9-28c6-01c7-7899-a4a121cf5804-c3b107c6[b-agkru1dde4], #w-node-d0b57421-c048-dd27-e67c-a36d5ae0be5f-c3b107c6[b-agkru1dde4], #w-node-_6dd03f39-c2b2-5b1c-1cd3-1bff0c6d482c-c3b107c6[b-agkru1dde4], #w-node-_3e2fbe9f-4ef2-1547-8265-d6b328c282a1-c3b107c6[b-agkru1dde4], #w-node-_69327658-c9a1-0e13-dbdb-34ef17bd7abc-c3b107c6[b-agkru1dde4], #w-node-_262df038-aa3c-8be9-aae0-0c57b8ecf7c0-c3b107c6[b-agkru1dde4], #w-node-_38569727-330b-39ab-c5c4-b6d168152d3d-c3b107c6[b-agkru1dde4], #w-node-_0e224d4e-d164-0ee7-38b7-fb14c6f08756-c3b107c6[b-agkru1dde4], #w-node-_3b6f3860-cd1b-dd2e-1fa0-1b931f6c25a0-c3b107c6[b-agkru1dde4], #w-node-d82a629d-5f06-a43f-f744-695935f05b9d-c3b107c6[b-agkru1dde4], #w-node-ae941ecf-d49e-6ba5-febb-422fb292fa03-c3b107c6[b-agkru1dde4], #w-node-fe23adf4-24d0-d846-7396-e3ba848b8d19-c3b107c6[b-agkru1dde4], #w-node-_1d8efa39-5ee8-184b-a80a-0dcddd1d62eb-c3b107c6[b-agkru1dde4], #w-node-_03a3d9ee-c8fc-dfe2-bdd4-f2256e369db4-c3b107c6[b-agkru1dde4], #w-node-_4905f3e9-28c6-01c7-7899-a4a121cf5804-9313f3f4[b-agkru1dde4], #w-node-d0b57421-c048-dd27-e67c-a36d5ae0be5f-9313f3f4[b-agkru1dde4], #w-node-_6dd03f39-c2b2-5b1c-1cd3-1bff0c6d482c-9313f3f4[b-agkru1dde4], #w-node-_3e2fbe9f-4ef2-1547-8265-d6b328c282a1-9313f3f4[b-agkru1dde4], #w-node-_69327658-c9a1-0e13-dbdb-34ef17bd7abc-9313f3f4[b-agkru1dde4], #w-node-_262df038-aa3c-8be9-aae0-0c57b8ecf7c0-9313f3f4[b-agkru1dde4] {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
/* _content/BackOffice/Pages/Admin/Components/AdminMenu.razor.rz.scp.css */
@media screen and (min-width: 1280px) {

    .nav-CTA[b-yqpf86zijd] {
        display: none !important;
    }

    .layout-full-2-col-menu[b-yqpf86zijd] {
        height: calc(100vh - 78px);
    }
}
/* _content/BackOffice/Pages/Admin/Modals/ModalBilling.razor.rz.scp.css */
.w-layout-grid[b-2ytsyj8atq] {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.header[b-2ytsyj8atq] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.container-header[b-2ytsyj8atq] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.section[b-2ytsyj8atq] {
    width: 100%;
}

.h-left[b-2ytsyj8atq] {
    align-items: center;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
}

.h-right[b-2ytsyj8atq] {
    width: 108px;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.menu-header[b-2ytsyj8atq] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header:hover[b-2ytsyj8atq] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.sc[b-2ytsyj8atq] {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.container[b-2ytsyj8atq] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.footer[b-2ytsyj8atq] {
    border-top: 1px solid rgba(0, 0, 0, .1);
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.section-footer[b-2ytsyj8atq] {
    width: 100%;
}

.div-block[b-2ytsyj8atq] {
    align-items: center;
    display: flex;
}

.button[b-2ytsyj8atq] {
    height: 48px;
    white-space: nowrap;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    font-family: Kanit, sans-serif;
    font-size: 16px;
    font-weight: 500;
    transition: height .2s, color .2s, background-color .2s, padding .2s;
    display: flex;
}

    .button:hover[b-2ytsyj8atq] {
        height: 44px;
        color: #000;
        background-color: #fff;
        padding-left: 20px;
        padding-right: 20px;
    }

.btn-head[b-2ytsyj8atq] {
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.gridhome[b-2ytsyj8atq] {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cardframezone[b-2ytsyj8atq] {
    width: 100%;
    background-color: #dadada;
    border-radius: 8px;
    padding-top: 133%;
}

.cardname[b-2ytsyj8atq] {
    white-space: nowrap;
    margin-top: 4px;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.gamecard[b-2ytsyj8atq] {
    position: relative;
    overflow: hidden;
}

.container-section[b-2ytsyj8atq] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.cardprovider[b-2ytsyj8atq] {
    white-space: nowrap;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.gamecard-end[b-2ytsyj8atq] {
    overflow: hidden;
}

.game-play[b-2ytsyj8atq] {
    height: 50%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.play[b-2ytsyj8atq] {
    width: 52px;
    height: 52px;
    background-color: rgba(0, 255, 47, .45);
    border-radius: 28px;
    margin-right: 24px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.screen-play[b-2ytsyj8atq] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.screen-play-controll[b-2ytsyj8atq] {
    height: 64px;
    background-color: #000;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.close[b-2ytsyj8atq] {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed[b-2ytsyj8atq] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-zone[b-2ytsyj8atq] {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    position: relative;
    overflow: auto;
}

.div-block-6[b-2ytsyj8atq] {
    width: 128px;
    height: 100px;
    min-height: 100px;
    min-width: 128px;
    background-color: #fdfdfd;
    border-radius: 12px;
    margin-left: 8px;
    margin-right: 8px;
}

.logo[b-2ytsyj8atq] {
    min-height: 80px;
    min-width: 80px;
    background-color: #000;
    border-radius: 10px;
}

.gametxt[b-2ytsyj8atq] {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}

.div-block-7[b-2ytsyj8atq] {
    width: 128px;
    height: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.div-block-8[b-2ytsyj8atq] {
    background-image: radial-gradient(circle, #fff, #000);
    position: absolute;
    top: 0%;
    bottom: 64px;
    left: 0%;
    right: 0%;
}

.div-block-9[b-2ytsyj8atq] {
    min-height: 44px;
    min-width: 44px;
    background-color: #0d00ff;
    border-radius: 22px;
    margin-right: 10px;
}

.screen-menu[b-2ytsyj8atq] {
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.header-menu-mb[b-2ytsyj8atq] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.menu-header-c[b-2ytsyj8atq] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header-c:hover[b-2ytsyj8atq] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.menu[b-2ytsyj8atq] {
    width: 144px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.form-block[b-2ytsyj8atq] {
    width: 580px;
    background-color: #dadada;
    border-radius: 24px;
    padding: 72px 50px;
}

.div-block-11[b-2ytsyj8atq] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.txt-field[b-2ytsyj8atq] {
    height: 64px;
    border-radius: 12px;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.label[b-2ytsyj8atq] {
    margin-bottom: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.submit-button[b-2ytsyj8atq] {
    width: 100%;
    height: 64px;
    color: #fff;
    background-color: #000;
    border-radius: 12px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.heading[b-2ytsyj8atq] {
    text-align: center;
    font-family: Kanit, sans-serif;
    font-weight: 600;
}

.card-normal[b-2ytsyj8atq] {
    background-color: #945858;
    border-radius: 8px;
    padding-top: 133%;
}

.grid[b-2ytsyj8atq] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.div-block-12[b-2ytsyj8atq] {
    height: 100%;
}

.head-balance[b-2ytsyj8atq] {
    height: 100%;
    color: #000;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    text-decoration: none;
    display: flex;
}

.screen-wallet[b-2ytsyj8atq] {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: rgba(0, 0, 0, .35);
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.wallet-zone[b-2ytsyj8atq] {
    width: 500px;
    background-color: #fff;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.wallet-header[b-2ytsyj8atq] {
    height: 92px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    justify-content: space-between;
    display: flex;
}

.div-block-13[b-2ytsyj8atq] {
    width: 92px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed-2[b-2ytsyj8atq] {
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-14[b-2ytsyj8atq] {
    align-items: center;
    padding-left: 24px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    display: flex;
}

.div-block-15[b-2ytsyj8atq] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 92px;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.text-block[b-2ytsyj8atq] {
    text-align: center;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
}

.div-block-16[b-2ytsyj8atq] {
    width: 100%;
    min-height: 128px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    margin-bottom: 32px;
    padding-bottom: 64px;
    padding-left: 24px;
    padding-right: 24px;
    font-family: Kanit, sans-serif;
}

.div-block-17[b-2ytsyj8atq] {
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.div-block-18[b-2ytsyj8atq] {
    width: 48px;
    height: 48px;
    background-color: #4e4a4a;
    border-radius: 24px;
    margin-right: 10px;
}

.copy-zone[b-2ytsyj8atq] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.compall[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.compheader[b-2ytsyj8atq] {
    width: 100%;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 24px 12px 10px;
    display: flex;
}

.comptitle[b-2ytsyj8atq] {
    width: 200px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame-10[b-2ytsyj8atq] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text[b-2ytsyj8atq] {
    color: #a0a4aa;
    font-size: 14px;
    font-weight: 400;
}

.compcode[b-2ytsyj8atq] {
    width: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.compcredit[b-2ytsyj8atq] {
    width: 128px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.compcredit-2[b-2ytsyj8atq] {
    width: 100px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.comprow[b-2ytsyj8atq] {
    width: 100%;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    display: flex;
}

    .comprow:hover[b-2ytsyj8atq] {
        background-color: #fcfdfe;
    }

.frame-9[b-2ytsyj8atq] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper[b-2ytsyj8atq] {
    width: 18.3333px;
    height: 18.3333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-2[b-2ytsyj8atq] {
    color: #1851ff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}

.text-3[b-2ytsyj8atq] {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.btn-md[b-2ytsyj8atq] {
    width: 100px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    text-decoration: none;
    display: flex;
}

    .btn-md:hover[b-2ytsyj8atq] {
        background-color: #e2e9ff;
    }

.text-4[b-2ytsyj8atq] {
    color: #2a51c9;
    text-align: center;
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.comprow-2[b-2ytsyj8atq] {
    width: 100%;
    background-color: #fcfcfe;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 12px;
    display: flex;
}

    .comprow-2:hover[b-2ytsyj8atq] {
        background-color: #fcfdfe;
    }

.frame-11[b-2ytsyj8atq] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fcfcfe;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.btn-md-2[b-2ytsyj8atq] {
    width: 100px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    display: flex;
}

.comptitle-2[b-2ytsyj8atq] {
    width: 200px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-12[b-2ytsyj8atq] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-5[b-2ytsyj8atq] {
    color: #03207c;
    font-size: 14px;
    font-weight: 400;
}

.bl[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.blcontainer[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.blhead[b-2ytsyj8atq] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-21[b-2ytsyj8atq] {
    object-fit: cover;
}

.text-29[b-2ytsyj8atq] {
    color: #343434;
    font-family: Sarabun, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.blcon[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.bldata[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.bldstart[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 7px;
    padding-left: 14px;
    display: flex;
}

.text-30[b-2ytsyj8atq] {
    color: rgba(60, 60, 67, .5);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-31[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .8);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bldcenter[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px solid #fff;
    border-width: 1px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 14px;
    display: flex;
}

.bldend[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 10px;
    padding-left: 14px;
    display: flex;
}

.bltotal[b-2ytsyj8atq] {
    height: 150px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #fff;
    border-left-width: 1px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.text-32[b-2ytsyj8atq] {
    color: rgba(60, 60, 67, .5);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-33[b-2ytsyj8atq] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.text-36[b-2ytsyj8atq] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.blsum[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 30px;
    display: flex;
}

.text-37[b-2ytsyj8atq] {
    color: rgba(60, 60, 67, .8);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-38[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .8);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bltotalsum[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    justify-content: flex-end;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

.frame-95[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ebeaf1;
    border-right-width: 1px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 24px;
    display: flex;
}

.text-39[b-2ytsyj8atq] {
    color: rgba(60, 60, 67, .8);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.billinglist[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.billinglistheader[b-2ytsyj8atq] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    display: flex;
}

.text-40[b-2ytsyj8atq] {
    color: #536883;
    font-size: 16px;
    font-weight: 600;
}

.billingbtn[b-2ytsyj8atq] {
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

    .billingbtn:hover[b-2ytsyj8atq] {
        background-color: #e2e9ff;
    }

.frame-15[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.vectors-wrapper-2[b-2ytsyj8atq] {
    width: 24px;
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-41[b-2ytsyj8atq] {
    color: #3056cb;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.billingrow[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

    .billingrow:hover[b-2ytsyj8atq] {
        background-color: #fcfdfe;
    }

.billingrowl[b-2ytsyj8atq] {
    width: 100%;
    border: 0 solid #f2f1f5;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    text-decoration: none;
    display: flex;
}

.text-42[b-2ytsyj8atq] {
    color: #536883;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.frame-97[b-2ytsyj8atq] {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-43[b-2ytsyj8atq] {
    color: #000;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.vectors-wrapper-3[b-2ytsyj8atq] {
    width: 7.97656px;
    height: 13.8594px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.mockmodal[b-2ytsyj8atq] {
    width: 512px;
    padding-left: 22px;
    padding-right: 22px;
}

.text-block-2[b-2ytsyj8atq] {
    margin-top: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: Kanit, sans-serif;
}

.div-block-20[b-2ytsyj8atq] {
    border-bottom: 1px solid #e9e8ef;
    justify-content: space-between;
    align-items: center;
    padding-top: 7px;
    padding-bottom: 7px;
    display: flex;
}

.text-block-3[b-2ytsyj8atq] {
    color: #03207c;
    font-family: Sarabun, sans-serif;
}

.text-block-4[b-2ytsyj8atq] {
    color: #536883;
    font-size: 12px;
}

.text-block-5[b-2ytsyj8atq] {
    color: #00a656;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.cmt-fhr[b-2ytsyj8atq] {
    width: 100%;
    height: 36px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-39[b-2ytsyj8atq] {
    object-fit: cover;
}

.cmt-fs[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-14[b-2ytsyj8atq] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.cmt-tt2[b-2ytsyj8atq] {
    width: 100%;
    height: 68px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 24px;
    display: flex;
}

.text-44[b-2ytsyj8atq] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.cd-fci[b-2ytsyj8atq] {
    width: 52px;
    height: 48px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-16[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-2[b-2ytsyj8atq] {
    width: 100%;
    height: 36px;
    max-width: 414px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cd-f1[b-2ytsyj8atq] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.cmt-cd[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f8f8fa;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cmt-tt[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 12px;
    display: flex;
}

.text-9[b-2ytsyj8atq] {
    color: #173fb7;
    font-size: 14px;
    font-weight: 400;
}

.fs-c1[b-2ytsyj8atq] {
    width: 100%;
    color: rgba(63, 113, 249, .13);
    background-color: #f8f8fa;
    border: 2px solid #f8f8fa;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .fs-c1:hover[b-2ytsyj8atq] {
        color: rgba(63, 113, 249, .3);
        border-color: rgba(63, 113, 249, .13);
    }

.cmt[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    box-shadow: 0 0 16px rgba(0, 0, 0, .15);
}

.frame-149[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.fs-c2[b-2ytsyj8atq] {
    width: 100%;
    color: #3f71f9;
    background-color: #f8f8fa;
    border: 2px solid #3f71f9;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .fs-c2:hover[b-2ytsyj8atq] {
        color: #204abd;
    }

.cmt-lb[b-2ytsyj8atq] {
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 4px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.cmt-ct[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 22px;
    padding-left: 22px;
    padding-right: 22px;
    display: flex;
}

.text-13[b-2ytsyj8atq] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.form-text-input[b-2ytsyj8atq] {
    width: 100%;
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #f8f8fa;
    border: 1px solid #f8f8fa;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 12px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    display: flex;
}

    .form-text-input:hover[b-2ytsyj8atq] {
        border-color: rgba(63, 113, 249, .44);
    }

    .form-text-input:focus[b-2ytsyj8atq] {
        border-color: #3f71f9;
    }

    .form-text-input[b-2ytsyj8atq]::-ms-input-placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

    .form-text-input[b-2ytsyj8atq]::placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

.cd-f2[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    white-space: pre-line;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.ffli[b-2ytsyj8atq] {
    width: 52px;
    height: 32px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.ffr[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 16px;
    display: flex;
}

.frame-150[b-2ytsyj8atq] {
    width: 52px;
    height: 36px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #bebebe;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative;
}

    .frame-150:hover[b-2ytsyj8atq] {
        color: #969696;
    }

.cmt-head[b-2ytsyj8atq] {
    width: 100%;
    height: 54px;
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    border: 0 solid #eeedf3;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
}

.text-11[b-2ytsyj8atq] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

._19-66-2034-1[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.input-wrapper[b-2ytsyj8atq] {
    width: 100%;
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

._456789451[b-2ytsyj8atq] {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-12[b-2ytsyj8atq] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.ffl[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-7[b-2ytsyj8atq] {
    width: 18px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-45[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.image-40[b-2ytsyj8atq] {
    object-fit: cover;
}

.txt04[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.frame-154[b-2ytsyj8atq] {
    width: 100%;
    height: 48px;
    border: 0 solid #ededed;
    border-top-width: 1px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.text-22[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.frame-182[b-2ytsyj8atq] {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 6px;
    display: flex;
}

.fs-cc1[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: rgba(63, 113, 249, .13);
    background-color: #f8f8fa;
    border: 2px solid #f8f8fa;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

    .fs-cc1:hover[b-2ytsyj8atq] {
        color: rgba(63, 113, 249, .3);
        border-color: rgba(63, 113, 249, .14);
    }

.frame-165[b-2ytsyj8atq] {
    width: 100%;
    height: 36px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.cd-fc[b-2ytsyj8atq] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.text-23[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-24[b-2ytsyj8atq] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.img-ssslip[b-2ytsyj8atq] {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 6px;
}

.text-19[b-2ytsyj8atq] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.frame-177[b-2ytsyj8atq] {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}

.frame-183[b-2ytsyj8atq] {
    width: 52px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-25[b-2ytsyj8atq] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-27[b-2ytsyj8atq] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.vectors-wrapper-8[b-2ytsyj8atq] {
    width: 12px;
    height: 7.42px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-26[b-2ytsyj8atq] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-152[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.frame-178[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.frame-181[b-2ytsyj8atq] {
    width: 52px;
    height: 48px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

._456789451-2[b-2ytsyj8atq] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-20[b-2ytsyj8atq] {
    color: #173fb7;
    font-size: 14px;
    font-weight: 400;
}

.input-wrapper-2[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-top-left-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cd-fb[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
}

.ffli2[b-2ytsyj8atq] {
    width: 52px;
    height: 34px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: rgba(67, 82, 129, .8);
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 4px;
    display: flex;
}

.cd-fbbf[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 8px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.cd-f4[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 4px;
    display: flex;
}

._19-66-2034-0[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-button[b-2ytsyj8atq] {
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #fff;
    background-color: #3f71f9;
    border: 1px solid #3f71f9;
    border-left-width: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

.frame-192[b-2ytsyj8atq] {
    width: 52px;
    height: 32px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-49[b-2ytsyj8atq] {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.frame-193[b-2ytsyj8atq] {
    width: 100%;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.image-49[b-2ytsyj8atq] {
    object-fit: cover;
}

.text-51[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.ffli3[b-2ytsyj8atq] {
    width: 100%;
    height: 34px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 4px;
    display: flex;
}

.cmt-cv[b-2ytsyj8atq] {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}

.text-52[b-2ytsyj8atq] {
    color: #173fb7;
    font-size: 14px;
    font-weight: 400;
}

.cd-fbb[b-2ytsyj8atq] {
    width: 100%;
    height: 32px;
    max-width: 414px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #3f71f9;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .cd-fbb:hover[b-2ytsyj8atq] {
        color: #204abd;
    }

.rba-0833331541-1000-12345678[b-2ytsyj8atq] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-54[b-2ytsyj8atq] {
    color: rgba(67, 82, 129, .8);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._19-66-2034-4[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-text-input-2[b-2ytsyj8atq] {
    width: 100%;
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #f8f8fa;
    border: 1px solid rgba(63, 113, 249, .17);
    border-radius: 12px 0 0 12px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 12px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    display: flex;
}

    .form-text-input-2:hover[b-2ytsyj8atq] {
        border-color: #3f71f9;
    }

    .form-text-input-2:focus[b-2ytsyj8atq] {
        background-color: #fff;
        border-color: #3f71f9;
    }

    .form-text-input-2[b-2ytsyj8atq]::-ms-input-placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

    .form-text-input-2[b-2ytsyj8atq]::placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

.text-55[b-2ytsyj8atq] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.cd-f6[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.cd-fcr[b-2ytsyj8atq] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #ed1327;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .cd-fcr:hover[b-2ytsyj8atq] {
        color: #cc081a;
    }

.cd-fct-3[b-2ytsyj8atq] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    border-top-width: 1px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-57[b-2ytsyj8atq] {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.emicp[b-2ytsyj8atq] {
    width: 24px;
    height: 24px;
}

.cd-fcb[b-2ytsyj8atq] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #3f71f9;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .cd-fcb:hover[b-2ytsyj8atq] {
        color: #204abd;
    }

.ffl-4[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.ffli-2[b-2ytsyj8atq] {
    width: 52px;
    height: 30px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-50[b-2ytsyj8atq] {
    object-fit: cover;
}

.frame-194[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-58[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-59[b-2ytsyj8atq] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-195[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-60[b-2ytsyj8atq] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-61[b-2ytsyj8atq] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame[b-2ytsyj8atq] {
    width: 52px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.fscc2t-2[b-2ytsyj8atq] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-51[b-2ytsyj8atq] {
    object-fit: cover;
}

.frame-196[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-62[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-63[b-2ytsyj8atq] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-197[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-64[b-2ytsyj8atq] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.fscc2td[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.text-65[b-2ytsyj8atq] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.fs-cc2[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f8f8fa;
    border: 2px solid #3f71f9;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.fscc2t[b-2ytsyj8atq] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.ffl-5[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.ffli-3[b-2ytsyj8atq] {
    width: 52px;
    height: 30px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-52[b-2ytsyj8atq] {
    object-fit: cover;
}

.frame-157[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-66[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-67[b-2ytsyj8atq] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-158[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-68[b-2ytsyj8atq] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-69[b-2ytsyj8atq] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-198[b-2ytsyj8atq] {
    width: 52px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-9[b-2ytsyj8atq] {
    width: 20px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.fscc2td-2[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.text-70[b-2ytsyj8atq] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.div-block-21[b-2ytsyj8atq] {
    color: #173fb7;
    background-color: #eef1f9;
    border: 1px solid #c0d1ff;
    border-radius: 12px;
    position: absolute;
    top: 24px;
    bottom: auto;
    left: auto;
    right: 0%;
}

.div-block-22[b-2ytsyj8atq] {
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    display: flex;
}

.text-block-6[b-2ytsyj8atq] {
    width: 112px;
    color: #8d8d8d;
}

.cmt-head-2[b-2ytsyj8atq] {
    width: 100%;
    height: 54px;
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    border: 0 solid #eeedf3;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
}

.text-71[b-2ytsyj8atq] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.cmt-lb-2[b-2ytsyj8atq] {
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eeff41;
    border-radius: 4px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.text-72[b-2ytsyj8atq] {
    color: #03207c;
    font-size: 14px;
    font-weight: 400;
}

.cmt-ct-2[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 22px;
    padding-left: 22px;
    padding-right: 22px;
    display: flex;
}

.cmt-tt-2[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 12px;
    display: flex;
}

.cmt-cv-2[b-2ytsyj8atq] {
    width: 100%;
    max-width: 508px;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}

.image-53[b-2ytsyj8atq] {
    object-fit: cover;
}

.text-74[b-2ytsyj8atq] {
    color: rgba(64, 64, 64, .8);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-75[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.cmt-cd-2[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f8f8fa;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cd-f1-2[b-2ytsyj8atq] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.ffl-6[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.ffli2-2[b-2ytsyj8atq] {
    width: 52px;
    height: 28px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
}

.vectors-wrapper-10[b-2ytsyj8atq] {
    width: 22px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-199[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

._456789451-3[b-2ytsyj8atq] {
    color: rgba(67, 82, 129, .8);
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.ffr-2[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 16px;
    display: flex;
}

.text-76[b-2ytsyj8atq] {
    color: #ed1327;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-77[b-2ytsyj8atq] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.cd-f5[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.text-78[b-2ytsyj8atq] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.cd-fb-2[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
}

.cd-fbb-2[b-2ytsyj8atq] {
    width: 100%;
    height: 32px;
    max-width: 414px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame-200[b-2ytsyj8atq] {
    width: 52px;
    height: 32px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-201[b-2ytsyj8atq] {
    width: 100%;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-79[b-2ytsyj8atq] {
    color: #3f71f9;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.cd-fc-2[b-2ytsyj8atq] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.cd-fci-2[b-2ytsyj8atq] {
    width: 52px;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-11[b-2ytsyj8atq] {
    width: 16px;
    height: 17.5px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.cd-fct[b-2ytsyj8atq] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    border-top-width: 1px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.cd-fc-3[b-2ytsyj8atq] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-12[b-2ytsyj8atq] {
    width: 20px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-80[b-2ytsyj8atq] {
    color: #ed1327;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._19-66-2034-5[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._19-66-2034-6[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._1000-00-0[b-2ytsyj8atq] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

._1000-00-1[b-2ytsyj8atq] {
    color: #404040;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.bldetaillist[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.bldlhead[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.bldlheadc[b-2ytsyj8atq] {
    width: 100%;
    background-color: #eef1f9;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 14px 4px 10px;
    display: flex;
}

.text-81[b-2ytsyj8atq] {
    color: rgba(60, 60, 67, .5);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.text-82[b-2ytsyj8atq] {
    color: rgba(60, 60, 67, .5);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bldlrow[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.blwrap[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.text-83[b-2ytsyj8atq] {
    color: #3c3c43;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-84[b-2ytsyj8atq] {
    width: 50%;
    color: rgba(60, 60, 67, .7);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-85[b-2ytsyj8atq] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.blpvl[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    display: flex;
}

.blpvlh[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
}

.blpvlhl[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-86[b-2ytsyj8atq] {
    color: rgba(60, 60, 67, .7);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.zpm[b-2ytsyj8atq] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 12px solid #f8f8f8;
    border-width: 12px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 20px;
    display: flex;
}

.text-87[b-2ytsyj8atq] {
    color: #3c3c43;
    font-family: Sarabun, sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.frame-118[b-2ytsyj8atq] {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-88[b-2ytsyj8atq] {
    color: rgba(60, 60, 67, .7);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-89[b-2ytsyj8atq] {
    color: #3c3c43;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.fmft[b-2ytsyj8atq] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-90[b-2ytsyj8atq] {
    color: rgba(60, 60, 67, .8);
    text-align: center;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.text-91[b-2ytsyj8atq] {
    color: rgba(48, 86, 203, .8);
    text-align: center;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}


@media screen and (min-width: 1280px) {
    .container-header[b-2ytsyj8atq], .container[b-2ytsyj8atq] {
        max-width: 1200px;
    }

    .gridhome[b-2ytsyj8atq] {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .container-section[b-2ytsyj8atq] {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1440px) {
    .container-header[b-2ytsyj8atq], .container[b-2ytsyj8atq], .container-section[b-2ytsyj8atq] {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1920px) {
    .container-header[b-2ytsyj8atq], .container[b-2ytsyj8atq], .container-section[b-2ytsyj8atq] {
        max-width: 1600px;
    }
}

@media screen and (max-width: 991px) {
    .header[b-2ytsyj8atq] {
        height: 100px;
    }

    .container-header[b-2ytsyj8atq] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .h-right[b-2ytsyj8atq] {
        width: 100px;
    }

    .container[b-2ytsyj8atq] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .gridhome[b-2ytsyj8atq] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .container-section[b-2ytsyj8atq] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .logo[b-2ytsyj8atq] {
        min-height: 72px;
        min-width: 72px;
    }

    .header-menu-mb[b-2ytsyj8atq] {
        height: 100px;
    }

    .grid[b-2ytsyj8atq] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .container-header[b-2ytsyj8atq], .container[b-2ytsyj8atq] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .gridhome[b-2ytsyj8atq] {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-left: 8px;
        padding-right: 8px;
        display: flex;
        overflow: auto;
    }

    .cardname[b-2ytsyj8atq] {
        margin-top: 8px;
    }

    .gamecard[b-2ytsyj8atq] {
        width: 30vw;
        min-width: 300px;
        margin-left: 16px;
    }

    .container-section[b-2ytsyj8atq] {
        padding-left: 0;
        padding-right: 0;
    }

    .cardprovider[b-2ytsyj8atq] {
        margin-bottom: 8px;
    }

    .gamecard-end[b-2ytsyj8atq] {
        width: 30vw;
        min-width: 300px;
        margin-left: 8px;
        margin-right: 64px;
    }

    .grid[b-2ytsyj8atq] {
        grid-template-columns: 1fr 1fr 1fr;
        padding-left: 24px;
        padding-right: 24px;
    }

    .head-balance[b-2ytsyj8atq] {
        font-size: 16px;
    }

    .wallet-zone[b-2ytsyj8atq] {
        width: 100%;
    }

    .text-84[b-2ytsyj8atq] {
        width: 70%;
    }
}

@media screen and (max-width: 479px) {
    .header[b-2ytsyj8atq] {
        height: 92px;
        border-radius: 0;
    }

    .container-header[b-2ytsyj8atq] {
        padding: 0;
    }

    .h-left[b-2ytsyj8atq] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .h-right[b-2ytsyj8atq] {
        width: 92px;
    }

    .container[b-2ytsyj8atq] {
        padding: 0 12px;
    }

    .button[b-2ytsyj8atq] {
        width: 100%;
    }

    .btn-head[b-2ytsyj8atq] {
        display: none;
    }

    .gamecard[b-2ytsyj8atq] {
        min-width: 70vw;
        margin-left: 8px;
    }

    .container-section[b-2ytsyj8atq] {
        padding: 24px 0;
    }

    .gamecard-end[b-2ytsyj8atq] {
        min-width: 70vw;
    }

    .screen-menu[b-2ytsyj8atq] {
        background-color: #dadada;
        display: none;
    }

    .div-block-10[b-2ytsyj8atq] {
        width: 100%;
    }

    .header-menu-mb[b-2ytsyj8atq] {
        height: 92px;
        background-color: #dadada;
        border-radius: 0;
    }

    .menu-header-c[b-2ytsyj8atq] {
        color: #241c7e;
    }

    .menu[b-2ytsyj8atq] {
        width: 100%;
        justify-content: space-between;
        padding: 20px;
        display: flex;
    }

    .form-block[b-2ytsyj8atq] {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .txt-field[b-2ytsyj8atq], .submit-button[b-2ytsyj8atq] {
        height: 56px;
    }

    .heading[b-2ytsyj8atq] {
        margin-bottom: 20px;
        font-size: 30px;
        font-weight: 500;
    }

    .grid[b-2ytsyj8atq] {
        grid-template-columns: 1fr 1fr;
        padding-left: 16px;
        padding-right: 16px;
    }

    .head-balance[b-2ytsyj8atq] {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
    }

    .screen-wallet[b-2ytsyj8atq] {
        margin-top: 92px;
    }

    .text-84[b-2ytsyj8atq] {
        width: 100%;
    }

    .blpvl[b-2ytsyj8atq] {
        padding-left: 0;
    }

    .blpvlhl[b-2ytsyj8atq] {
        flex-direction: column;
        margin-bottom: 10px;
    }
}
/* _content/BackOffice/Pages/Admin/Modals/ModalBillingCreate.razor.rz.scp.css */
.bl[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #fff;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 30px;
    display: flex;
}

.blcontainer[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.blhead[b-15b2mrdwod] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-21[b-15b2mrdwod] {
    object-fit: cover;
}

.text-13[b-15b2mrdwod] {
    color: #343434;
    font-family: Sarabun, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.fslip[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.izzz[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #f8f8f8;
    border-top-width: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    display: flex;
}

.zba[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.zba_btn[b-15b2mrdwod] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame[b-15b2mrdwod] {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2px;
    display: flex;
}

.vectors-wrapper[b-15b2mrdwod] {
    width: 20px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}

.fmwp[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
    display: flex;
}

.fwp2[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-119[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.input-wrapper-2[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.form-text-input-2[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    -webkit-text-stroke-color: #302525;
    background-color: #fff;
    border: 1px solid #90a3dd;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-2:focus[b-15b2mrdwod] {
        border-color: #0168ff;
    }

    .form-text-input-2[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-2[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.text-14[b-15b2mrdwod] {
    color: #979797;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}

.zba_btn-2[b-15b2mrdwod] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    display: flex;
}

.fti3[b-15b2mrdwod] {
    width: 100%;
    height: 44px !important;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    background-color: #fff;
    border: 2px solid #f8f8f8 !important;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .fti3:focus[b-15b2mrdwod] {
        border-color: #0168ff !important;
    }

    .fti3[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .fti3[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-4[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-4:focus[b-15b2mrdwod] {
        border-color: #0168ff;
    }

    .form-text-input-4[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-4[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-2[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-2[b-15b2mrdwod] {
    width: 24px;
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-15[b-15b2mrdwod] {
    color: #3056cb;
    margin-left: 4px;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-text-input-5[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-5[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-5[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.fti4[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    background-color: #fff;
    border: 2px solid #f8f8f8;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .fti4:focus[b-15b2mrdwod] {
        border-color: #0168ff;
    }

    .fti4[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .fti4[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.fti5[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    background-color: #fff;
    border: 2px solid #f8f8f8;
    border-radius: 0;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .fti5:focus[b-15b2mrdwod] {
        border-color: #0168ff;
    }

    .fti5[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .fti5[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-3[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #f8f8f8;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.form-text-input-8[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-8[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-8[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-9[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-9[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-9[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-10[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-10[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-10[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-11[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-11[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-11[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-12[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-12[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-12[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-13[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-13[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-13[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-14[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-14[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-14[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-4[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 0 solid #f8f8f8;
    border-top-width: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.form-text-input-15[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-15[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-15[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-5[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.form-text-input-16[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-16[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-16[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-17[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-17[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-17[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-6[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 0 solid #f8f8f8;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.form-text-input-18[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-18[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-18[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-19[b-15b2mrdwod] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-19[b-15b2mrdwod]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-19[b-15b2mrdwod]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-7[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 0 solid #f8f8f8;
    border-top-width: 12px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 20px;
    text-decoration: none;
    display: flex;
}

.zba-8[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 0 solid #f8f8f8;
    border-top-width: 12px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 2px 10px 20px;
    text-decoration: none;
    display: flex;
}

.fmft[b-15b2mrdwod] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.txtf1[b-15b2mrdwod] {
    color: rgba(60, 60, 67, .8);
    text-align: center;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.txtf2[b-15b2mrdwod] {
    color: rgba(48, 86, 203, .8);
    text-align: center;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.zba_btn-2-copy[b-15b2mrdwod] {
    width: 88px;
    height: 44px;
    min-width: 44px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    display: flex;
}

.rawdiv[b-15b2mrdwod] {
    width: 100%;
    align-items: center;
    display: flex;
    font-family: Sarabun, sans-serif;
}

.text-block[b-15b2mrdwod] {
    width: 88px;
    min-width: 88px;
    text-align: right;
    padding-right: 8px;
}

.dvsp[b-15b2mrdwod] {
    width: 44px;
    min-width: 44px;
}

.text-block-copy[b-15b2mrdwod] {
    width: 88px;
    min-width: 88px;
    text-align: left;
    padding-right: 8px;
}

.zba-2-copy[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    text-decoration: none;
    display: flex;
}

.zba-7-copy[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 0 solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 20px 10px 30px;
    text-decoration: none;
    display: flex;
}

.text-15-copy[b-15b2mrdwod] {
    color: #3056cb;
    margin-left: 4px;
    padding-left: 0;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.input-wrapper-2-copy[b-15b2mrdwod] {
    width: 50%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.text-block-copy[b-15b2mrdwod] {
    width: 88px;
    height: 100%;
    min-width: 88px;
    text-align: right;
    padding-right: 8px;
}

.zba-2-copy[b-15b2mrdwod] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 118px;
    text-decoration: none;
    display: flex;
}

.hebf[b-15b2mrdwod] {
    width: 44px;
    height: 44px;
    color: #ff2e2e;
    justify-content: space-between;
    align-items: stretch;
    padding: 10px;
    display: flex;
}

    .hebf:hover[b-15b2mrdwod] {
        color: #dd1d1d;
    }

.html-embed-2[b-15b2mrdwod] {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
}

.div-block-4[b-15b2mrdwod] {
    width: 100%;
    color: #3056cb;
    align-items: center;
    padding-left: 20px;
    display: flex;
}

.link-block[b-15b2mrdwod] {
    width: 100%;
    text-decoration: none;
}

.link-block-2[b-15b2mrdwod] {
    width: 100%;
    color: #3056cb;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    text-decoration: none;
    display: flex;
}

    .link-block-2:hover[b-15b2mrdwod] {
        color: #17307a;
    }

.hem3[b-15b2mrdwod] {
    width: 24px;
    height: 24px;
    justify-content: space-between;
    display: flex;
}

.febf2[b-15b2mrdwod] {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-6[b-15b2mrdwod] {
    width: 100%;
    color: #3056cb;
    align-items: center;
    padding-left: 20px;
    text-decoration: none;
    display: flex;
}

.btnsa[b-15b2mrdwod] {
    width: 100%;
    color: #3056cb;
    align-items: center;
    padding-left: 108px;
    text-decoration: none;
    display: flex;
}

    .btnsa:hover[b-15b2mrdwod] {
        color: #1739a2;
    }

.btnad[b-15b2mrdwod] {
    width: 100%;
    color: #3056cb;
    align-items: center;
    padding-left: 20px;
    text-decoration: none;
    display: flex;
}

    .btnad:hover[b-15b2mrdwod] {
        color: #1739a1;
    }

@media screen and (max-width: 991px) {
    .div-block[b-15b2mrdwod] {
        align-items: center;
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    .input-wrapper-2-copy[b-15b2mrdwod] {
        width: 50%;
    }
}

@media screen and (max-width: 479px) {
    .zba[b-15b2mrdwod] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .zba-2[b-15b2mrdwod] {
        padding-left: 20px;
    }

    .zba-2-copy[b-15b2mrdwod] {
        padding-left: 118px;
    }

    .zba-7-copy[b-15b2mrdwod] {
        padding-left: 20px;
    }

    .zba-2-copy[b-15b2mrdwod] {
        padding-left: 108px;
    }

    .div-block-3[b-15b2mrdwod] {
        width: 100%;
    }

    .div-block-4[b-15b2mrdwod] {
        color: #3056cb;
        padding-left: 10px;
    }

    .link-block-2[b-15b2mrdwod], .div-block-6[b-15b2mrdwod] {
        padding-left: 10px;
    }

    .btnsa[b-15b2mrdwod] {
        padding-left: 98px;
    }

    .btnad[b-15b2mrdwod] {
        padding-left: 10px;
    }
}
/* _content/BackOffice/Pages/Admin/Modals/ModalBillingList.razor.rz.scp.css */
.w-layout-grid[b-u6zh17rrgx] {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.header[b-u6zh17rrgx] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.container-header[b-u6zh17rrgx] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.section[b-u6zh17rrgx] {
    width: 100%;
}

.h-left[b-u6zh17rrgx] {
    align-items: center;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
}

.h-right[b-u6zh17rrgx] {
    width: 108px;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.menu-header[b-u6zh17rrgx] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header:hover[b-u6zh17rrgx] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.sc[b-u6zh17rrgx] {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.container[b-u6zh17rrgx] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.footer[b-u6zh17rrgx] {
    border-top: 1px solid rgba(0, 0, 0, .1);
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.section-footer[b-u6zh17rrgx] {
    width: 100%;
}

.div-block[b-u6zh17rrgx] {
    align-items: center;
    display: flex;
}

.button[b-u6zh17rrgx] {
    height: 48px;
    white-space: nowrap;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    font-family: Kanit, sans-serif;
    font-size: 16px;
    font-weight: 500;
    transition: height .2s, color .2s, background-color .2s, padding .2s;
    display: flex;
}

    .button:hover[b-u6zh17rrgx] {
        height: 44px;
        color: #000;
        background-color: #fff;
        padding-left: 20px;
        padding-right: 20px;
    }

.btn-head[b-u6zh17rrgx] {
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.gridhome[b-u6zh17rrgx] {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cardframezone[b-u6zh17rrgx] {
    width: 100%;
    background-color: #dadada;
    border-radius: 8px;
    padding-top: 133%;
}

.cardname[b-u6zh17rrgx] {
    white-space: nowrap;
    margin-top: 4px;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.gamecard[b-u6zh17rrgx] {
    position: relative;
    overflow: hidden;
}

.container-section[b-u6zh17rrgx] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.cardprovider[b-u6zh17rrgx] {
    white-space: nowrap;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.gamecard-end[b-u6zh17rrgx] {
    overflow: hidden;
}

.game-play[b-u6zh17rrgx] {
    height: 50%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.play[b-u6zh17rrgx] {
    width: 52px;
    height: 52px;
    background-color: rgba(0, 255, 47, .45);
    border-radius: 28px;
    margin-right: 24px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.screen-play[b-u6zh17rrgx] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.screen-play-controll[b-u6zh17rrgx] {
    height: 64px;
    background-color: #000;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.close[b-u6zh17rrgx] {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed[b-u6zh17rrgx] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-zone[b-u6zh17rrgx] {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    position: relative;
    overflow: auto;
}

.div-block-6[b-u6zh17rrgx] {
    width: 128px;
    height: 100px;
    min-height: 100px;
    min-width: 128px;
    background-color: #fdfdfd;
    border-radius: 12px;
    margin-left: 8px;
    margin-right: 8px;
}

.logo[b-u6zh17rrgx] {
    min-height: 80px;
    min-width: 80px;
    background-color: #000;
    border-radius: 10px;
}

.gametxt[b-u6zh17rrgx] {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}

.div-block-7[b-u6zh17rrgx] {
    width: 128px;
    height: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.div-block-8[b-u6zh17rrgx] {
    background-image: radial-gradient(circle, #fff, #000);
    position: absolute;
    top: 0%;
    bottom: 64px;
    left: 0%;
    right: 0%;
}

.div-block-9[b-u6zh17rrgx] {
    min-height: 44px;
    min-width: 44px;
    background-color: #0d00ff;
    border-radius: 22px;
    margin-right: 10px;
}

.screen-menu[b-u6zh17rrgx] {
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.header-menu-mb[b-u6zh17rrgx] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.menu-header-c[b-u6zh17rrgx] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header-c:hover[b-u6zh17rrgx] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.menu[b-u6zh17rrgx] {
    width: 144px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.form-block[b-u6zh17rrgx] {
    width: 580px;
    background-color: #dadada;
    border-radius: 24px;
    padding: 72px 50px;
}

.div-block-11[b-u6zh17rrgx] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.txt-field[b-u6zh17rrgx] {
    height: 64px;
    border-radius: 12px;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.label[b-u6zh17rrgx] {
    margin-bottom: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.submit-button[b-u6zh17rrgx] {
    width: 100%;
    height: 64px;
    color: #fff;
    background-color: #000;
    border-radius: 12px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.heading[b-u6zh17rrgx] {
    text-align: center;
    font-family: Kanit, sans-serif;
    font-weight: 600;
}

.card-normal[b-u6zh17rrgx] {
    background-color: #945858;
    border-radius: 8px;
    padding-top: 133%;
}

.grid[b-u6zh17rrgx] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.div-block-12[b-u6zh17rrgx] {
    height: 100%;
}

.head-balance[b-u6zh17rrgx] {
    height: 100%;
    color: #000;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    text-decoration: none;
    display: flex;
}

.screen-wallet[b-u6zh17rrgx] {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: rgba(0, 0, 0, .35);
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.wallet-zone[b-u6zh17rrgx] {
    width: 500px;
    background-color: #fff;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.wallet-header[b-u6zh17rrgx] {
    height: 92px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    justify-content: space-between;
    display: flex;
}

.div-block-13[b-u6zh17rrgx] {
    width: 92px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed-2[b-u6zh17rrgx] {
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-14[b-u6zh17rrgx] {
    align-items: center;
    padding-left: 24px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    display: flex;
}

.div-block-15[b-u6zh17rrgx] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 92px;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.text-block[b-u6zh17rrgx] {
    text-align: center;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
}

.div-block-16[b-u6zh17rrgx] {
    width: 100%;
    min-height: 128px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    margin-bottom: 32px;
    padding-bottom: 64px;
    padding-left: 24px;
    padding-right: 24px;
    font-family: Kanit, sans-serif;
}

.div-block-17[b-u6zh17rrgx] {
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.div-block-18[b-u6zh17rrgx] {
    width: 48px;
    height: 48px;
    background-color: #4e4a4a;
    border-radius: 24px;
    margin-right: 10px;
}

.copy-zone[b-u6zh17rrgx] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.compall[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.compheader[b-u6zh17rrgx] {
    width: 100%;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 24px 12px 10px;
    display: flex;
}

.comptitle[b-u6zh17rrgx] {
    width: 200px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame-10[b-u6zh17rrgx] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text[b-u6zh17rrgx] {
    color: #a0a4aa;
    font-size: 14px;
    font-weight: 400;
}

.compcode[b-u6zh17rrgx] {
    width: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.compcredit[b-u6zh17rrgx] {
    width: 128px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.compcredit-2[b-u6zh17rrgx] {
    width: 100px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.comprow[b-u6zh17rrgx] {
    width: 100%;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    display: flex;
}

    .comprow:hover[b-u6zh17rrgx] {
        background-color: #fcfdfe;
    }

.frame-9[b-u6zh17rrgx] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper[b-u6zh17rrgx] {
    width: 18.3333px;
    height: 18.3333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-2[b-u6zh17rrgx] {
    color: #1851ff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}

.text-3[b-u6zh17rrgx] {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.btn-md[b-u6zh17rrgx] {
    width: 100px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    text-decoration: none;
    display: flex;
}

    .btn-md:hover[b-u6zh17rrgx] {
        background-color: #e2e9ff;
    }

.text-4[b-u6zh17rrgx] {
    color: #2a51c9;
    text-align: center;
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.comprow-2[b-u6zh17rrgx] {
    width: 100%;
    background-color: #fcfcfe;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 12px;
    display: flex;
}

    .comprow-2:hover[b-u6zh17rrgx] {
        background-color: #fcfdfe;
    }

.frame-11[b-u6zh17rrgx] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fcfcfe;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.btn-md-2[b-u6zh17rrgx] {
    width: 100px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    display: flex;
}

.comptitle-2[b-u6zh17rrgx] {
    width: 200px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-12[b-u6zh17rrgx] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-5[b-u6zh17rrgx] {
    color: #03207c;
    font-size: 14px;
    font-weight: 400;
}

.bl[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.blcontainer[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.blhead[b-u6zh17rrgx] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-21[b-u6zh17rrgx] {
    object-fit: cover;
}

.text-29[b-u6zh17rrgx] {
    color: #343434;
    font-family: Sarabun, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.blcon[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.bldata[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.bldstart[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 7px;
    padding-left: 14px;
    display: flex;
}

.text-30[b-u6zh17rrgx] {
    color: rgba(60, 60, 67, .5);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-31[b-u6zh17rrgx] {
    color: rgba(0, 0, 0, .8);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bldcenter[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px solid #fff;
    border-width: 1px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 14px;
    display: flex;
}

.bldend[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 10px;
    padding-left: 14px;
    display: flex;
}

.bltotal[b-u6zh17rrgx] {
    height: 150px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #fff;
    border-left-width: 1px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.text-32[b-u6zh17rrgx] {
    color: rgba(60, 60, 67, .5);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-33[b-u6zh17rrgx] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.bldetaillist[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.bldlhead[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.bldlheadc[b-u6zh17rrgx] {
    width: 100%;
    background-color: #eef1f9;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 14px 4px 10px;
    display: flex;
}

.text-34[b-u6zh17rrgx] {
    color: rgba(60, 60, 67, .5);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.bldlrow[b-u6zh17rrgx] {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.text-35[b-u6zh17rrgx] {
    color: #3c3c43;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-36[b-u6zh17rrgx] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.blsum[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 30px;
    display: flex;
}

.text-37[b-u6zh17rrgx] {
    color: rgba(60, 60, 67, .8);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-38[b-u6zh17rrgx] {
    color: rgba(0, 0, 0, .8);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bltotalsum[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    justify-content: flex-end;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

.frame-95[b-u6zh17rrgx] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ebeaf1;
    border-right-width: 1px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 24px;
    display: flex;
}

.text-39[b-u6zh17rrgx] {
    color: rgba(60, 60, 67, .8);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.billinglist[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.billinglistheader[b-u6zh17rrgx] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    display: flex;
}

.text-40[b-u6zh17rrgx] {
    color: #536883;
    font-size: 16px;
    font-weight: 600;
}

.billingbtn[b-u6zh17rrgx] {
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

    .billingbtn:hover[b-u6zh17rrgx] {
        background-color: #e2e9ff;
    }

.frame-15[b-u6zh17rrgx] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.vectors-wrapper-2[b-u6zh17rrgx] {
    width: 24px;
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-41[b-u6zh17rrgx] {
    color: #3056cb;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.billingrow[b-u6zh17rrgx] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

    .billingrow:hover[b-u6zh17rrgx] {
        background-color: #fcfdfe;
    }

.billingrowl[b-u6zh17rrgx] {
    width: 100%;
    border: 0 solid #f2f1f5;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    text-decoration: none;
    display: flex;
}

.text-42[b-u6zh17rrgx] {
    color: #536883;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.frame-97[b-u6zh17rrgx] {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-43[b-u6zh17rrgx] {
    color: #000;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.vectors-wrapper-3[b-u6zh17rrgx] {
    width: 7.97656px;
    height: 13.8594px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

@media screen and (min-width: 1280px) {
    .container-header[b-u6zh17rrgx], .container[b-u6zh17rrgx] {
        max-width: 1200px;
    }

    .gridhome[b-u6zh17rrgx] {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .container-section[b-u6zh17rrgx] {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1440px) {
    .container-header[b-u6zh17rrgx], .container[b-u6zh17rrgx], .container-section[b-u6zh17rrgx] {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1920px) {
    .container-header[b-u6zh17rrgx], .container[b-u6zh17rrgx], .container-section[b-u6zh17rrgx] {
        max-width: 1600px;
    }
}

@media screen and (max-width: 991px) {
    .header[b-u6zh17rrgx] {
        height: 100px;
    }

    .container-header[b-u6zh17rrgx] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .h-right[b-u6zh17rrgx] {
        width: 100px;
    }

    .container[b-u6zh17rrgx] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .gridhome[b-u6zh17rrgx] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .container-section[b-u6zh17rrgx] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .logo[b-u6zh17rrgx] {
        min-height: 72px;
        min-width: 72px;
    }

    .header-menu-mb[b-u6zh17rrgx] {
        height: 100px;
    }

    .grid[b-u6zh17rrgx] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .container-header[b-u6zh17rrgx], .container[b-u6zh17rrgx] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .gridhome[b-u6zh17rrgx] {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-left: 8px;
        padding-right: 8px;
        display: flex;
        overflow: auto;
    }

    .cardname[b-u6zh17rrgx] {
        margin-top: 8px;
    }

    .gamecard[b-u6zh17rrgx] {
        width: 30vw;
        min-width: 300px;
        margin-left: 16px;
    }

    .container-section[b-u6zh17rrgx] {
        padding-left: 0;
        padding-right: 0;
    }

    .cardprovider[b-u6zh17rrgx] {
        margin-bottom: 8px;
    }

    .gamecard-end[b-u6zh17rrgx] {
        width: 30vw;
        min-width: 300px;
        margin-left: 8px;
        margin-right: 64px;
    }

    .grid[b-u6zh17rrgx] {
        grid-template-columns: 1fr 1fr 1fr;
        padding-left: 24px;
        padding-right: 24px;
    }

    .head-balance[b-u6zh17rrgx] {
        font-size: 16px;
    }

    .wallet-zone[b-u6zh17rrgx] {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .header[b-u6zh17rrgx] {
        height: 92px;
        border-radius: 0;
    }

    .container-header[b-u6zh17rrgx] {
        padding: 0;
    }

    .h-left[b-u6zh17rrgx] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .h-right[b-u6zh17rrgx] {
        width: 92px;
    }

    .container[b-u6zh17rrgx] {
        padding: 0 12px;
    }

    .button[b-u6zh17rrgx] {
        width: 100%;
    }

    .btn-head[b-u6zh17rrgx] {
        display: none;
    }

    .gamecard[b-u6zh17rrgx] {
        min-width: 70vw;
        margin-left: 8px;
    }

    .container-section[b-u6zh17rrgx] {
        padding: 24px 0;
    }

    .gamecard-end[b-u6zh17rrgx] {
        min-width: 70vw;
    }

    .screen-menu[b-u6zh17rrgx] {
        background-color: #dadada;
        display: none;
    }

    .div-block-10[b-u6zh17rrgx] {
        width: 100%;
    }

    .header-menu-mb[b-u6zh17rrgx] {
        height: 92px;
        background-color: #dadada;
        border-radius: 0;
    }

    .menu-header-c[b-u6zh17rrgx] {
        color: #241c7e;
    }

    .menu[b-u6zh17rrgx] {
        width: 100%;
        justify-content: space-between;
        padding: 20px;
        display: flex;
    }

    .form-block[b-u6zh17rrgx] {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .txt-field[b-u6zh17rrgx], .submit-button[b-u6zh17rrgx] {
        height: 56px;
    }

    .heading[b-u6zh17rrgx] {
        margin-bottom: 20px;
        font-size: 30px;
        font-weight: 500;
    }

    .grid[b-u6zh17rrgx] {
        grid-template-columns: 1fr 1fr;
        padding-left: 16px;
        padding-right: 16px;
    }

    .head-balance[b-u6zh17rrgx] {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
    }

    .screen-wallet[b-u6zh17rrgx] {
        margin-top: 92px;
    }
}

#w-node-_4905f3e9-28c6-01c7-7899-a4a121cf5804-c3b107c6[b-u6zh17rrgx], #w-node-d0b57421-c048-dd27-e67c-a36d5ae0be5f-c3b107c6[b-u6zh17rrgx], #w-node-_6dd03f39-c2b2-5b1c-1cd3-1bff0c6d482c-c3b107c6[b-u6zh17rrgx], #w-node-_3e2fbe9f-4ef2-1547-8265-d6b328c282a1-c3b107c6[b-u6zh17rrgx], #w-node-_69327658-c9a1-0e13-dbdb-34ef17bd7abc-c3b107c6[b-u6zh17rrgx], #w-node-_262df038-aa3c-8be9-aae0-0c57b8ecf7c0-c3b107c6[b-u6zh17rrgx], #w-node-_38569727-330b-39ab-c5c4-b6d168152d3d-c3b107c6[b-u6zh17rrgx], #w-node-_0e224d4e-d164-0ee7-38b7-fb14c6f08756-c3b107c6[b-u6zh17rrgx], #w-node-_3b6f3860-cd1b-dd2e-1fa0-1b931f6c25a0-c3b107c6[b-u6zh17rrgx], #w-node-d82a629d-5f06-a43f-f744-695935f05b9d-c3b107c6[b-u6zh17rrgx], #w-node-ae941ecf-d49e-6ba5-febb-422fb292fa03-c3b107c6[b-u6zh17rrgx], #w-node-fe23adf4-24d0-d846-7396-e3ba848b8d19-c3b107c6[b-u6zh17rrgx], #w-node-_1d8efa39-5ee8-184b-a80a-0dcddd1d62eb-c3b107c6[b-u6zh17rrgx], #w-node-_03a3d9ee-c8fc-dfe2-bdd4-f2256e369db4-c3b107c6[b-u6zh17rrgx], #w-node-_4905f3e9-28c6-01c7-7899-a4a121cf5804-9313f3f4[b-u6zh17rrgx], #w-node-d0b57421-c048-dd27-e67c-a36d5ae0be5f-9313f3f4[b-u6zh17rrgx], #w-node-_6dd03f39-c2b2-5b1c-1cd3-1bff0c6d482c-9313f3f4[b-u6zh17rrgx], #w-node-_3e2fbe9f-4ef2-1547-8265-d6b328c282a1-9313f3f4[b-u6zh17rrgx], #w-node-_69327658-c9a1-0e13-dbdb-34ef17bd7abc-9313f3f4[b-u6zh17rrgx], #w-node-_262df038-aa3c-8be9-aae0-0c57b8ecf7c0-9313f3f4[b-u6zh17rrgx] {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
/* _content/BackOffice/Pages/Admin/Modals/ModalCompanySubscriptionEdit.razor.rz.scp.css */
.bl[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #fff;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 30px;
    display: flex;
}

.blcontainer[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.blhead[b-f55t9a6a8f] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-21[b-f55t9a6a8f] {
    object-fit: cover;
}

.text-13[b-f55t9a6a8f] {
    color: #343434;
    font-family: Sarabun, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.fslip[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.izzz[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #f8f8f8;
    border-top-width: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    display: flex;
    padding-bottom:24px;
}

.zba[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.zba_btn[b-f55t9a6a8f] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame[b-f55t9a6a8f] {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2px;
    display: flex;
}

.vectors-wrapper[b-f55t9a6a8f] {
    width: 20px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}

.fmwp[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
    display: flex;
}

.fwp2[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-119[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.input-wrapper-2[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.form-text-input-2[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    -webkit-text-stroke-color: #302525;
    background-color: #fff;
    border: 1px solid #90a3dd;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-2:focus[b-f55t9a6a8f] {
        border-color: #0168ff;
    }

    .form-text-input-2[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-2[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.text-14[b-f55t9a6a8f] {
    color: #979797;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}

.zba_btn-2[b-f55t9a6a8f] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    display: flex;
}

.fti3[b-f55t9a6a8f] {
    width: 100%;
    height: 44px !important;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    background-color: #fff;
    border: 2px solid #f8f8f8 !important;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .fti3:focus[b-f55t9a6a8f] {
        border-color: #0168ff !important;
    }

    .fti3[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .fti3[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-4[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-4:focus[b-f55t9a6a8f] {
        border-color: #0168ff;
    }

    .form-text-input-4[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-4[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-2[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    text-decoration: none;
    display: flex;
}

.vectors-wrapper-2[b-f55t9a6a8f] {
    width: 24px;
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-15[b-f55t9a6a8f] {
    color: #3056cb;
    margin-left: 4px;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-text-input-5[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-5[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-5[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.fti4[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    background-color: #fff;
    border: 2px solid #f8f8f8;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .fti4:focus[b-f55t9a6a8f] {
        border-color: #0168ff;
    }

    .fti4[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .fti4[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.fti5[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    background-color: #fff;
    border: 2px solid #f8f8f8;
    border-radius: 0;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .fti5:focus[b-f55t9a6a8f] {
        border-color: #0168ff;
    }

    .fti5[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .fti5[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-3[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #f8f8f8;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.form-text-input-8[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-8[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-8[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-9[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-9[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-9[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-10[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-10[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-10[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-11[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-11[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-11[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-12[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-12[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-12[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-13[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-13[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-13[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-14[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-14[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-14[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-4[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 0 solid #f8f8f8;
    border-top-width: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.form-text-input-15[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-15[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-15[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-5[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.form-text-input-16[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-16[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-16[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-17[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-17[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-17[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-6[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 0 solid #f8f8f8;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.form-text-input-18[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-18[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-18[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.form-text-input-19[b-f55t9a6a8f] {
    width: 100%;
    height: 44px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

    .form-text-input-19[b-f55t9a6a8f]::-ms-input-placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .form-text-input-19[b-f55t9a6a8f]::placeholder {
        color: #979797;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

.zba-7[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 0 solid #f8f8f8;
    border-top-width: 12px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 20px;
    text-decoration: none;
    display: flex;
}

.zba-8[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 0 solid #f8f8f8;
    border-top-width: 12px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 2px 10px 20px;
    text-decoration: none;
    display: flex;
}

.fmft[b-f55t9a6a8f] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.txtf1[b-f55t9a6a8f] {
    color: rgba(60, 60, 67, .8);
    text-align: center;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.txtf2[b-f55t9a6a8f] {
    color: rgba(48, 86, 203, .8);
    text-align: center;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.zba_btn-2-copy[b-f55t9a6a8f] {
    width: 88px;
    height: 44px;
    min-width: 44px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    display: flex;
}

.rawdiv[b-f55t9a6a8f] {
    width: 100%;
    align-items: center;
    display: flex;
    font-family: Sarabun, sans-serif;
}

.text-block[b-f55t9a6a8f] {
    width: 88px;
    min-width: 88px;
    text-align: right;
    padding-right: 8px;
}

.dvsp[b-f55t9a6a8f] {
    width: 44px;
    min-width: 44px;
}

.text-block-copy[b-f55t9a6a8f] {
    width: 88px;
    min-width: 88px;
    text-align: left;
    padding-right: 8px;
}

.zba-2-copy[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    text-decoration: none;
    display: flex;
}

.zba-7-copy[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 0 solid #f8f8f8;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 20px 10px 30px;
    text-decoration: none;
    display: flex;
}

.text-15-copy[b-f55t9a6a8f] {
    color: #3056cb;
    margin-left: 4px;
    padding-left: 0;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.input-wrapper-2-copy[b-f55t9a6a8f] {
    width: 50%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.text-block-copy[b-f55t9a6a8f] {
    width: 88px;
    height: 100%;
    min-width: 88px;
    text-align: right;
    padding-right: 8px;
}

.zba-2-copy[b-f55t9a6a8f] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 118px;
    text-decoration: none;
    display: flex;
}

.hebf[b-f55t9a6a8f] {
    width: 44px;
    height: 44px;
    color: #ff2e2e;
    justify-content: space-between;
    align-items: stretch;
    padding: 10px;
    display: flex;
}

    .hebf:hover[b-f55t9a6a8f] {
        color: #dd1d1d;
    }

.html-embed-2[b-f55t9a6a8f] {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
}

.div-block-4[b-f55t9a6a8f] {
    width: 100%;
    color: #3056cb;
    align-items: center;
    padding-left: 20px;
    display: flex;
}

.link-block[b-f55t9a6a8f] {
    width: 100%;
    text-decoration: none;
}

.link-block-2[b-f55t9a6a8f] {
    width: 100%;
    color: #3056cb;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    text-decoration: none;
    display: flex;
}

    .link-block-2:hover[b-f55t9a6a8f] {
        color: #17307a;
    }

.hem3[b-f55t9a6a8f] {
    width: 24px;
    height: 24px;
    justify-content: space-between;
    display: flex;
}

.febf2[b-f55t9a6a8f] {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-6[b-f55t9a6a8f] {
    width: 100%;
    color: #3056cb;
    align-items: center;
    padding-left: 20px;
    text-decoration: none;
    display: flex;
}

.btnsa[b-f55t9a6a8f] {
    width: 100%;
    color: #3056cb;
    align-items: center;
    padding-left: 108px;
    text-decoration: none;
    display: flex;
}

    .btnsa:hover[b-f55t9a6a8f] {
        color: #1739a2;
    }

.btnad[b-f55t9a6a8f] {
    width: 100%;
    color: #3056cb;
    align-items: center;
    padding-left: 20px;
    text-decoration: none;
    display: flex;
}

    .btnad:hover[b-f55t9a6a8f] {
        color: #1739a1;
    }

@media screen and (max-width: 991px) {
    .div-block[b-f55t9a6a8f] {
        align-items: center;
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    .input-wrapper-2-copy[b-f55t9a6a8f] {
        width: 50%;
    }
}

@media screen and (max-width: 479px) {
    .zba[b-f55t9a6a8f] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .zba-2[b-f55t9a6a8f] {
        padding-left: 20px;
    }

    .zba-2-copy[b-f55t9a6a8f] {
        padding-left: 118px;
    }

    .zba-7-copy[b-f55t9a6a8f] {
        padding-left: 20px;
    }

    .zba-2-copy[b-f55t9a6a8f] {
        padding-left: 108px;
    }

    .div-block-3[b-f55t9a6a8f] {
        width: 100%;
    }

    .div-block-4[b-f55t9a6a8f] {
        color: #3056cb;
        padding-left: 10px;
    }

    .link-block-2[b-f55t9a6a8f], .div-block-6[b-f55t9a6a8f] {
        padding-left: 10px;
    }

    .btnsa[b-f55t9a6a8f] {
        padding-left: 98px;
    }

    .btnad[b-f55t9a6a8f] {
        padding-left: 10px;
    }
}
/* _content/BackOffice/Pages/Admin/ProviderManagement.razor.rz.scp.css */
.content-col.parent-zone[b-01eqciw7xy] {
    padding: 1rem;
    border: 1px solid #E2E9FF;
    border-radius: 10px;
    display: flex;
    width: 100%;
    gap: 10px;
}
.parent-zone .d-flex.align-items-center[b-01eqciw7xy] {
    align-items: center;
    justify-content: space-between;
    max-width: 300px;
}
   

.parent-zone .d-block .w-parent .popup-data-2 div:nth-child(2)[b-01eqciw7xy] {
    width: 130px;
    max-width: 100% !important;
}

.parent-zone .d-block[b-01eqciw7xy]{
    width:100%;
}
    .parent-zone .d-block .w-parent[b-01eqciw7xy] {
        display: grid;
        grid-template-columns: 1.1fr 1.8fr 1.7fr;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        padding: 10px;
        border-radius: 10px;
        gap: 15px;
        background-color: rgb(226 233 255 / 30%);
    }
.flex-frame[b-01eqciw7xy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.w-popup-controll[b-01eqciw7xy] {
    display: flex;
    justify-content: flex-end;
}
    .w-popup-controll .popup-controll[b-01eqciw7xy] {
        width: 50%;
        border-top: none;
    }
@media screen and (max-width : 1048px) {
    .content-col.parent-zone[b-01eqciw7xy] {
        flex-direction: column;
    }
}
@media screen and (max-width : 912px){
    .parent-zone .d-block .w-parent[b-01eqciw7xy] {
        display: flex;
        flex-direction: column;
    }
}
@media screen and (max-width : 512px){
    .w-popup-controll .popup-controll[b-01eqciw7xy] {
        width: 100%;
        border-top: none;
    }
}
/* _content/BackOffice/Pages/Company/Components/DashboardAff.razor.rz.scp.css */
.dashboard-aff[b-dbe20yqbax],
.layout-full-white-new.aff[b-dbe20yqbax],
.card-dashboard-22.aff[b-dbe20yqbax] {
    font-family: 'Kanit';
}

    .layout-full-white-new.aff .w-dataaff[b-dbe20yqbax] {
        display: flex;
        column-gap: 20px;
        align-items: center;
        margin-bottom: 36px;
    }

.img-profile-aff[b-dbe20yqbax] {
    max-width: 120px;
    aspect-ratio: 1/1;
}

.h4-aff-tt[b-dbe20yqbax] {
    font-weight: 500;
    font-size: 38px;
    color: #2556CC;
}

.card-content-hori.aff h3 span:first-child[b-dbe20yqbax] {
    color: #000000;
}

.card-content-hori.aff h3 span:nth-child(2)[b-dbe20yqbax] {
    color: #767A84;
}

.inner-aff-data h4[b-dbe20yqbax] {
    font-weight: 500;
    font-size: 24px;
    color: #2556CC;
}

.inner-aff-data p[b-dbe20yqbax] {
    color: #8392A5;
}

.d-flex-left[b-dbe20yqbax] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.h4-aff-tt[b-dbe20yqbax] {
    font-weight: 500;
    font-size: 38px;
}

.layout-full-white-new.aff[b-dbe20yqbax],
.card-dashboard-22.aff[b-dbe20yqbax] {
    background: #F5F6FA;
    border: 1px solid #E2E5ED;
    border-radius: 10px;
}

.data-chart-aff[b-dbe20yqbax] {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

    .data-chart-aff div[b-dbe20yqbax] {
        font-size: 16px;
        color: #2556CC;
        padding-top: 10px !important;
    }

.card-dashboard-title.aff[b-dbe20yqbax] {
    flex-direction: column;
    align-items: flex-start;
}

    .card-dashboard-title.aff h4[b-dbe20yqbax] {
        font-weight: 500;
        font-size: 24px;
        color: #2556CC;
    }

.card-dashboard-22.aff p[b-dbe20yqbax] {
    color: #767A84;
}

.card-content-hori.aff .sub-txt-aff .span-currency[b-dbe20yqbax],
.card-content-hori.aff .sub-txt-aff span[b-dbe20yqbax] {
    font-weight: 500;
    font-size: 40px;
}

.card-content-hori.aff .extra-txt-aff span:first-child[b-dbe20yqbax] {
    font-weight: 500;
    font-size: 64px;
}

.card-content-hori.aff .extra-txt-aff span:nth-child(2)[b-dbe20yqbax] {
    font-weight: 500;
    font-size: 32px;
}

.card-content-hori.aff[b-dbe20yqbax] {
    font-weight: 500;
    font-size: 40px;
    color: #2556CC;
    height: 120px;
    justify-content: center;
    font-family: 'Kanit' !important;
}

.card-dashboard-title.bgaff[b-dbe20yqbax] {
    background: #2556CC;
    color: #fff;
    height: 48px;
}

    .card-dashboard-title.bgaff .card-icon .card-dashboard-txt[b-dbe20yqbax] {
        font-family: 'Kanit';
        font-size: 20px;
    }

.card-dashboard-22.aff.table-aff[b-dbe20yqbax] {
    background: #F5F6FA;
    height: 100%;
}

    .card-dashboard-22.aff.table-aff .card-dashboard-title.bglightaff[b-dbe20yqbax] {
        background: #F3F3F3;
        border-radius: 10px 10px 0px 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .card-dashboard-22.aff.table-aff .card-icon .card-dashboard-txt[b-dbe20yqbax] {
        font-family: 'Kanit';
        font-size: 20px;
    }

.table-aff > :not(caption) > * > *[b-dbe20yqbax] {
    border-bottom: none;
}

.table-aff tbody[b-dbe20yqbax] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.table-aff tr[b-dbe20yqbax] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0px;
}

.table-aff table-aff tr:nth-child(3n+1)[b-dbe20yqbax] {
    clear: both;
}

table-aff tr[b-dbe20yqbax] {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.table-aff td[b-dbe20yqbax] {
    padding: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/*information*/
.information[b-dbe20yqbax] {
    border-radius: 10px;
    border: 1px solid var(--Line-Color);
    background-color: var(--Bg-Color);
    font-family: Kanit;
}

    .information > div[b-dbe20yqbax] {
        font-size: 16px;
        color: var(--Third-Color);
    }

.b-body[b-dbe20yqbax] {
    padding: 1.5rem;
    padding-bottom: 0px;
}

    .b-body > div[b-dbe20yqbax] {
        font-size: 16px;
    }

.b-information[b-dbe20yqbax] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    .b-information > div[b-dbe20yqbax] {
        width: auto;
        padding: 16px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .b-information > div > p[b-dbe20yqbax] {
            margin-bottom: 0 !important
        }

.b-footer[b-dbe20yqbax] {
    width: 100%;
    display: flex;
    align-items: center;
}

    .b-footer > div[b-dbe20yqbax] {
        width: 100%;
        padding: 1em 1.5rem;
        display: flex;
        border: 0.5px solid var(--Line-Color);
        align-items: center;
    }

        .b-footer > div > span > svg[b-dbe20yqbax] {
            width: 24px;
            margin-right: 10px;
            fill: var(--Secondary-Color);
        }

.t-total[b-dbe20yqbax] {
    font-size: 40px;
    color: var(--Primary-Color);
}

.t-type[b-dbe20yqbax] {
    font-size: 16px;
    color: var(--Secondary-Color);
}

.t-total[b-dbe20yqbax], .t-type[b-dbe20yqbax] {
    font-weight: 400;
}

.b-click[b-dbe20yqbax] {
    font-size: 16px;
}

.b-footer > div:hover > span[b-dbe20yqbax], .b-footer > div:hover > span > svg[b-dbe20yqbax] {
    fill: var(--Primary-Color);
    color: var(--Primary-Color);
}

.b-footer > div:hover[b-dbe20yqbax] {
    cursor: pointer;
    box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.13);
}

/*router-link*/
.router-link[b-dbe20yqbax] {
    color: var(--Third-Color);
    background-color: var(--Bg-Color);
    border-radius: 10px;
    border: 1px solid var(--Line-Color);
    width: 100%;
    padding: 1.5rem;
    font-family: Kanit;
}

    .router-link > div[b-dbe20yqbax], .b-link > div > div[b-dbe20yqbax] {
        font-size: 16px;
        font-weight: 400;
    }

.b-all-link[b-dbe20yqbax] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.b-title[b-dbe20yqbax] {
    margin-bottom: 1em;
}

.b-link[b-dbe20yqbax] {
    display: flex;
    align-items: flex-start;
    background: var(--Bg-Link);
    border-radius: 16px;
    padding: 2em 1em;
}

    .b-link > svg[b-dbe20yqbax] {
        fill: var(--More-Color);
        width: 24px;
        cursor: pointer;
    }

    .b-link > div[b-dbe20yqbax] {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 0 1em 0 2em;
    }

        .b-link > div > img[b-dbe20yqbax] {
            width: 150px;
            height: 150px;
            margin-bottom: 1em;
        }

    .b-link:hover[b-dbe20yqbax] {
        cursor: pointer;
        box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.13);
    }

        .b-link:hover > div > div[b-dbe20yqbax] {
            color: var(--Primary-Color);
        }
/* _content/BackOffice/Pages/Company/Components/MemberInfo.razor.rz.scp.css */
@media screen and (min-width: 1280px) {


    .layout-full-2-col[b-xbja7u9n7q] {
        height: calc(100vh - 64px);
    }
}
/* _content/BackOffice/Pages/Company/Components/PromoteMenu.razor.rz.scp.css */
@media screen and (min-width: 1280px) {

    .nav-CTA[b-b0v5yrw8se] {
        display: none !important;
    }

    .layout-full-2-col-menu[b-b0v5yrw8se] {
        height: calc(100vh - 78px);
    }
}
/* _content/BackOffice/Pages/Company/Components/ReportMenu.razor.rz.scp.css */
@media screen and (min-width: 1280px) {

    .nav-CTA[b-cuy46u6y69] {
        display: none !important;
    }

    .layout-full-2-col-menu[b-cuy46u6y69] {
        height: calc(100vh - 78px);
    }
}
/* _content/BackOffice/Pages/Company/Components/ReportMenuV2.razor.rz.scp.css */
@media screen and (min-width: 1280px) {

    .nav-CTA[b-c3mb0vhy2c] {
        display: none !important;
    }

    .layout-full-2-col-menu[b-c3mb0vhy2c] {
        height: calc(100vh - 78px);
    }
}
/* _content/BackOffice/Pages/Company/Components/ReportV2.razor.rz.scp.css */
.b-context-item[b-w2a89j62w1]{
    display: flex;
    align-items: center;
    justify-content: center;
}
.s-context[b-w2a89j62w1] {
    line-height: 0.8;
    padding-bottom: 4px;
    text-align: left;
}
.vh-center[b-w2a89j62w1] {
    display: flex;
    align-items: center;
}
.member-color[b-w2a89j62w1] {
    height: 12px;
    width: 12px;
    margin-left: 4px;
    border-radius: 2px;
}
.wordwrap[b-w2a89j62w1] {
    display: table-cell;
    overflow-wrap: break-word !important;
    width: auto;
    white-space: normal;
    line-height: 1;
}
.s-context .txt-ranking[b-w2a89j62w1],
.s-context .txt-subtxt[b-w2a89j62w1] {
    font-size: 85%;
}

.txt-ranking.premium[b-w2a89j62w1] {
    color: #9F6AE1;
}
.txt-ranking.gold[b-w2a89j62w1] {
    color: #FDC079;
}

.g-border-fill[b-w2a89j62w1]{
  background-color: #E5EDFF;
    border-radius: 30px;
    padding: 4px 16px;
    width: fit-content;
}

.g-color-positive[b-w2a89j62w1]{
color:#4FCFA7;
}

.g-color-negative[b-w2a89j62w1]{
color:#F56363;
}
.g-color-blue[b-w2a89j62w1]{
color:#396AFF;
}
/* _content/BackOffice/Pages/Company/Components/SettingMenu.razor.rz.scp.css */
@media screen and (min-width: 1280px) {

    .nav-CTA[b-8hn5b1uj3u] {
        display: none !important;
    }

    .layout-full-2-col-menu[b-8hn5b1uj3u] {
        height: calc(100vh - 78px);
    }
}
/* _content/BackOffice/Pages/Company/Components/Statement.razor.rz.scp.css */
.raw-page-1[b-tp4kyoc57t]{
max-width: 767px; 
display: flex;
}
.rp-wrap[b-tp4kyoc57t]{
     width: 100%;
     height:45px;
}
.raw-page-1 .rp-wrap .e-multiselect[b-tp4kyoc57t]{
    height: 100%;
}

.raw-page-1 .rp-wrap .data-popup[b-tp4kyoc57t],
.raw-page-1 .rp-wrap .popup-data[b-tp4kyoc57t],
.raw-page-1 .rp-wrap .frame[b-tp4kyoc57t]{
    height: 100%;
}

@media screen and (max-width: 767px) {
   .raw-page-1[b-tp4kyoc57t]{
    display: flex;
    flex-direction: column;
    padding: 0 6px 15px 6px;
}
}
/* _content/BackOffice/Pages/Company/Modals/ModalBillingDetail.razor.rz.scp.css */
.w-layout-grid[b-n6jgb09ebw] {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.header[b-n6jgb09ebw] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.container-header[b-n6jgb09ebw] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.section[b-n6jgb09ebw] {
    width: 100%;
}

.h-left[b-n6jgb09ebw] {
    align-items: center;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
}

.h-right[b-n6jgb09ebw] {
    width: 108px;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.menu-header[b-n6jgb09ebw] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header:hover[b-n6jgb09ebw] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.sc[b-n6jgb09ebw] {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.container[b-n6jgb09ebw] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.footer[b-n6jgb09ebw] {
    border-top: 1px solid rgba(0, 0, 0, .1);
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.section-footer[b-n6jgb09ebw] {
    width: 100%;
}

.div-block[b-n6jgb09ebw] {
    align-items: center;
    display: flex;
}

.button[b-n6jgb09ebw] {
    height: 48px;
    white-space: nowrap;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    font-family: Kanit, sans-serif;
    font-size: 16px;
    font-weight: 500;
    transition: height .2s, color .2s, background-color .2s, padding .2s;
    display: flex;
}

    .button:hover[b-n6jgb09ebw] {
        height: 44px;
        color: #000;
        background-color: #fff;
        padding-left: 20px;
        padding-right: 20px;
    }

.btn-head[b-n6jgb09ebw] {
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.gridhome[b-n6jgb09ebw] {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cardframezone[b-n6jgb09ebw] {
    width: 100%;
    background-color: #dadada;
    border-radius: 8px;
    padding-top: 133%;
}

.cardname[b-n6jgb09ebw] {
    white-space: nowrap;
    margin-top: 4px;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.gamecard[b-n6jgb09ebw] {
    position: relative;
    overflow: hidden;
}

.container-section[b-n6jgb09ebw] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.cardprovider[b-n6jgb09ebw] {
    white-space: nowrap;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.gamecard-end[b-n6jgb09ebw] {
    overflow: hidden;
}

.game-play[b-n6jgb09ebw] {
    height: 50%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.play[b-n6jgb09ebw] {
    width: 52px;
    height: 52px;
    background-color: rgba(0, 255, 47, .45);
    border-radius: 28px;
    margin-right: 24px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.screen-play[b-n6jgb09ebw] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.screen-play-controll[b-n6jgb09ebw] {
    height: 64px;
    background-color: #000;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.close[b-n6jgb09ebw] {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed[b-n6jgb09ebw] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-zone[b-n6jgb09ebw] {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    position: relative;
    overflow: auto;
}

.div-block-6[b-n6jgb09ebw] {
    width: 128px;
    height: 100px;
    min-height: 100px;
    min-width: 128px;
    background-color: #fdfdfd;
    border-radius: 12px;
    margin-left: 8px;
    margin-right: 8px;
}

.logo[b-n6jgb09ebw] {
    min-height: 80px;
    min-width: 80px;
    background-color: #000;
    border-radius: 10px;
}

.gametxt[b-n6jgb09ebw] {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}

.div-block-7[b-n6jgb09ebw] {
    width: 128px;
    height: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.div-block-8[b-n6jgb09ebw] {
    background-image: radial-gradient(circle, #fff, #000);
    position: absolute;
    top: 0%;
    bottom: 64px;
    left: 0%;
    right: 0%;
}

.div-block-9[b-n6jgb09ebw] {
    min-height: 44px;
    min-width: 44px;
    background-color: #0d00ff;
    border-radius: 22px;
    margin-right: 10px;
}

.screen-menu[b-n6jgb09ebw] {
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.header-menu-mb[b-n6jgb09ebw] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.menu-header-c[b-n6jgb09ebw] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header-c:hover[b-n6jgb09ebw] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.menu[b-n6jgb09ebw] {
    width: 144px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.form-block[b-n6jgb09ebw] {
    width: 580px;
    background-color: #dadada;
    border-radius: 24px;
    padding: 72px 50px;
}

.div-block-11[b-n6jgb09ebw] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.txt-field[b-n6jgb09ebw] {
    height: 64px;
    border-radius: 12px;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.label[b-n6jgb09ebw] {
    margin-bottom: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.submit-button[b-n6jgb09ebw] {
    width: 100%;
    height: 64px;
    color: #fff;
    background-color: #000;
    border-radius: 12px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.heading[b-n6jgb09ebw] {
    text-align: center;
    font-family: Kanit, sans-serif;
    font-weight: 600;
}

.card-normal[b-n6jgb09ebw] {
    background-color: #945858;
    border-radius: 8px;
    padding-top: 133%;
}

.grid[b-n6jgb09ebw] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.div-block-12[b-n6jgb09ebw] {
    height: 100%;
}

.head-balance[b-n6jgb09ebw] {
    height: 100%;
    color: #000;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    text-decoration: none;
    display: flex;
}

.screen-wallet[b-n6jgb09ebw] {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: rgba(0, 0, 0, .35);
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.wallet-zone[b-n6jgb09ebw] {
    width: 500px;
    background-color: #fff;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.wallet-header[b-n6jgb09ebw] {
    height: 92px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    justify-content: space-between;
    display: flex;
}

.div-block-13[b-n6jgb09ebw] {
    width: 92px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed-2[b-n6jgb09ebw] {
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-14[b-n6jgb09ebw] {
    align-items: center;
    padding-left: 24px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    display: flex;
}

.div-block-15[b-n6jgb09ebw] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 92px;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.text-block[b-n6jgb09ebw] {
    text-align: center;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
}

.div-block-16[b-n6jgb09ebw] {
    width: 100%;
    min-height: 128px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    margin-bottom: 32px;
    padding-bottom: 64px;
    padding-left: 24px;
    padding-right: 24px;
    font-family: Kanit, sans-serif;
}

.div-block-17[b-n6jgb09ebw] {
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.div-block-18[b-n6jgb09ebw] {
    width: 48px;
    height: 48px;
    background-color: #4e4a4a;
    border-radius: 24px;
    margin-right: 10px;
}

.copy-zone[b-n6jgb09ebw] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.compall[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.compheader[b-n6jgb09ebw] {
    width: 100%;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 24px 12px 10px;
    display: flex;
}

.comptitle[b-n6jgb09ebw] {
    width: 200px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame-10[b-n6jgb09ebw] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text[b-n6jgb09ebw] {
    color: #a0a4aa;
    font-size: 14px;
    font-weight: 400;
}

.compcode[b-n6jgb09ebw] {
    width: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.compcredit[b-n6jgb09ebw] {
    width: 128px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.compcredit-2[b-n6jgb09ebw] {
    width: 100px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.comprow[b-n6jgb09ebw] {
    width: 100%;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    display: flex;
}

    .comprow:hover[b-n6jgb09ebw] {
        background-color: #fcfdfe;
    }

.frame-9[b-n6jgb09ebw] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper[b-n6jgb09ebw] {
    width: 18.3333px;
    height: 18.3333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-2[b-n6jgb09ebw] {
    color: #1851ff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}

.text-3[b-n6jgb09ebw] {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.btn-md[b-n6jgb09ebw] {
    width: 100px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    text-decoration: none;
    display: flex;
}

    .btn-md:hover[b-n6jgb09ebw] {
        background-color: #e2e9ff;
    }

.text-4[b-n6jgb09ebw] {
    color: #2a51c9;
    text-align: center;
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.comprow-2[b-n6jgb09ebw] {
    width: 100%;
    background-color: #fcfcfe;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 12px;
    display: flex;
}

    .comprow-2:hover[b-n6jgb09ebw] {
        background-color: #fcfdfe;
    }

.frame-11[b-n6jgb09ebw] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fcfcfe;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.btn-md-2[b-n6jgb09ebw] {
    width: 100px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    display: flex;
}

.comptitle-2[b-n6jgb09ebw] {
    width: 200px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-12[b-n6jgb09ebw] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-5[b-n6jgb09ebw] {
    color: #03207c;
    font-size: 14px;
    font-weight: 400;
}

.bl[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.blcontainer[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.blhead[b-n6jgb09ebw] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-21[b-n6jgb09ebw] {
    object-fit: cover;
}

.text-29[b-n6jgb09ebw] {
    color: #343434;
    font-family: Sarabun, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.blcon[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.bldata[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.bldstart[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 7px;
    padding-left: 14px;
    display: flex;
}

.text-30[b-n6jgb09ebw] {
    color: rgba(60, 60, 67, .5);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-31[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .8);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bldcenter[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px solid #fff;
    border-width: 1px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 14px;
    display: flex;
}

.bldend[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 10px;
    padding-left: 14px;
    display: flex;
}

.bltotal[b-n6jgb09ebw] {
    height: 150px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #fff;
    border-left-width: 1px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.text-32[b-n6jgb09ebw] {
    color: rgba(60, 60, 67, .5);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-33[b-n6jgb09ebw] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.text-36[b-n6jgb09ebw] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.blsum[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 30px;
    display: flex;
}

.text-37[b-n6jgb09ebw] {
    color: rgba(60, 60, 67, .8);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-38[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .8);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bltotalsum[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    justify-content: flex-end;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

.frame-95[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ebeaf1;
    border-right-width: 1px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 24px;
    display: flex;
}

.text-39[b-n6jgb09ebw] {
    color: rgba(60, 60, 67, .8);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.billinglist[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.billinglistheader[b-n6jgb09ebw] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    display: flex;
}

.text-40[b-n6jgb09ebw] {
    color: #536883;
    font-size: 16px;
    font-weight: 600;
}

.billingbtn[b-n6jgb09ebw] {
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

    .billingbtn:hover[b-n6jgb09ebw] {
        background-color: #e2e9ff;
    }

.frame-15[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.vectors-wrapper-2[b-n6jgb09ebw] {
    width: 24px;
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-41[b-n6jgb09ebw] {
    color: #3056cb;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.billingrow[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

    .billingrow:hover[b-n6jgb09ebw] {
        background-color: #fcfdfe;
    }

.billingrowl[b-n6jgb09ebw] {
    width: 100%;
    border: 0 solid #f2f1f5;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    text-decoration: none;
    display: flex;
}

.text-42[b-n6jgb09ebw] {
    color: #536883;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.frame-97[b-n6jgb09ebw] {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-43[b-n6jgb09ebw] {
    color: #000;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.vectors-wrapper-3[b-n6jgb09ebw] {
    width: 7.97656px;
    height: 13.8594px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.mockmodal[b-n6jgb09ebw] {
    width: 512px;
    padding-left: 22px;
    padding-right: 22px;
}

.text-block-2[b-n6jgb09ebw] {
    margin-top: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: Kanit, sans-serif;
}

.div-block-20[b-n6jgb09ebw] {
    border-bottom: 1px solid #e9e8ef;
    justify-content: space-between;
    align-items: center;
    padding-top: 7px;
    padding-bottom: 7px;
    display: flex;
}

.text-block-3[b-n6jgb09ebw] {
    color: #03207c;
    font-family: Sarabun, sans-serif;
}

.text-block-4[b-n6jgb09ebw] {
    color: #536883;
    font-size: 12px;
}

.text-block-5[b-n6jgb09ebw] {
    color: #00a656;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.cmt-fhr[b-n6jgb09ebw] {
    width: 100%;
    height: 36px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-39[b-n6jgb09ebw] {
    object-fit: cover;
}

.cmt-fs[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-14[b-n6jgb09ebw] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.cmt-tt2[b-n6jgb09ebw] {
    width: 100%;
    height: 68px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 24px;
    display: flex;
}

.text-44[b-n6jgb09ebw] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.cd-fci[b-n6jgb09ebw] {
    width: 52px;
    height: 48px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-16[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-2[b-n6jgb09ebw] {
    width: 100%;
    height: 36px;
    max-width: 414px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cd-f1[b-n6jgb09ebw] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.cmt-cd[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f8f8fa;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cmt-tt[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 12px;
    display: flex;
}

.text-9[b-n6jgb09ebw] {
    color: #173fb7;
    font-size: 14px;
    font-weight: 400;
}

.fs-c1[b-n6jgb09ebw] {
    width: 100%;
    color: rgba(63, 113, 249, .13);
    background-color: #f8f8fa;
    border: 2px solid #f8f8fa;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .fs-c1:hover[b-n6jgb09ebw] {
        color: rgba(63, 113, 249, .3);
        border-color: rgba(63, 113, 249, .13);
    }

.cmt[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    box-shadow: 0 0 16px rgba(0, 0, 0, .15);
}

.frame-149[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.fs-c2[b-n6jgb09ebw] {
    width: 100%;
    color: #3f71f9;
    background-color: #f8f8fa;
    border: 2px solid #3f71f9;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .fs-c2:hover[b-n6jgb09ebw] {
        color: #204abd;
    }

.cmt-lb[b-n6jgb09ebw] {
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 4px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.cmt-ct[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 22px;
    padding-left: 22px;
    padding-right: 22px;
    display: flex;
}

.text-13[b-n6jgb09ebw] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.form-text-input[b-n6jgb09ebw] {
    width: 100%;
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #f8f8fa;
    border: 1px solid #f8f8fa;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 12px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    display: flex;
}

    .form-text-input:hover[b-n6jgb09ebw] {
        border-color: rgba(63, 113, 249, .44);
    }

    .form-text-input:focus[b-n6jgb09ebw] {
        border-color: #3f71f9;
    }

    .form-text-input[b-n6jgb09ebw]::-ms-input-placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

    .form-text-input[b-n6jgb09ebw]::placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

.cd-f2[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    white-space: pre-line;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.ffli[b-n6jgb09ebw] {
    width: 52px;
    height: 32px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.ffr[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 16px;
    display: flex;
}

.frame-150[b-n6jgb09ebw] {
    width: 52px;
    height: 36px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #bebebe;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative;
}

    .frame-150:hover[b-n6jgb09ebw] {
        color: #969696;
    }

.cmt-head[b-n6jgb09ebw] {
    width: 100%;
    height: 54px;
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    border: 0 solid #eeedf3;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
}

.text-11[b-n6jgb09ebw] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

._19-66-2034-1[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.input-wrapper[b-n6jgb09ebw] {
    width: 100%;
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

._456789451[b-n6jgb09ebw] {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-12[b-n6jgb09ebw] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.ffl[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-7[b-n6jgb09ebw] {
    width: 18px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-45[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.image-40[b-n6jgb09ebw] {
    object-fit: cover;
}

.txt04[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.frame-154[b-n6jgb09ebw] {
    width: 100%;
    height: 48px;
    border: 0 solid #ededed;
    border-top-width: 1px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.text-22[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.frame-182[b-n6jgb09ebw] {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 6px;
    display: flex;
}

.fs-cc1[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: rgba(63, 113, 249, .13);
    background-color: #f8f8fa;
    border: 2px solid #f8f8fa;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

    .fs-cc1:hover[b-n6jgb09ebw] {
        color: rgba(63, 113, 249, .3);
        border-color: rgba(63, 113, 249, .14);
    }

.frame-165[b-n6jgb09ebw] {
    width: 100%;
    height: 36px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.cd-fc[b-n6jgb09ebw] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.text-23[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-24[b-n6jgb09ebw] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.img-ssslip[b-n6jgb09ebw] {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 6px;
}

.text-19[b-n6jgb09ebw] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.frame-177[b-n6jgb09ebw] {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}

.frame-183[b-n6jgb09ebw] {
    width: 52px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-25[b-n6jgb09ebw] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-27[b-n6jgb09ebw] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.vectors-wrapper-8[b-n6jgb09ebw] {
    width: 12px;
    height: 7.42px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-26[b-n6jgb09ebw] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-152[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.frame-178[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.frame-181[b-n6jgb09ebw] {
    width: 52px;
    height: 48px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

._456789451-2[b-n6jgb09ebw] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-20[b-n6jgb09ebw] {
    color: #173fb7;
    font-size: 14px;
    font-weight: 400;
}

.input-wrapper-2[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-top-left-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cd-fb[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
}

.ffli2[b-n6jgb09ebw] {
    width: 52px;
    height: 34px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: rgba(67, 82, 129, .8);
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 4px;
    display: flex;
}

.cd-fbbf[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 8px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.cd-f4[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 4px;
    display: flex;
}

._19-66-2034-0[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-button[b-n6jgb09ebw] {
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #fff;
    background-color: #3f71f9;
    border: 1px solid #3f71f9;
    border-left-width: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

.frame-192[b-n6jgb09ebw] {
    width: 52px;
    height: 32px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-49[b-n6jgb09ebw] {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.frame-193[b-n6jgb09ebw] {
    width: 100%;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.image-49[b-n6jgb09ebw] {
    object-fit: cover;
}

.text-51[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.ffli3[b-n6jgb09ebw] {
    width: 100%;
    height: 34px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 4px;
    display: flex;
}

.cmt-cv[b-n6jgb09ebw] {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}

.text-52[b-n6jgb09ebw] {
    color: #173fb7;
    font-size: 14px;
    font-weight: 400;
}

.cd-fbb[b-n6jgb09ebw] {
    width: 100%;
    height: 32px;
    max-width: 414px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #3f71f9;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .cd-fbb:hover[b-n6jgb09ebw] {
        color: #204abd;
    }

.rba-0833331541-1000-12345678[b-n6jgb09ebw] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-54[b-n6jgb09ebw] {
    color: rgba(67, 82, 129, .8);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._19-66-2034-4[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-text-input-2[b-n6jgb09ebw] {
    width: 100%;
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #f8f8fa;
    border: 1px solid rgba(63, 113, 249, .17);
    border-radius: 12px 0 0 12px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 12px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    display: flex;
}

    .form-text-input-2:hover[b-n6jgb09ebw] {
        border-color: #3f71f9;
    }

    .form-text-input-2:focus[b-n6jgb09ebw] {
        background-color: #fff;
        border-color: #3f71f9;
    }

    .form-text-input-2[b-n6jgb09ebw]::-ms-input-placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

    .form-text-input-2[b-n6jgb09ebw]::placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

.text-55[b-n6jgb09ebw] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.cd-f6[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.cd-fcr[b-n6jgb09ebw] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #ed1327;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .cd-fcr:hover[b-n6jgb09ebw] {
        color: #cc081a;
    }

.cd-fct-3[b-n6jgb09ebw] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    border-top-width: 1px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-57[b-n6jgb09ebw] {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.emicp[b-n6jgb09ebw] {
    width: 24px;
    height: 24px;
}

.cd-fcb[b-n6jgb09ebw] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #3f71f9;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .cd-fcb:hover[b-n6jgb09ebw] {
        color: #204abd;
    }

.ffl-4[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.ffli-2[b-n6jgb09ebw] {
    width: 52px;
    height: 30px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-50[b-n6jgb09ebw] {
    object-fit: cover;
}

.frame-194[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-58[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-59[b-n6jgb09ebw] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-195[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-60[b-n6jgb09ebw] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-61[b-n6jgb09ebw] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame[b-n6jgb09ebw] {
    width: 52px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.fscc2t-2[b-n6jgb09ebw] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-51[b-n6jgb09ebw] {
    object-fit: cover;
}

.frame-196[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-62[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-63[b-n6jgb09ebw] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-197[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-64[b-n6jgb09ebw] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.fscc2td[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.text-65[b-n6jgb09ebw] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.fs-cc2[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f8f8fa;
    border: 2px solid #3f71f9;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.fscc2t[b-n6jgb09ebw] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.ffl-5[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.ffli-3[b-n6jgb09ebw] {
    width: 52px;
    height: 30px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-52[b-n6jgb09ebw] {
    object-fit: cover;
}

.frame-157[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-66[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-67[b-n6jgb09ebw] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-158[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-68[b-n6jgb09ebw] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-69[b-n6jgb09ebw] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-198[b-n6jgb09ebw] {
    width: 52px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-9[b-n6jgb09ebw] {
    width: 20px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.fscc2td-2[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.text-70[b-n6jgb09ebw] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.div-block-21[b-n6jgb09ebw] {
    color: #173fb7;
    background-color: #eef1f9;
    border: 1px solid #c0d1ff;
    border-radius: 12px;
    position: absolute;
    top: 24px;
    bottom: auto;
    left: auto;
    right: 0%;
}

.div-block-22[b-n6jgb09ebw] {
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    display: flex;
}

.text-block-6[b-n6jgb09ebw] {
    width: 112px;
    color: #8d8d8d;
}

.cmt-head-2[b-n6jgb09ebw] {
    width: 100%;
    height: 54px;
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    border: 0 solid #eeedf3;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
}

.text-71[b-n6jgb09ebw] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.cmt-lb-2[b-n6jgb09ebw] {
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eeff41;
    border-radius: 4px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.text-72[b-n6jgb09ebw] {
    color: #03207c;
    font-size: 14px;
    font-weight: 400;
}

.cmt-ct-2[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 22px;
    padding-left: 22px;
    padding-right: 22px;
    display: flex;
}

.cmt-tt-2[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 12px;
    display: flex;
}

.cmt-cv-2[b-n6jgb09ebw] {
    width: 100%;
    max-width: 508px;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}

.image-53[b-n6jgb09ebw] {
    object-fit: cover;
}

.text-74[b-n6jgb09ebw] {
    color: rgba(64, 64, 64, .8);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-75[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.cmt-cd-2[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f8f8fa;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cd-f1-2[b-n6jgb09ebw] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.ffl-6[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.ffli2-2[b-n6jgb09ebw] {
    width: 52px;
    height: 28px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
}

.vectors-wrapper-10[b-n6jgb09ebw] {
    width: 22px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-199[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

._456789451-3[b-n6jgb09ebw] {
    color: rgba(67, 82, 129, .8);
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.ffr-2[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 16px;
    display: flex;
}

.text-76[b-n6jgb09ebw] {
    color: #ed1327;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-77[b-n6jgb09ebw] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.cd-f5[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.text-78[b-n6jgb09ebw] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.cd-fb-2[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
}

.cd-fbb-2[b-n6jgb09ebw] {
    width: 100%;
    height: 32px;
    max-width: 414px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame-200[b-n6jgb09ebw] {
    width: 52px;
    height: 32px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-201[b-n6jgb09ebw] {
    width: 100%;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-79[b-n6jgb09ebw] {
    color: #3f71f9;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.cd-fc-2[b-n6jgb09ebw] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.cd-fci-2[b-n6jgb09ebw] {
    width: 52px;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-11[b-n6jgb09ebw] {
    width: 16px;
    height: 17.5px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.cd-fct[b-n6jgb09ebw] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    border-top-width: 1px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.cd-fc-3[b-n6jgb09ebw] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-12[b-n6jgb09ebw] {
    width: 20px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-80[b-n6jgb09ebw] {
    color: #ed1327;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._19-66-2034-5[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._19-66-2034-6[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._1000-00-0[b-n6jgb09ebw] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

._1000-00-1[b-n6jgb09ebw] {
    color: #404040;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.bldetaillist[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.bldlhead[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.bldlheadc[b-n6jgb09ebw] {
    width: 100%;
    background-color: #eef1f9;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 14px 4px 10px;
    display: flex;
}

.text-81[b-n6jgb09ebw] {
    color: rgba(60, 60, 67, .5);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.text-82[b-n6jgb09ebw] {
    color: rgba(60, 60, 67, .5);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bldlrow[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.blwrap[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.text-83[b-n6jgb09ebw] {
    color: #3c3c43;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-84[b-n6jgb09ebw] {
    width: 50%;
    color: rgba(60, 60, 67, .7);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-85[b-n6jgb09ebw] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.blpvl[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    display: flex;
}

.blpvlh[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
}

.blpvlhl[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-86[b-n6jgb09ebw] {
    color: rgba(60, 60, 67, .7);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.zpm[b-n6jgb09ebw] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 12px solid #f8f8f8;
    border-width: 12px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 20px;
    display: flex;
}

.text-87[b-n6jgb09ebw] {
    color: #3c3c43;
    font-family: Sarabun, sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.frame-118[b-n6jgb09ebw] {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-88[b-n6jgb09ebw] {
    color: rgba(60, 60, 67, .7);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-89[b-n6jgb09ebw] {
    color: #3c3c43;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.fmft[b-n6jgb09ebw] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-90[b-n6jgb09ebw] {
    color: rgba(60, 60, 67, .8);
    text-align: center;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.text-91[b-n6jgb09ebw] {
    color: rgba(48, 86, 203, .8);
    text-align: center;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}


@media screen and (min-width: 1280px) {
    .container-header[b-n6jgb09ebw], .container[b-n6jgb09ebw] {
        max-width: 1200px;
    }

    .gridhome[b-n6jgb09ebw] {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .container-section[b-n6jgb09ebw] {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1440px) {
    .container-header[b-n6jgb09ebw], .container[b-n6jgb09ebw], .container-section[b-n6jgb09ebw] {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1920px) {
    .container-header[b-n6jgb09ebw], .container[b-n6jgb09ebw], .container-section[b-n6jgb09ebw] {
        max-width: 1600px;
    }
}

@media screen and (max-width: 991px) {
    .header[b-n6jgb09ebw] {
        height: 100px;
    }

    .container-header[b-n6jgb09ebw] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .h-right[b-n6jgb09ebw] {
        width: 100px;
    }

    .container[b-n6jgb09ebw] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .gridhome[b-n6jgb09ebw] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .container-section[b-n6jgb09ebw] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .logo[b-n6jgb09ebw] {
        min-height: 72px;
        min-width: 72px;
    }

    .header-menu-mb[b-n6jgb09ebw] {
        height: 100px;
    }

    .grid[b-n6jgb09ebw] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .container-header[b-n6jgb09ebw], .container[b-n6jgb09ebw] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .gridhome[b-n6jgb09ebw] {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-left: 8px;
        padding-right: 8px;
        display: flex;
        overflow: auto;
    }

    .cardname[b-n6jgb09ebw] {
        margin-top: 8px;
    }

    .gamecard[b-n6jgb09ebw] {
        width: 30vw;
        min-width: 300px;
        margin-left: 16px;
    }

    .container-section[b-n6jgb09ebw] {
        padding-left: 0;
        padding-right: 0;
    }

    .cardprovider[b-n6jgb09ebw] {
        margin-bottom: 8px;
    }

    .gamecard-end[b-n6jgb09ebw] {
        width: 30vw;
        min-width: 300px;
        margin-left: 8px;
        margin-right: 64px;
    }

    .grid[b-n6jgb09ebw] {
        grid-template-columns: 1fr 1fr 1fr;
        padding-left: 24px;
        padding-right: 24px;
    }

    .head-balance[b-n6jgb09ebw] {
        font-size: 16px;
    }

    .wallet-zone[b-n6jgb09ebw] {
        width: 100%;
    }

    .text-84[b-n6jgb09ebw] {
        width: 70%;
    }
}

@media screen and (max-width: 479px) {
    .header[b-n6jgb09ebw] {
        height: 92px;
        border-radius: 0;
    }

    .container-header[b-n6jgb09ebw] {
        padding: 0;
    }

    .h-left[b-n6jgb09ebw] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .h-right[b-n6jgb09ebw] {
        width: 92px;
    }

    .container[b-n6jgb09ebw] {
        padding: 0 12px;
    }

    .button[b-n6jgb09ebw] {
        width: 100%;
    }

    .btn-head[b-n6jgb09ebw] {
        display: none;
    }

    .gamecard[b-n6jgb09ebw] {
        min-width: 70vw;
        margin-left: 8px;
    }

    .container-section[b-n6jgb09ebw] {
        padding: 24px 0;
    }

    .gamecard-end[b-n6jgb09ebw] {
        min-width: 70vw;
    }

    .screen-menu[b-n6jgb09ebw] {
        background-color: #dadada;
        display: none;
    }

    .div-block-10[b-n6jgb09ebw] {
        width: 100%;
    }

    .header-menu-mb[b-n6jgb09ebw] {
        height: 92px;
        background-color: #dadada;
        border-radius: 0;
    }

    .menu-header-c[b-n6jgb09ebw] {
        color: #241c7e;
    }

    .menu[b-n6jgb09ebw] {
        width: 100%;
        justify-content: space-between;
        padding: 20px;
        display: flex;
    }

    .form-block[b-n6jgb09ebw] {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .txt-field[b-n6jgb09ebw], .submit-button[b-n6jgb09ebw] {
        height: 56px;
    }

    .heading[b-n6jgb09ebw] {
        margin-bottom: 20px;
        font-size: 30px;
        font-weight: 500;
    }

    .grid[b-n6jgb09ebw] {
        grid-template-columns: 1fr 1fr;
        padding-left: 16px;
        padding-right: 16px;
    }

    .head-balance[b-n6jgb09ebw] {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
    }

    .screen-wallet[b-n6jgb09ebw] {
        margin-top: 92px;
    }

    .text-84[b-n6jgb09ebw] {
        width: 100%;
    }

    .blpvl[b-n6jgb09ebw] {
        padding-left: 0;
    }

    .blpvlhl[b-n6jgb09ebw] {
        flex-direction: column;
        margin-bottom: 10px;
    }
}
/* _content/BackOffice/Pages/Company/Modals/ModalCriminalBlacklist.razor.rz.scp.css */
.w-layout-grid[b-jp221qaa35] {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.header[b-jp221qaa35] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.container-header[b-jp221qaa35] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.section[b-jp221qaa35] {
    width: 100%;
}

.h-left[b-jp221qaa35] {
    align-items: center;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
}

.h-right[b-jp221qaa35] {
    width: 108px;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.menu-header[b-jp221qaa35] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header:hover[b-jp221qaa35] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.sc[b-jp221qaa35] {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.container[b-jp221qaa35] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.footer[b-jp221qaa35] {
    border-top: 1px solid rgba(0, 0, 0, .1);
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.section-footer[b-jp221qaa35] {
    width: 100%;
}

.div-block[b-jp221qaa35] {
    align-items: center;
    display: flex;
}

.button[b-jp221qaa35] {
    height: 48px;
    white-space: nowrap;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    font-family: Kanit, sans-serif;
    font-size: 16px;
    font-weight: 500;
    transition: height .2s, color .2s, background-color .2s, padding .2s;
    display: flex;
}

    .button:hover[b-jp221qaa35] {
        height: 44px;
        color: #000;
        background-color: #fff;
        padding-left: 20px;
        padding-right: 20px;
    }

.btn-head[b-jp221qaa35] {
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.gridhome[b-jp221qaa35] {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cardframezone[b-jp221qaa35] {
    width: 100%;
    background-color: #dadada;
    border-radius: 8px;
    padding-top: 133%;
}

.cardname[b-jp221qaa35] {
    white-space: nowrap;
    margin-top: 4px;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.gamecard[b-jp221qaa35] {
    position: relative;
    overflow: hidden;
}

.container-section[b-jp221qaa35] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.cardprovider[b-jp221qaa35] {
    white-space: nowrap;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.gamecard-end[b-jp221qaa35] {
    overflow: hidden;
}

.game-play[b-jp221qaa35] {
    height: 50%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.play[b-jp221qaa35] {
    width: 52px;
    height: 52px;
    background-color: rgba(0, 255, 47, .45);
    border-radius: 28px;
    margin-right: 24px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.screen-play[b-jp221qaa35] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.screen-play-controll[b-jp221qaa35] {
    height: 64px;
    background-color: #000;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.close[b-jp221qaa35] {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed[b-jp221qaa35] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-zone[b-jp221qaa35] {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    position: relative;
    overflow: auto;
}

.div-block-6[b-jp221qaa35] {
    width: 128px;
    height: 100px;
    min-height: 100px;
    min-width: 128px;
    background-color: #fdfdfd;
    border-radius: 12px;
    margin-left: 8px;
    margin-right: 8px;
}

.logo[b-jp221qaa35] {
    min-height: 80px;
    min-width: 80px;
    background-color: #000;
    border-radius: 10px;
}

.gametxt[b-jp221qaa35] {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}

.div-block-7[b-jp221qaa35] {
    width: 128px;
    height: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.div-block-8[b-jp221qaa35] {
    background-image: radial-gradient(circle, #fff, #000);
    position: absolute;
    top: 0%;
    bottom: 64px;
    left: 0%;
    right: 0%;
}

.div-block-9[b-jp221qaa35] {
    min-height: 44px;
    min-width: 44px;
    background-color: #0d00ff;
    border-radius: 22px;
    margin-right: 10px;
}

.screen-menu[b-jp221qaa35] {
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.header-menu-mb[b-jp221qaa35] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.menu-header-c[b-jp221qaa35] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header-c:hover[b-jp221qaa35] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.menu[b-jp221qaa35] {
    width: 144px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.form-block[b-jp221qaa35] {
    width: 580px;
    background-color: #dadada;
    border-radius: 24px;
    padding: 72px 50px;
}

.div-block-11[b-jp221qaa35] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.txt-field[b-jp221qaa35] {
    height: 64px;
    border-radius: 12px;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.label[b-jp221qaa35] {
    margin-bottom: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.submit-button[b-jp221qaa35] {
    width: 100%;
    height: 64px;
    color: #fff;
    background-color: #000;
    border-radius: 12px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.heading[b-jp221qaa35] {
    text-align: center;
    font-family: Kanit, sans-serif;
    font-weight: 600;
}

.card-normal[b-jp221qaa35] {
    background-color: #945858;
    border-radius: 8px;
    padding-top: 133%;
}

.grid[b-jp221qaa35] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.div-block-12[b-jp221qaa35] {
    height: 100%;
}

.head-balance[b-jp221qaa35] {
    height: 100%;
    color: #000;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    text-decoration: none;
    display: flex;
}

.screen-wallet[b-jp221qaa35] {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: rgba(0, 0, 0, .35);
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.wallet-zone[b-jp221qaa35] {
    width: 500px;
    background-color: #fff;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.wallet-header[b-jp221qaa35] {
    height: 92px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    justify-content: space-between;
    display: flex;
}

.div-block-13[b-jp221qaa35] {
    width: 92px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed-2[b-jp221qaa35] {
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-14[b-jp221qaa35] {
    align-items: center;
    padding-left: 24px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    display: flex;
}

.div-block-15[b-jp221qaa35] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 92px;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.text-block[b-jp221qaa35] {
    text-align: center;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
}

.div-block-16[b-jp221qaa35] {
    width: 100%;
    min-height: 128px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    margin-bottom: 32px;
    padding-bottom: 64px;
    padding-left: 24px;
    padding-right: 24px;
    font-family: Kanit, sans-serif;
}

.div-block-17[b-jp221qaa35] {
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.div-block-18[b-jp221qaa35] {
    width: 48px;
    height: 48px;
    background-color: #4e4a4a;
    border-radius: 24px;
    margin-right: 10px;
}

.copy-zone[b-jp221qaa35] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.testframe[b-jp221qaa35] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.hrowc[b-jp221qaa35] {
    width: 100%;
    height: 64px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 0 solid #ebebeb;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    display: flex;
}

.frame[b-jp221qaa35] {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 5px;
    display: flex;
}

.vectors-wrapper[b-jp221qaa35] {
    width: 14px;
    height: 14px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text[b-jp221qaa35] {
    color: #000;
    font-family: Sarabun, sans-serif;
    font-size: 24px;
    font-weight: 400;
}

.hrh[b-jp221qaa35] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 24px 24px 10px;
    display: flex;
}

.text-2[b-jp221qaa35] {
    color: #536883;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.btn-md[b-jp221qaa35] {
    height: 32px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #eef1f9;
    border-radius: 16px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    text-decoration: none;
    display: flex;
}

    .btn-md:hover[b-jp221qaa35] {
        background-color: #eef1f9;
    }

.text-3[b-jp221qaa35] {
    color: #2a51c9;
    text-align: center;
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.rowc[b-jp221qaa35] {
    width: 100%;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    display: flex;
}

.rowc_l[b-jp221qaa35] {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.rc_bi[b-jp221qaa35] {
    object-fit: cover;
}

.rc_tt[b-jp221qaa35] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.text-4[b-jp221qaa35] {
    color: #03207c;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-5[b-jp221qaa35] {
    color: #536883;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.rowc_r[b-jp221qaa35] {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.testframe-2[b-jp221qaa35] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-6[b-jp221qaa35] {
    color: #536883;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.btn-md-2[b-jp221qaa35] {
    height: 32px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #eef1f9;
    border-radius: 16px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    text-decoration: none;
    display: flex;
}

    .btn-md-2:hover[b-jp221qaa35] {
        background-color: #e2e9ff;
    }

.text-7[b-jp221qaa35] {
    color: #2a51c9;
    text-align: center;
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-8[b-jp221qaa35] {
    color: #536883;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

@media screen and (min-width: 1280px) {
    .container-header[b-jp221qaa35], .container[b-jp221qaa35] {
        max-width: 1200px;
    }

    .gridhome[b-jp221qaa35] {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .container-section[b-jp221qaa35] {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1440px) {
    .container-header[b-jp221qaa35], .container[b-jp221qaa35], .container-section[b-jp221qaa35] {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1920px) {
    .container-header[b-jp221qaa35], .container[b-jp221qaa35], .container-section[b-jp221qaa35] {
        max-width: 1600px;
    }
}

@media screen and (max-width: 991px) {
    .header[b-jp221qaa35] {
        height: 100px;
    }

    .container-header[b-jp221qaa35] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .h-right[b-jp221qaa35] {
        width: 100px;
    }

    .container[b-jp221qaa35] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .gridhome[b-jp221qaa35] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .container-section[b-jp221qaa35] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .logo[b-jp221qaa35] {
        min-height: 72px;
        min-width: 72px;
    }

    .header-menu-mb[b-jp221qaa35] {
        height: 100px;
    }

    .grid[b-jp221qaa35] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .container-header[b-jp221qaa35], .container[b-jp221qaa35] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .gridhome[b-jp221qaa35] {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-left: 8px;
        padding-right: 8px;
        display: flex;
        overflow: auto;
    }

    .cardname[b-jp221qaa35] {
        margin-top: 8px;
    }

    .gamecard[b-jp221qaa35] {
        width: 30vw;
        min-width: 300px;
        margin-left: 16px;
    }

    .container-section[b-jp221qaa35] {
        padding-left: 0;
        padding-right: 0;
    }

    .cardprovider[b-jp221qaa35] {
        margin-bottom: 8px;
    }

    .gamecard-end[b-jp221qaa35] {
        width: 30vw;
        min-width: 300px;
        margin-left: 8px;
        margin-right: 64px;
    }

    .grid[b-jp221qaa35] {
        grid-template-columns: 1fr 1fr 1fr;
        padding-left: 24px;
        padding-right: 24px;
    }

    .head-balance[b-jp221qaa35] {
        font-size: 16px;
    }

    .wallet-zone[b-jp221qaa35] {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .header[b-jp221qaa35] {
        height: 92px;
        border-radius: 0;
    }

    .container-header[b-jp221qaa35] {
        padding: 0;
    }

    .h-left[b-jp221qaa35] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .h-right[b-jp221qaa35] {
        width: 92px;
    }

    .container[b-jp221qaa35] {
        padding: 0 12px;
    }

    .button[b-jp221qaa35] {
        width: 100%;
    }

    .btn-head[b-jp221qaa35] {
        display: none;
    }

    .gamecard[b-jp221qaa35] {
        min-width: 70vw;
        margin-left: 8px;
    }

    .container-section[b-jp221qaa35] {
        padding: 24px 0;
    }

    .gamecard-end[b-jp221qaa35] {
        min-width: 70vw;
    }

    .screen-menu[b-jp221qaa35] {
        background-color: #dadada;
        display: none;
    }

    .div-block-10[b-jp221qaa35] {
        width: 100%;
    }

    .header-menu-mb[b-jp221qaa35] {
        height: 92px;
        background-color: #dadada;
        border-radius: 0;
    }

    .menu-header-c[b-jp221qaa35] {
        color: #241c7e;
    }

    .menu[b-jp221qaa35] {
        width: 100%;
        justify-content: space-between;
        padding: 20px;
        display: flex;
    }

    .form-block[b-jp221qaa35] {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .txt-field[b-jp221qaa35], .submit-button[b-jp221qaa35] {
        height: 56px;
    }

    .heading[b-jp221qaa35] {
        margin-bottom: 20px;
        font-size: 30px;
        font-weight: 500;
    }

    .grid[b-jp221qaa35] {
        grid-template-columns: 1fr 1fr;
        padding-left: 16px;
        padding-right: 16px;
    }

    .head-balance[b-jp221qaa35] {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
    }

    .screen-wallet[b-jp221qaa35] {
        margin-top: 92px;
    }
}

#w-node-_4905f3e9-28c6-01c7-7899-a4a121cf5804-c3b107c6[b-jp221qaa35], #w-node-d0b57421-c048-dd27-e67c-a36d5ae0be5f-c3b107c6[b-jp221qaa35], #w-node-_6dd03f39-c2b2-5b1c-1cd3-1bff0c6d482c-c3b107c6[b-jp221qaa35], #w-node-_3e2fbe9f-4ef2-1547-8265-d6b328c282a1-c3b107c6[b-jp221qaa35], #w-node-_69327658-c9a1-0e13-dbdb-34ef17bd7abc-c3b107c6[b-jp221qaa35], #w-node-_262df038-aa3c-8be9-aae0-0c57b8ecf7c0-c3b107c6[b-jp221qaa35], #w-node-_38569727-330b-39ab-c5c4-b6d168152d3d-c3b107c6[b-jp221qaa35], #w-node-_0e224d4e-d164-0ee7-38b7-fb14c6f08756-c3b107c6[b-jp221qaa35], #w-node-_3b6f3860-cd1b-dd2e-1fa0-1b931f6c25a0-c3b107c6[b-jp221qaa35], #w-node-d82a629d-5f06-a43f-f744-695935f05b9d-c3b107c6[b-jp221qaa35], #w-node-ae941ecf-d49e-6ba5-febb-422fb292fa03-c3b107c6[b-jp221qaa35], #w-node-fe23adf4-24d0-d846-7396-e3ba848b8d19-c3b107c6[b-jp221qaa35], #w-node-_1d8efa39-5ee8-184b-a80a-0dcddd1d62eb-c3b107c6[b-jp221qaa35], #w-node-_03a3d9ee-c8fc-dfe2-bdd4-f2256e369db4-c3b107c6[b-jp221qaa35], #w-node-_4905f3e9-28c6-01c7-7899-a4a121cf5804-9313f3f4[b-jp221qaa35], #w-node-d0b57421-c048-dd27-e67c-a36d5ae0be5f-9313f3f4[b-jp221qaa35], #w-node-_6dd03f39-c2b2-5b1c-1cd3-1bff0c6d482c-9313f3f4[b-jp221qaa35], #w-node-_3e2fbe9f-4ef2-1547-8265-d6b328c282a1-9313f3f4[b-jp221qaa35], #w-node-_69327658-c9a1-0e13-dbdb-34ef17bd7abc-9313f3f4[b-jp221qaa35], #w-node-_262df038-aa3c-8be9-aae0-0c57b8ecf7c0-9313f3f4[b-jp221qaa35] {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
/* _content/BackOffice/Pages/Company/Modals/ModalFormDepositApproved.razor.rz.scp.css */
.link-blue[b-duqc7q5daz] {
    color: #396aff;
    text-decoration: none;
}

    .link-blue:hover[b-duqc7q5daz] {
        text-decoration: underline;
    }

.member-select:hover[b-duqc7q5daz] {
    border-color: #f8f8fa;
    border-radius: 12px;
    background-color: #f8f8fa;
    cursor: default;
}

.cmt-head[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    height: 54px;
    padding-right: 16px;
    padding-left: 16px;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    border-top-style: solid;
    border-top-width: 0px;
    border-top-color: rgba(238, 237, 243, 1);
    border-right-style: solid;
    border-right-width: 0px;
    border-right-color: rgba(238, 237, 243, 1);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(238, 237, 243, 1);
    border-left-style: solid;
    border-left-width: 0px;
    border-left-color: rgba(238, 237, 243, 1);
}

.text-19[b-duqc7q5daz] {
    color: rgba(52, 52, 52, 1);
    font-size: 16px;
    font-weight: 500;
}

.cmt-lb[b-duqc7q5daz] {
    display: flex;
    height: 24px;
    padding-right: 10px;
    padding-left: 10px;
    justify-content: center;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: rgba(238, 241, 249, 1);
}

.text-20[b-duqc7q5daz] {
    color: rgba(23, 63, 183, 1);
    font-size: 14px;
    font-weight: 400;
}

.cmt-ct[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    padding-right: 22px;
    padding-bottom: 22px;
    padding-left: 22px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.cmt-tt[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 12px;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.text-45[b-duqc7q5daz] {
    font-family: Kanit;
    color: hsla(0, 0.00%, 34.00%, 1.00);
    font-size: 14px;
}

.txt04[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-weight: 400;
}



.frame-177[b-duqc7q5daz] {
    display: flex;
    padding-top: 32px;
    padding-bottom: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

.image-40[b-duqc7q5daz] {
    object-fit: cover;
}

.text-22[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(0, 0, 0, 0.75);
    font-size: 20px;
    font-weight: 400;
}

.text-23[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    font-weight: 400;
}

.cmt-cd[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: rgba(248, 248, 250, 1);
}

.cd-f1[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: space-between;
    align-items: center;
}

.ffl[b-duqc7q5daz] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.ffli[b-duqc7q5daz] {
    display: flex;
    width: 52px;
    height: 32px;
    min-width: 52px;
    justify-content: center;
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.frame-178[b-duqc7q5daz] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.image-40[b-duqc7q5daz] {
    object-fit: cover;
}

._456789451-2[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(67, 82, 129, 1);
    font-size: 16px;
    font-weight: 400;
}

.text-24[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(141, 141, 141, 1);
    font-size: 12px;
    font-weight: 400;
}

.ffr[b-duqc7q5daz] {
    display: flex;
    padding-right: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.text-25[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(0, 166, 86, 1);
    font-size: 16px;
    font-weight: 400;
    text-align: right;
}

.text-26[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(141, 141, 141, 1);
    font-size: 12px;
    font-weight: 400;
    text-align: right;
}

.cd-fcb[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    height: 48px;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #3f71f9;
    text-decoration: none;
}

    .cd-fcb:hover[b-duqc7q5daz] {
        color: hsla(223.8709677419355, 71.10%, 43.25%, 1.00);
    }

.cd-fci[b-duqc7q5daz] {
    display: flex;
    width: 52px;
    height: 48px;
    min-width: 52px;
    justify-content: center;
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.emicp[b-duqc7q5daz] {
    width: 24px;
    height: 24px;
}

.cd-fct-3[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    height: 48px;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(237, 237, 237, 1);
    border-right-style: solid;
    border-right-width: 0px;
    border-right-color: rgba(237, 237, 237, 1);
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: rgba(237, 237, 237, 1);
    border-left-style: solid;
    border-left-width: 0px;
    border-left-color: rgba(237, 237, 237, 1);
}

.text-57[b-duqc7q5daz] {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
}

.cd-fcr[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    height: 48px;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #ed1327;
    text-decoration: none;
}

    .cd-fcr:hover[b-duqc7q5daz] {
        color: hsla(354.4954128440367, 92.31%, 41.60%, 1.00);
    }

.cmt-tt2[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    height: 68px;
    padding-top: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.frame-165[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    height: 36px;
    justify-content: space-between;
    align-items: center;
}

.frame-183[b-duqc7q5daz] {
    display: flex;
    width: 52px;
    height: 36px;
    justify-content: center;
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.cmt-fs[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
}

.fs-cc2[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    grid-row-gap: 0px;
    grid-column-gap: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgba(63, 113, 249, 1);
    border-right-color: rgba(63, 113, 249, 1);
    border-bottom-color: rgba(63, 113, 249, 1);
    border-left-color: rgba(63, 113, 249, 1);
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    background-color: rgba(248, 248, 250, 1);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    text-decoration: none;
}

.fs-cc1[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: rgba(248, 248, 250, 1);
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: rgba(248, 248, 250, 1);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: rgba(248, 248, 250, 1);
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: rgba(248, 248, 250, 1);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: rgba(248, 248, 250, 1);
    color: rgba(63, 113, 249, 0.13);
    text-decoration: none;
}

    .fs-cc1:hover[b-duqc7q5daz] {
        border-top-color: hsla(223.8709677419355, 93.94%, 61.18%, 0.14);
        border-right-color: hsla(223.8709677419355, 93.94%, 61.18%, 0.14);
        border-bottom-color: hsla(223.8709677419355, 93.94%, 61.18%, 0.14);
        border-left-color: hsla(223.8709677419355, 93.94%, 61.18%, 0.14);
        color: rgba(63, 113, 249, 0.3);
    }

.fscc2t[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.fscc2td-2[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: 0px;
    grid-column-gap: 0px;
    padding-left: 52px;
    padding-right: 16px;
    padding-bottom: 16px
}

.fscc2t-2[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.fscc2td[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 52px;
    justify-content: flex-start;
    align-items: flex-start;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.ffl-5[b-duqc7q5daz] {
    display: flex;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    justify-content: flex-start;
    align-items: center;
    grid-row-gap: 0px;
    grid-column-gap: 0px;
    padding-top: 10px;
    padding-bottom: 10px
}

.ffl-4[b-duqc7q5daz] {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.text-70[b-duqc7q5daz] {
    color: rgba(67, 82, 129, 1);
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400
}

.text-65[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(67, 82, 129, 1);
    font-size: 12px;
    font-weight: 400;
}

.ffli-3[b-duqc7q5daz] {
    display: flex;
    width: 52px;
    height: 30px;
    justify-content: center;
    align-items: center;
    grid-row-gap: 0px;
    grid-column-gap: 0px;
}

.frame-157[b-duqc7q5daz] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    grid-row-gap: 0px;
    grid-column-gap: 0px;
}

.frame-158[b-duqc7q5daz] {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    grid-row-gap: 0px;
    grid-column-gap: 0px;
}

.frame-198[b-duqc7q5daz] {
    display: flex;
    width: 52px;
    height: 32px;
    justify-content: center;
    align-items: center;
    grid-row-gap: 0px;
    grid-column-gap: 0px;
}

.ffli[b-duqc7q5daz] {
    display: flex;
    width: 52px;
    height: 32px;
    min-width: 52px;
    justify-content: center;
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.frame-196[b-duqc7q5daz] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.frame-197[b-duqc7q5daz] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.frame[b-duqc7q5daz] {
    display: flex;
    width: 52px;
    height: 32px;
    justify-content: center;
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.text-66[b-duqc7q5daz] {
    color: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400
}

.text-67[b-duqc7q5daz] {
    color: rgba(141, 141, 141, 1);
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400
}

.text-68[b-duqc7q5daz] {
    color: rgba(0, 166, 86, 1);
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-align: right
}

.text-69[b-duqc7q5daz] {
    color: rgba(141, 141, 141, 1);
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-align: right
}

.vectors-wrapper-9[b-duqc7q5daz] {
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    grid-row-gap: 0px;
    grid-column-gap: 0px;
    object-fit: cover;
}

.text-62[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    font-weight: 400;
}

.text-63[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(141, 141, 141, 1);
    font-size: 12px;
    font-weight: 400;
}

.text-64[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(0, 166, 86, 1);
    font-size: 16px;
    font-weight: 400;
    text-align: right;
}

.text-61[b-duqc7q5daz] {
    font-family: Arial, sans-serif;
    color: rgba(141, 141, 141, 1);
    font-size: 12px;
    font-weight: 400;
    text-align: right;
}

.emicp[b-duqc7q5daz] {
    width: 24px;
    height: 24px;
}

.frame-152[b-duqc7q5daz] {
    display: flex;
    width: 100%;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 52px;
    justify-content: flex-start;
    align-items: flex-start;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.img-ssslip[b-duqc7q5daz] {
    width: 100%;
    height: auto;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    object-fit: cover;
}
/* _content/BackOffice/Pages/Components/EmtryBoard.razor.rz.scp.css */
@media screen and (max-width: 767px) {
    .emtry-80vh[b-njxboqy4u4] {
        height: calc(100vh - 48px);
    }
}


@media screen and (min-width: 767px) {
    .emtry-80vh[b-njxboqy4u4] {
        height: calc(100vh - 52px);
    }
}

/* _content/BackOffice/Pages/Components/NewTaskBoard.razor.rz.scp.css */
.custom-toolbar[b-insdsfoozp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w-event-zone[b-insdsfoozp] {
}

.event-dept-zone[b-insdsfoozp] {
    padding: 1rem;
    border: 1px solid rgba(18, 189, 136, 0.5);
    margin-right: 10px;
    border-radius: 10px;
}

.event-withdraw-zone[b-insdsfoozp] {
    padding: 1rem;
    border: 1px solid rgba(245, 99, 99, 0.5);
    margin-right: 10px;
    border-radius: 10px;
}

.s-context[b-insdsfoozp] {
    line-height: 0.8;
    padding-bottom: 4px;
    text-align: left;
}

.vh-center[b-insdsfoozp] {
    display: flex;
    align-items: center;
}

.member-color[b-insdsfoozp] {
    height: 12px;
    width: 12px;
    margin-left: 4px;
    border-radius: 2px;
}

.wordwrap[b-insdsfoozp] {
    display: table-cell;
    overflow-wrap: break-word !important;
    width: auto;
    white-space: normal;
    line-height: 1;
}

.c-clipboard[b-insdsfoozp] {
    height: 24px;
    width: 24px;
    padding: 6px;
    margin-left: 4px;
    border-radius: 50%;
}

    .c-clipboard:hover[b-insdsfoozp] {
        cursor: pointer;
        background-color: #dbe6f8;
    }

.s-context .txt-ranking[b-insdsfoozp],
.s-context .txt-subtxt[b-insdsfoozp] {
    font-size: 85%;
}

.txt-ranking.premium[b-insdsfoozp] {
    color: #9F6AE1;
}

.txt-ranking.gold[b-insdsfoozp] {
    color: #FDC079;
}

.boxtype-deposit[b-insdsfoozp] {
    background-color: #D6EBFF;
    color: #5C81E3;
    display: flex;
    align-items: center;
    height: 50px;
    width: 80px;
    border-radius: 10px;
    flex-direction: row;
    font-weight: 600;
    justify-content: center;
}

.boxtype-withdraw[b-insdsfoozp] {
    background-color: #FFD3DD;
    color: #F46D6D;
    display: flex;
    align-items: center;
    height: 50px;
    width: 80px;
    border-radius: 10px;
    flex-direction: row;
    font-weight: 600;
    justify-content: center;
}

.box-date div:first-child[b-insdsfoozp] {
    color: #606C83;
}

.box-date div:nth-child(2)[b-insdsfoozp] {
    color: #304966;
}

.txt-colorbank-kbank[b-insdsfoozp] {
    color: #4FCFA7;
    font-weight: 600;
}

.txt-colorbank-scb[b-insdsfoozp] {
    color: #B387EC;
    font-weight: 600;
}

.txt-colorbank-bca[b-insdsfoozp] {
    color: #FDC079;
    font-weight: 600;
}

.txt-colorbank-kss[b-insdsfoozp] {
    color: #ffdc00;
    font-weight: 600;
}

.txt-colorbank-ktb[b-insdsfoozp] {
    color: #00A4E4;
    font-weight: 600;
}

.bd-banknum[b-insdsfoozp] {
    color: #2A5EE1;
}

.txt-credit-deposit[b-insdsfoozp] {
    color: #3381DF;
}

.txt-credit-withdraw[b-insdsfoozp] {
    color: #F56363;
}

.txt-status-inprogess[b-insdsfoozp] {
    color: #F6961F;
}

.btn-custom-primary[b-insdsfoozp] {
    color: #606C83;
    background-color: #FAFCFE;
    border: 1px solid #D3DEF3;
    padding: 4px 12px;
    border-radius: 20px;
}

    .btn-custom-primary:hover[b-insdsfoozp] {
        background-color: #E6EBF3;
    }

.btn-custom-secondary[b-insdsfoozp] {
    color: #293544;
    background-color: #FFFFFF;
    border: 1px solid #71849B;
    border-radius: 20px;
}

    .btn-custom-secondary:hover[b-insdsfoozp] {
        background-color: #FAFCFE;
    }

.btn-view[b-insdsfoozp] {
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #3381DF;
    padding: 4px 12px;
    color: #3381DF;
}

    .btn-view:hover[b-insdsfoozp] {
        background-color: #DCEEFF;
    }

    .btn-view .icon-txtbox-top[b-insdsfoozp] {
        color: #3381DF;
    }

.btn-taskconfirm[b-insdsfoozp] {
    background-color: #06D79C;
    border-radius: 20px;
    padding: 4px 12px;
    color: #fff;
}

    .btn-taskconfirm:hover[b-insdsfoozp] {
        background-color: #059b71;
    }

.btn-taskreject[b-insdsfoozp] {
    background-color: #F56363;
    border-radius: 20px;
    padding: 4px 12px;
    color: #fff;
}

    .btn-taskreject:hover[b-insdsfoozp] {
        background-color: #bb4949;
        border-radius: 20px;
        padding: 4px 12px;
        color: #fff;
    }

.btn-taskmanage[b-insdsfoozp] {
    background-color: #ffc107;
    border-radius: 20px;
    padding: 4px 12px;
    color: #fff;
}

    .btn-taskmanage:hover[b-insdsfoozp] {
        background-color: #bb8d03;
        border-radius: 20px;
        padding: 4px 12px;
        color: #fff;
    }
button.btn-primary-search[b-insdsfoozp] {
    font-weight: 500;
    height: fit-content;
    border-radius: 30px !important;
    background-image: linear-gradient(to top,#3767E2, #3F97E9);
    color: #fff;
}
    button.btn-primary-search:hover[b-insdsfoozp] {
        background-image: linear-gradient(to top,#3F97E9, #3767E2);
    }
/*sound display*/
.image-checkbox[b-insdsfoozp] {
    position: relative;
    display: inline-block;
}

.hidden-checkbox[b-insdsfoozp] {
    display: none;
}

.b-sound[b-insdsfoozp] {
    width: 28px;
    height: 28px;
    margin: 0px 0px 0px 10px;
    border-radius: 18px;
}

    .b-sound:hover[b-insdsfoozp] {
        background-color: #eef1f9;
    }

.svg-sound[b-insdsfoozp] {
    width: 20px;
}

.input-sound[b-insdsfoozp] {
    width: 3rem !important;
    height: 1.5rem;
}

.set-layout[b-insdsfoozp] {
    display: flex;
    justify-content: space-between;
}

.icon-sound[b-insdsfoozp] {
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 0 !important;
    display: flex;
    align-content: center;
    justify-content: center;
}

.txt-colorbank-smartpay[b-insdsfoozp], .txt-colorbank-vizpay[b-insdsfoozp], .txt-colorbank-winpay[b-insdsfoozp] {
    color: #0c9acc;
    font-weight: 600;
}

@media screen and (max-width: 991px) {
    .head-col[b-insdsfoozp] {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .btn-rollback[b-insdsfoozp] {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
} 
@media screen and (max-width: 875px) {
    .custom-toolbar[b-insdsfoozp] {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
}
@media screen and (max-width: 576px) {
    .w-event-zone[b-insdsfoozp] {
        flex-direction: column;
        gap: 16px;
    }

    .event-withdraw-zone[b-insdsfoozp] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/BackOffice/Pages/Components/TaskBoard.razor.rz.scp.css */
@media screen and (min-width: 1280px) {
    .board-3-column[b-jp8fxo7r60] {
        height: calc(100vh - 152px);
    }
}



/****************************/



.toolb[b-jp8fxo7r60] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding: 11px 12px;
    display: flex;
}

.toolbh[b-jp8fxo7r60] {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-right: 12px;
    display: flex;
}

.vectors-wrapper-4[b-jp8fxo7r60] {
    width: 22px;
    height: 16px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-44[b-jp8fxo7r60] {
    color: #536883;
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.toolbtab[b-jp8fxo7r60] {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 0 solid #eef1f9;
    border-left-width: 1px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 16px;
    display: flex;
}

.toolbtnselected[b-jp8fxo7r60] {
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 4px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: flex;
}

    .toolbtnselected:hover[b-jp8fxo7r60] {
        background-color: #f5f6f8;
    }

.automation-73[b-jp8fxo7r60] {
    color: #173fb7;
    font-size: 14px;
    font-weight: 400;
}

.toolbtn[b-jp8fxo7r60] {
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #536883;
    background-color: rgba(238, 241, 249, 0);
    border-radius: 4px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
}

    .toolbtn:hover[b-jp8fxo7r60] {
        color: #42558f;
        background-color: #eef1f8;
    }

.text-45[b-jp8fxo7r60] {
    font-size: 14px;
    font-weight: 400;
}

.ftwrapper[b-jp8fxo7r60] {
    position: absolute;
    z-index: 2;
    display: flex;
    margin-top: -12px;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.ftwrapperc[b-jp8fxo7r60] {
    overflow: hidden;
    width: 100%;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: hsla(223.63636363636368, 47.83%, 95.49%, 1.00);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: hsla(223.63636363636368, 47.83%, 95.49%, 1.00);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: hsla(223.63636363636368, 47.83%, 95.49%, 1.00);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: hsla(223.63636363636368, 47.83%, 95.49%, 1.00);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #fafafa;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.ftltool[b-jp8fxo7r60] {
    display: flex;
    width: 100%;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-color: rgba(250, 250, 250, 1);
    color: #536883;
    text-decoration: none;
}

.ftlh[b-jp8fxo7r60] {
    overflow: auto;
    max-height: 400px;
    padding-bottom: 6px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ececec;
}

.ftlist[b-jp8fxo7r60] {
    display: flex;
    width: 100%;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-color: rgba(250, 250, 250, 1);
    color: #536883;
    text-decoration: none;
}

    .ftlist:hover[b-jp8fxo7r60] {
        background-color: #eef1f9;
        color: #173fb7;
    }

.ftls[b-jp8fxo7r60] {
    width: 24px;
    height: 24px;
}

.ftc[b-jp8fxo7r60] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
}

.fticn[b-jp8fxo7r60] {
    width: 20px;
    height: 20px;
    object-fit: cover;
}

.txtftl[b-jp8fxo7r60] {
    font-family: Sarabun;
    font-size: 14px;
    font-weight: 400;
}

.ftlist_selected[b-jp8fxo7r60] {
    display: flex;
    width: 100%;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-color: rgba(250, 250, 250, 1);
    color: #173fb7;
    text-decoration: none;
}

    .ftlist_selected:hover[b-jp8fxo7r60] {
        background-color: #eef1f9;
        color: #1851ff;
    }


.ftlsa[b-jp8fxo7r60] {
    display: flex;
    align-items: center;
    color: #536883;
    text-decoration: none;
}

    .ftlsa:hover[b-jp8fxo7r60] {
        color: #173fb7;
    }

.ftlsai[b-jp8fxo7r60] {
    width: 24px;
    height: 24px;
    margin-right: 6px;
}

.ftc[b-jp8fxo7r60] {
    display: flex;
    padding-right: 20px;
    justify-content: center;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
}

.ftc2[b-jp8fxo7r60] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
}

.txtftl2[b-jp8fxo7r60] {
    font-family: Sarabun;
    font-size: 12px;
    font-weight: 400;
}

.ftlic[b-jp8fxo7r60] {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}



.ftlist_head[b-jp8fxo7r60] {
    display: flex;
    width: 100%;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-color: rgba(250, 250, 250, 1);
    color: #536883;
    text-decoration: none;
}


.txtftl22[b-jp8fxo7r60] {
    font-family: Sarabun;
    font-size: 12px;
    font-weight: 600;
}

.ftab[b-jp8fxo7r60] {
    display: flex;
    width: 100%;
    height: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    justify-content: center;
    align-items: center;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #1851ff;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #1851ff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #1851ff;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #1851ff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: hsla(225.19480519480518, 100.00%, 54.71%, 0.00);
    font-family: Arial;
    color: #1851ff;
    font-size: 12px;
    text-decoration: none;
}

    .ftab:hover[b-jp8fxo7r60] {
        background-color: hsla(223.63636363636368, 47.83%, 95.49%, 1.00);
        color: #173fb7;
    }

.ftabs[b-jp8fxo7r60] {
    display: flex;
    width: 100%;
    height: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    justify-content: center;
    align-items: center;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #1851ff;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #1851ff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #1851ff;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #1851ff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #1851ff;
    font-family: Arial;
    color: hsla(225.19480519480518, 0.00%, 100.00%, 1.00);
    font-size: 12px;
    text-decoration: none;
}

    .ftabs:hover[b-jp8fxo7r60] {
        background-color: hsla(225.19480519480518, 93.97%, 45.71%, 1.00);
        color: hsla(225.19480519480518, 0.00%, 100.00%, 1.00);
    }

.txtftlal[b-jp8fxo7r60] {
    font-family: Sarabun;
    color: hsla(213.75, 22.43%, 41.96%, 0.50);
    font-size: 14px;
    font-weight: 400;
}
/* _content/BackOffice/Pages/Modals/ModalPaymentReminder.razor.rz.scp.css */
.w-layout-grid[b-7bi01eqk12] {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.header[b-7bi01eqk12] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.container-header[b-7bi01eqk12] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.section[b-7bi01eqk12] {
    width: 100%;
}

.h-left[b-7bi01eqk12] {
    align-items: center;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
}

.h-right[b-7bi01eqk12] {
    width: 108px;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.menu-header[b-7bi01eqk12] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header:hover[b-7bi01eqk12] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.sc[b-7bi01eqk12] {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.container[b-7bi01eqk12] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.footer[b-7bi01eqk12] {
    border-top: 1px solid rgba(0, 0, 0, .1);
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.section-footer[b-7bi01eqk12] {
    width: 100%;
}

.div-block[b-7bi01eqk12] {
    align-items: center;
    display: flex;
}

.button[b-7bi01eqk12] {
    height: 48px;
    white-space: nowrap;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    font-family: Kanit, sans-serif;
    font-size: 16px;
    font-weight: 500;
    transition: height .2s, color .2s, background-color .2s, padding .2s;
    display: flex;
}

    .button:hover[b-7bi01eqk12] {
        height: 44px;
        color: #000;
        background-color: #fff;
        padding-left: 20px;
        padding-right: 20px;
    }

.btn-head[b-7bi01eqk12] {
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.gridhome[b-7bi01eqk12] {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cardframezone[b-7bi01eqk12] {
    width: 100%;
    background-color: #dadada;
    border-radius: 8px;
    padding-top: 133%;
}

.cardname[b-7bi01eqk12] {
    white-space: nowrap;
    margin-top: 4px;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.gamecard[b-7bi01eqk12] {
    position: relative;
    overflow: hidden;
}

.container-section[b-7bi01eqk12] {
    padding-top: 28px;
    padding-bottom: 28px;
}

.cardprovider[b-7bi01eqk12] {
    white-space: nowrap;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.gamecard-end[b-7bi01eqk12] {
    overflow: hidden;
}

.game-play[b-7bi01eqk12] {
    height: 50%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.play[b-7bi01eqk12] {
    width: 52px;
    height: 52px;
    background-color: rgba(0, 255, 47, .45);
    border-radius: 28px;
    margin-right: 24px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.screen-play[b-7bi01eqk12] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.screen-play-controll[b-7bi01eqk12] {
    height: 64px;
    background-color: #000;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.close[b-7bi01eqk12] {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed[b-7bi01eqk12] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-zone[b-7bi01eqk12] {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    position: relative;
    overflow: auto;
}

.div-block-6[b-7bi01eqk12] {
    width: 128px;
    height: 100px;
    min-height: 100px;
    min-width: 128px;
    background-color: #fdfdfd;
    border-radius: 12px;
    margin-left: 8px;
    margin-right: 8px;
}

.logo[b-7bi01eqk12] {
    min-height: 80px;
    min-width: 80px;
    background-color: #000;
    border-radius: 10px;
}

.gametxt[b-7bi01eqk12] {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}

.div-block-7[b-7bi01eqk12] {
    width: 128px;
    height: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.div-block-8[b-7bi01eqk12] {
    background-image: radial-gradient(circle, #fff, #000);
    position: absolute;
    top: 0%;
    bottom: 64px;
    left: 0%;
    right: 0%;
}

.div-block-9[b-7bi01eqk12] {
    min-height: 44px;
    min-width: 44px;
    background-color: #0d00ff;
    border-radius: 22px;
    margin-right: 10px;
}

.screen-menu[b-7bi01eqk12] {
    background-color: #000;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.header-menu-mb[b-7bi01eqk12] {
    height: 108px;
    background-color: #dadada;
    border-radius: 12px;
    justify-content: space-between;
    display: flex;
}

.menu-header-c[b-7bi01eqk12] {
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: height .2s, width .2s, color .2s, background-color .2s;
    display: flex;
}

    .menu-header-c:hover[b-7bi01eqk12] {
        width: 44px;
        height: 44px;
        color: #fff;
        background-color: #000;
    }

.menu[b-7bi01eqk12] {
    width: 144px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.form-block[b-7bi01eqk12] {
    width: 580px;
    background-color: #dadada;
    border-radius: 24px;
    padding: 72px 50px;
}

.div-block-11[b-7bi01eqk12] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.txt-field[b-7bi01eqk12] {
    height: 64px;
    border-radius: 12px;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.label[b-7bi01eqk12] {
    margin-bottom: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.submit-button[b-7bi01eqk12] {
    width: 100%;
    height: 64px;
    color: #fff;
    background-color: #000;
    border-radius: 12px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
}

.heading[b-7bi01eqk12] {
    text-align: center;
    font-family: Kanit, sans-serif;
    font-weight: 600;
}

.card-normal[b-7bi01eqk12] {
    background-color: #945858;
    border-radius: 8px;
    padding-top: 133%;
}

.grid[b-7bi01eqk12] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.div-block-12[b-7bi01eqk12] {
    height: 100%;
}

.head-balance[b-7bi01eqk12] {
    height: 100%;
    color: #000;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    text-decoration: none;
    display: flex;
}

.screen-wallet[b-7bi01eqk12] {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: rgba(0, 0, 0, .35);
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.wallet-zone[b-7bi01eqk12] {
    width: 500px;
    background-color: #fff;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.wallet-header[b-7bi01eqk12] {
    height: 92px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    justify-content: space-between;
    display: flex;
}

.div-block-13[b-7bi01eqk12] {
    width: 92px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.html-embed-2[b-7bi01eqk12] {
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-14[b-7bi01eqk12] {
    align-items: center;
    padding-left: 24px;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    display: flex;
}

.div-block-15[b-7bi01eqk12] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 92px;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.text-block[b-7bi01eqk12] {
    text-align: center;
    margin-bottom: 20px;
    font-family: Kanit, sans-serif;
}

.div-block-16[b-7bi01eqk12] {
    width: 100%;
    min-height: 128px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    margin-bottom: 32px;
    padding-bottom: 64px;
    padding-left: 24px;
    padding-right: 24px;
    font-family: Kanit, sans-serif;
}

.div-block-17[b-7bi01eqk12] {
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.div-block-18[b-7bi01eqk12] {
    width: 48px;
    height: 48px;
    background-color: #4e4a4a;
    border-radius: 24px;
    margin-right: 10px;
}

.copy-zone[b-7bi01eqk12] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.compall[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.compheader[b-7bi01eqk12] {
    width: 100%;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 24px 12px 10px;
    display: flex;
}

.comptitle[b-7bi01eqk12] {
    width: 200px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame-10[b-7bi01eqk12] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text[b-7bi01eqk12] {
    color: #a0a4aa;
    font-size: 14px;
    font-weight: 400;
}

.compcode[b-7bi01eqk12] {
    width: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.compcredit[b-7bi01eqk12] {
    width: 128px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.compcredit-2[b-7bi01eqk12] {
    width: 100px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.comprow[b-7bi01eqk12] {
    width: 100%;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    display: flex;
}

    .comprow:hover[b-7bi01eqk12] {
        background-color: #fcfdfe;
    }

.frame-9[b-7bi01eqk12] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper[b-7bi01eqk12] {
    width: 18.3333px;
    height: 18.3333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-2[b-7bi01eqk12] {
    color: #1851ff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}

.text-3[b-7bi01eqk12] {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.btn-md[b-7bi01eqk12] {
    width: 100px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    text-decoration: none;
    display: flex;
}

    .btn-md:hover[b-7bi01eqk12] {
        background-color: #e2e9ff;
    }

.text-4[b-7bi01eqk12] {
    color: #2a51c9;
    text-align: center;
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.comprow-2[b-7bi01eqk12] {
    width: 100%;
    background-color: #fcfcfe;
    border: 0 solid #eef1f9;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 12px;
    display: flex;
}

    .comprow-2:hover[b-7bi01eqk12] {
        background-color: #fcfdfe;
    }

.frame-11[b-7bi01eqk12] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fcfcfe;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.btn-md-2[b-7bi01eqk12] {
    width: 100px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    display: flex;
}

.comptitle-2[b-7bi01eqk12] {
    width: 200px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-12[b-7bi01eqk12] {
    width: 36px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-5[b-7bi01eqk12] {
    color: #03207c;
    font-size: 14px;
    font-weight: 400;
}

.bl[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.blcontainer[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.blhead[b-7bi01eqk12] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-21[b-7bi01eqk12] {
    object-fit: cover;
}

.text-29[b-7bi01eqk12] {
    color: #343434;
    font-family: Sarabun, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.blcon[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.bldata[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.bldstart[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 7px;
    padding-left: 14px;
    display: flex;
}

.text-30[b-7bi01eqk12] {
    color: rgba(60, 60, 67, .5);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-31[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .8);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bldcenter[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px solid #fff;
    border-width: 1px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 14px;
    display: flex;
}

.bldend[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 10px;
    padding-left: 14px;
    display: flex;
}

.bltotal[b-7bi01eqk12] {
    height: 150px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #fff;
    border-left-width: 1px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.text-32[b-7bi01eqk12] {
    color: rgba(60, 60, 67, .5);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-33[b-7bi01eqk12] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.text-36[b-7bi01eqk12] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.blsum[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 30px;
    display: flex;
}

.text-37[b-7bi01eqk12] {
    color: rgba(60, 60, 67, .8);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-38[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .8);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bltotalsum[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    justify-content: flex-end;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

.frame-95[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ebeaf1;
    border-right-width: 1px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 24px;
    display: flex;
}

.text-39[b-7bi01eqk12] {
    color: rgba(60, 60, 67, .8);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.billinglist[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.billinglistheader[b-7bi01eqk12] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    display: flex;
}

.text-40[b-7bi01eqk12] {
    color: #536883;
    font-size: 16px;
    font-weight: 600;
}

.billingbtn[b-7bi01eqk12] {
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

    .billingbtn:hover[b-7bi01eqk12] {
        background-color: #e2e9ff;
    }

.frame-15[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.vectors-wrapper-2[b-7bi01eqk12] {
    width: 24px;
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-41[b-7bi01eqk12] {
    color: #3056cb;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.billingrow[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

    .billingrow:hover[b-7bi01eqk12] {
        background-color: #fcfdfe;
    }

.billingrowl[b-7bi01eqk12] {
    width: 100%;
    border: 0 solid #f2f1f5;
    border-bottom-width: 1px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    text-decoration: none;
    display: flex;
}

.text-42[b-7bi01eqk12] {
    color: #536883;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.frame-97[b-7bi01eqk12] {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-43[b-7bi01eqk12] {
    color: #000;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.vectors-wrapper-3[b-7bi01eqk12] {
    width: 7.97656px;
    height: 13.8594px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.mockmodal[b-7bi01eqk12] {
    width: 512px;
    padding-left: 22px;
    padding-right: 22px;
}

.text-block-2[b-7bi01eqk12] {
    margin-top: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: Kanit, sans-serif;
}

.div-block-20[b-7bi01eqk12] {
    border-bottom: 1px solid #e9e8ef;
    justify-content: space-between;
    align-items: center;
    padding-top: 7px;
    padding-bottom: 7px;
    display: flex;
}

.text-block-3[b-7bi01eqk12] {
    color: #03207c;
    font-family: Sarabun, sans-serif;
}

.text-block-4[b-7bi01eqk12] {
    color: #536883;
    font-size: 12px;
}

.text-block-5[b-7bi01eqk12] {
    color: #00a656;
    font-family: Sarabun, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.cmt-fhr[b-7bi01eqk12] {
    width: 100%;
    height: 36px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-39[b-7bi01eqk12] {
    object-fit: cover;
}

.cmt-fs[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-14[b-7bi01eqk12] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.cmt-tt2[b-7bi01eqk12] {
    width: 100%;
    height: 68px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 24px;
    display: flex;
}

.text-44[b-7bi01eqk12] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.cd-fci[b-7bi01eqk12] {
    width: 52px;
    height: 48px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-16[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-2[b-7bi01eqk12] {
    width: 100%;
    height: 36px;
    max-width: 414px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cd-f1[b-7bi01eqk12] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.cmt-cd[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f8f8fa;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cmt-tt[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 12px;
    display: flex;
}

.text-9[b-7bi01eqk12] {
    color: #173fb7;
    font-size: 14px;
    font-weight: 400;
}

.fs-c1[b-7bi01eqk12] {
    width: 100%;
    color: rgba(63, 113, 249, .13);
    background-color: #f8f8fa;
    border: 2px solid #f8f8fa;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .fs-c1:hover[b-7bi01eqk12] {
        color: rgba(63, 113, 249, .3);
        border-color: rgba(63, 113, 249, .13);
    }

.cmt[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    box-shadow: 0 0 16px rgba(0, 0, 0, .15);
}

.frame-149[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.fs-c2[b-7bi01eqk12] {
    width: 100%;
    color: #3f71f9;
    background-color: #f8f8fa;
    border: 2px solid #3f71f9;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .fs-c2:hover[b-7bi01eqk12] {
        color: #204abd;
    }

.cmt-lb[b-7bi01eqk12] {
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eef1f9;
    border-radius: 4px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.cmt-ct[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 22px;
    padding-left: 22px;
    padding-right: 22px;
    display: flex;
}

.text-13[b-7bi01eqk12] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.form-text-input[b-7bi01eqk12] {
    width: 100%;
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #f8f8fa;
    border: 1px solid #f8f8fa;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 12px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    display: flex;
}

    .form-text-input:hover[b-7bi01eqk12] {
        border-color: rgba(63, 113, 249, .44);
    }

    .form-text-input:focus[b-7bi01eqk12] {
        border-color: #3f71f9;
    }

    .form-text-input[b-7bi01eqk12]::-ms-input-placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

    .form-text-input[b-7bi01eqk12]::placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

.cd-f2[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    white-space: pre-line;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.ffli[b-7bi01eqk12] {
    width: 52px;
    height: 32px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.ffr[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 16px;
    display: flex;
}

.frame-150[b-7bi01eqk12] {
    width: 52px;
    height: 36px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #bebebe;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative;
}

    .frame-150:hover[b-7bi01eqk12] {
        color: #969696;
    }

.cmt-head[b-7bi01eqk12] {
    width: 100%;
    height: 54px;
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    border: 0 solid #eeedf3;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
}

.text-11[b-7bi01eqk12] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

._19-66-2034-1[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.input-wrapper[b-7bi01eqk12] {
    width: 100%;
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

._456789451[b-7bi01eqk12] {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-12[b-7bi01eqk12] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.ffl[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-7[b-7bi01eqk12] {
    width: 18px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-45[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.image-40[b-7bi01eqk12] {
    object-fit: cover;
}

.txt04[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.frame-154[b-7bi01eqk12] {
    width: 100%;
    height: 48px;
    border: 0 solid #ededed;
    border-top-width: 1px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.text-22[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.frame-182[b-7bi01eqk12] {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 6px;
    display: flex;
}

.fs-cc1[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: rgba(63, 113, 249, .13);
    background-color: #f8f8fa;
    border: 2px solid #f8f8fa;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

    .fs-cc1:hover[b-7bi01eqk12] {
        color: rgba(63, 113, 249, .3);
        border-color: rgba(63, 113, 249, .14);
    }

.frame-165[b-7bi01eqk12] {
    width: 100%;
    height: 36px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.cd-fc[b-7bi01eqk12] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.text-23[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-24[b-7bi01eqk12] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.img-ssslip[b-7bi01eqk12] {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 6px;
}

.text-19[b-7bi01eqk12] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.frame-177[b-7bi01eqk12] {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}

.frame-183[b-7bi01eqk12] {
    width: 52px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-25[b-7bi01eqk12] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-27[b-7bi01eqk12] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.vectors-wrapper-8[b-7bi01eqk12] {
    width: 12px;
    height: 7.42px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-26[b-7bi01eqk12] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-152[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.frame-178[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.frame-181[b-7bi01eqk12] {
    width: 52px;
    height: 48px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

._456789451-2[b-7bi01eqk12] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-20[b-7bi01eqk12] {
    color: #173fb7;
    font-size: 14px;
    font-weight: 400;
}

.input-wrapper-2[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-top-left-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cd-fb[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
}

.ffli2[b-7bi01eqk12] {
    width: 52px;
    height: 34px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: rgba(67, 82, 129, .8);
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 4px;
    display: flex;
}

.cd-fbbf[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 8px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.cd-f4[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 4px;
    display: flex;
}

._19-66-2034-0[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-button[b-7bi01eqk12] {
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #fff;
    background-color: #3f71f9;
    border: 1px solid #3f71f9;
    border-left-width: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
}

.frame-192[b-7bi01eqk12] {
    width: 52px;
    height: 32px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-49[b-7bi01eqk12] {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.frame-193[b-7bi01eqk12] {
    width: 100%;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.image-49[b-7bi01eqk12] {
    object-fit: cover;
}

.text-51[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.ffli3[b-7bi01eqk12] {
    width: 100%;
    height: 34px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 4px;
    display: flex;
}

.cmt-cv[b-7bi01eqk12] {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}

.text-52[b-7bi01eqk12] {
    color: #173fb7;
    font-size: 14px;
    font-weight: 400;
}

.cd-fbb[b-7bi01eqk12] {
    width: 100%;
    height: 32px;
    max-width: 414px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #3f71f9;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .cd-fbb:hover[b-7bi01eqk12] {
        color: #204abd;
    }

.rba-0833331541-1000-12345678[b-7bi01eqk12] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-54[b-7bi01eqk12] {
    color: rgba(67, 82, 129, .8);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._19-66-2034-4[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-text-input-2[b-7bi01eqk12] {
    width: 100%;
    height: 36px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #979797;
    background-color: #f8f8fa;
    border: 1px solid rgba(63, 113, 249, .17);
    border-radius: 12px 0 0 12px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 12px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    display: flex;
}

    .form-text-input-2:hover[b-7bi01eqk12] {
        border-color: #3f71f9;
    }

    .form-text-input-2:focus[b-7bi01eqk12] {
        background-color: #fff;
        border-color: #3f71f9;
    }

    .form-text-input-2[b-7bi01eqk12]::-ms-input-placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

    .form-text-input-2[b-7bi01eqk12]::placeholder {
        color: #979797;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

.text-55[b-7bi01eqk12] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.cd-f6[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.cd-fcr[b-7bi01eqk12] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #ed1327;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .cd-fcr:hover[b-7bi01eqk12] {
        color: #cc081a;
    }

.cd-fct-3[b-7bi01eqk12] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    border-top-width: 1px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-57[b-7bi01eqk12] {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.emicp[b-7bi01eqk12] {
    width: 24px;
    height: 24px;
}

.cd-fcb[b-7bi01eqk12] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #3f71f9;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .cd-fcb:hover[b-7bi01eqk12] {
        color: #204abd;
    }

.ffl-4[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.ffli-2[b-7bi01eqk12] {
    width: 52px;
    height: 30px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-50[b-7bi01eqk12] {
    object-fit: cover;
}

.frame-194[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-58[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-59[b-7bi01eqk12] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-195[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-60[b-7bi01eqk12] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-61[b-7bi01eqk12] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame[b-7bi01eqk12] {
    width: 52px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.fscc2t-2[b-7bi01eqk12] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-51[b-7bi01eqk12] {
    object-fit: cover;
}

.frame-196[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-62[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-63[b-7bi01eqk12] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-197[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-64[b-7bi01eqk12] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.fscc2td[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.text-65[b-7bi01eqk12] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.fs-cc2[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f8f8fa;
    border: 2px solid #3f71f9;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.fscc2t[b-7bi01eqk12] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.ffl-5[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.ffli-3[b-7bi01eqk12] {
    width: 52px;
    height: 30px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-52[b-7bi01eqk12] {
    object-fit: cover;
}

.frame-157[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-66[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-67[b-7bi01eqk12] {
    color: #8d8d8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-158[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.text-68[b-7bi01eqk12] {
    color: #00a656;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-69[b-7bi01eqk12] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.frame-198[b-7bi01eqk12] {
    width: 52px;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-9[b-7bi01eqk12] {
    width: 20px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.fscc2td-2[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.text-70[b-7bi01eqk12] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.div-block-21[b-7bi01eqk12] {
    color: #173fb7;
    background-color: #eef1f9;
    border: 1px solid #c0d1ff;
    border-radius: 12px;
    position: absolute;
    top: 24px;
    bottom: auto;
    left: auto;
    right: 0%;
}

.div-block-22[b-7bi01eqk12] {
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    display: flex;
}

.text-block-6[b-7bi01eqk12] {
    width: 112px;
    color: #8d8d8d;
}

.cmt-head-2[b-7bi01eqk12] {
    width: 100%;
    height: 54px;
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    border: 0 solid #eeedf3;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
}

.text-71[b-7bi01eqk12] {
    color: #343434;
    font-size: 16px;
    font-weight: 500;
}

.cmt-lb-2[b-7bi01eqk12] {
    height: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #eeff41;
    border-radius: 4px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.text-72[b-7bi01eqk12] {
    color: #03207c;
    font-size: 14px;
    font-weight: 400;
}

.cmt-ct-2[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 22px;
    padding-left: 22px;
    padding-right: 22px;
    display: flex;
}

.cmt-tt-2[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 12px;
    display: flex;
}

.cmt-cv-2[b-7bi01eqk12] {
    width: 100%;
    max-width: 508px;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}

.image-53[b-7bi01eqk12] {
    object-fit: cover;
}

.text-74[b-7bi01eqk12] {
    color: rgba(64, 64, 64, .8);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-75[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.cmt-cd-2[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f8f8fa;
    border-radius: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.cd-f1-2[b-7bi01eqk12] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.ffl-6[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.ffli2-2[b-7bi01eqk12] {
    width: 52px;
    height: 28px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
}

.vectors-wrapper-10[b-7bi01eqk12] {
    width: 22px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-199[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

._456789451-3[b-7bi01eqk12] {
    color: rgba(67, 82, 129, .8);
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.ffr-2[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 16px;
    display: flex;
}

.text-76[b-7bi01eqk12] {
    color: #ed1327;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.text-77[b-7bi01eqk12] {
    color: #8d8d8d;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.cd-f5[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 52px;
    padding-right: 16px;
    display: flex;
}

.text-78[b-7bi01eqk12] {
    color: #435281;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.cd-fb-2[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
}

.cd-fbb-2[b-7bi01eqk12] {
    width: 100%;
    height: 32px;
    max-width: 414px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.frame-200[b-7bi01eqk12] {
    width: 52px;
    height: 32px;
    min-width: 52px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-201[b-7bi01eqk12] {
    width: 100%;
    height: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-79[b-7bi01eqk12] {
    color: #3f71f9;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.cd-fc-2[b-7bi01eqk12] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.cd-fci-2[b-7bi01eqk12] {
    width: 52px;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-11[b-7bi01eqk12] {
    width: 16px;
    height: 17.5px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.cd-fct[b-7bi01eqk12] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0 solid #ededed;
    border-top-width: 1px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.cd-fc-3[b-7bi01eqk12] {
    width: 100%;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-12[b-7bi01eqk12] {
    width: 20px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-80[b-7bi01eqk12] {
    color: #ed1327;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._19-66-2034-5[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._19-66-2034-6[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .4);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

._1000-00-0[b-7bi01eqk12] {
    color: rgba(0, 0, 0, .75);
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

._1000-00-1[b-7bi01eqk12] {
    color: #404040;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.bldetaillist[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    border: 0 solid #ebeaf1;
    border-bottom-width: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.bldlhead[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.bldlheadc[b-7bi01eqk12] {
    width: 100%;
    background-color: #eef1f9;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 14px 4px 10px;
    display: flex;
}

.text-81[b-7bi01eqk12] {
    color: rgba(60, 60, 67, .5);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.text-82[b-7bi01eqk12] {
    color: rgba(60, 60, 67, .5);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.bldlrow[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.blwrap[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.text-83[b-7bi01eqk12] {
    color: #3c3c43;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.text-84[b-7bi01eqk12] {
    width: 50%;
    color: rgba(60, 60, 67, .7);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-85[b-7bi01eqk12] {
    color: #3056cb;
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.blpvl[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    display: flex;
}

.blpvlh[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
}

.blpvlhl[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-86[b-7bi01eqk12] {
    color: rgba(60, 60, 67, .7);
    text-align: right;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.zpm[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 12px solid #f8f8f8;
    border-width: 12px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 20px;
    display: flex;
}
.zpm2[b-7bi01eqk12] {
    width: 100%;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 0px solid #f8f8f8;
    border-width: 0px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 20px;
    display: flex;
    padding-bottom: 0px;
}

.text-87[b-7bi01eqk12] {
    color: #3c3c43;
    font-family: Sarabun, sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.frame-118[b-7bi01eqk12] {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-88[b-7bi01eqk12] {
    color: rgba(60, 60, 67, .7);
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.text-89[b-7bi01eqk12] {
    color: #3c3c43;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.fmft[b-7bi01eqk12] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-90[b-7bi01eqk12] {
    color: rgba(60, 60, 67, .8);
    text-align: center;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.text-91[b-7bi01eqk12] {
    color: rgba(48, 86, 203, .8);
    text-align: center;
    font-family: Sarabun, sans-serif;
    font-size: 12px;
    font-weight: 300;
}


@media screen and (min-width: 1280px) {
    .container-header[b-7bi01eqk12], .container[b-7bi01eqk12] {
        max-width: 1200px;
    }

    .gridhome[b-7bi01eqk12] {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .container-section[b-7bi01eqk12] {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1440px) {
    .container-header[b-7bi01eqk12], .container[b-7bi01eqk12], .container-section[b-7bi01eqk12] {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1920px) {
    .container-header[b-7bi01eqk12], .container[b-7bi01eqk12], .container-section[b-7bi01eqk12] {
        max-width: 1600px;
    }
}

@media screen and (max-width: 991px) {
    .header[b-7bi01eqk12] {
        height: 100px;
    }

    .container-header[b-7bi01eqk12] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .h-right[b-7bi01eqk12] {
        width: 100px;
    }

    .container[b-7bi01eqk12] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .gridhome[b-7bi01eqk12] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .container-section[b-7bi01eqk12] {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .logo[b-7bi01eqk12] {
        min-height: 72px;
        min-width: 72px;
    }

    .header-menu-mb[b-7bi01eqk12] {
        height: 100px;
    }

    .grid[b-7bi01eqk12] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .container-header[b-7bi01eqk12], .container[b-7bi01eqk12] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .gridhome[b-7bi01eqk12] {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-left: 8px;
        padding-right: 8px;
        display: flex;
        overflow: auto;
    }

    .cardname[b-7bi01eqk12] {
        margin-top: 8px;
    }

    .gamecard[b-7bi01eqk12] {
        width: 30vw;
        min-width: 300px;
        margin-left: 16px;
    }

    .container-section[b-7bi01eqk12] {
        padding-left: 0;
        padding-right: 0;
    }

    .cardprovider[b-7bi01eqk12] {
        margin-bottom: 8px;
    }

    .gamecard-end[b-7bi01eqk12] {
        width: 30vw;
        min-width: 300px;
        margin-left: 8px;
        margin-right: 64px;
    }

    .grid[b-7bi01eqk12] {
        grid-template-columns: 1fr 1fr 1fr;
        padding-left: 24px;
        padding-right: 24px;
    }

    .head-balance[b-7bi01eqk12] {
        font-size: 16px;
    }

    .wallet-zone[b-7bi01eqk12] {
        width: 100%;
    }

    .text-84[b-7bi01eqk12] {
        width: 70%;
    }
}

@media screen and (max-width: 479px) {
    .header[b-7bi01eqk12] {
        height: 92px;
        border-radius: 0;
    }

    .container-header[b-7bi01eqk12] {
        padding: 0;
    }

    .h-left[b-7bi01eqk12] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .h-right[b-7bi01eqk12] {
        width: 92px;
    }

    .container[b-7bi01eqk12] {
        padding: 0 12px;
    }

    .button[b-7bi01eqk12] {
        width: 100%;
    }

    .btn-head[b-7bi01eqk12] {
        display: none;
    }

    .gamecard[b-7bi01eqk12] {
        min-width: 70vw;
        margin-left: 8px;
    }

    .container-section[b-7bi01eqk12] {
        padding: 24px 0;
    }

    .gamecard-end[b-7bi01eqk12] {
        min-width: 70vw;
    }

    .screen-menu[b-7bi01eqk12] {
        background-color: #dadada;
        display: none;
    }

    .div-block-10[b-7bi01eqk12] {
        width: 100%;
    }

    .header-menu-mb[b-7bi01eqk12] {
        height: 92px;
        background-color: #dadada;
        border-radius: 0;
    }

    .menu-header-c[b-7bi01eqk12] {
        color: #241c7e;
    }

    .menu[b-7bi01eqk12] {
        width: 100%;
        justify-content: space-between;
        padding: 20px;
        display: flex;
    }

    .form-block[b-7bi01eqk12] {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .txt-field[b-7bi01eqk12], .submit-button[b-7bi01eqk12] {
        height: 56px;
    }

    .heading[b-7bi01eqk12] {
        margin-bottom: 20px;
        font-size: 30px;
        font-weight: 500;
    }

    .grid[b-7bi01eqk12] {
        grid-template-columns: 1fr 1fr;
        padding-left: 16px;
        padding-right: 16px;
    }

    .head-balance[b-7bi01eqk12] {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
    }

    .screen-wallet[b-7bi01eqk12] {
        margin-top: 92px;
    }

    .text-84[b-7bi01eqk12] {
        width: 100%;
    }

    .blpvl[b-7bi01eqk12] {
        padding-left: 0;
    }

    .blpvlhl[b-7bi01eqk12] {
        flex-direction: column;
        margin-bottom: 10px;
    }
}