.app-component-wrapper {
    display: contents;
}

.success {
    color: green;
}

.error {
    color: red;
}

html {
    font-family: Inter;
    font-size: 16px;
}

body {
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.15;
    color: var(--dl-color-theme-neutral-dark);
    background: var(--dl-color-theme-neutral-light);

    fill: var(--dl-color-theme-neutral-dark);

    .mlbb-classcolor1 {
        background-color: rgb(255, 0, 0);
        /* red */
    }

    .mlbb-classcolor2 {
        background-color: #dabf3b;
        /* gold */
    }

    .mlbb-classcolor3 {
        background-color: #0b2bd4;
        /* blue */
    }

    .mlbb-text166 {
        width: auto;
        height: 100%;
        display: flex;
        font-size: 9px;
        font-style: normal;
        align-items: center;
        font-weight: 500;
        border-radius: 24px;
        justify-content: center;
        padding: 6px;
        color: white;
        /* makes text readable on dark bg */
    }

    .mlbb-hot-item1,
    .mlbb-recomment-item1,
    .mlbb-all-item1 {
        cursor: pointer;
        border-radius: 24px;
        padding: 5px;
        /* Add smooth transitions */
        transition: border 0.15s ease, background-color 0.15s ease;
    }

    /* Hover effect */
    .mlbb-hot-item1:hover,
    .mlbb-recomment-item1:hover,
    .mlbb-all-item1:hover {
        border-width: 2px;
    }

    /* Active state always 2px */
    .mlbb-hot-item1.active,
    .mlbb-recomment-item1.active,
    .mlbb-all-item1.active {
        border-width: 2px;
    }

    /* Active style by class */
    .mlbb-hot-item1.active {
        border-color: red;
        background-color: rgba(255, 0, 0, 0.09);
    }

    .mlbb-recomment-item1.active {
        border-color: rgb(222, 188, 0);
        background-color: rgba(222, 188, 0, 0.1);
    }

    .mlbb-all-item1.active {
        border-color: #0029ff;
        background-color: rgba(15, 162, 218, 0.25);
    }

    .app-component-container10 {
        top: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        z-index: 1000;
        position: fixed;
        align-self: center;
        align-items: center;
        border-color: rgba(255, 255, 255, 0.54);
        border-width: 0px;
        justify-content: center;
        background-color: #17191f;
        border-bottom-width: 1px;
    }

    .app-component-navbar-interactive {
        width: 1211px;
        height: 77px;
        display: flex;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        padding-left: var(--dl-layout-space-halfunit);
        padding-right: var(--dl-layout-space-halfunit);
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: space-between;
    }

    .app-component-container11 {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .app-component-container12 {
        gap: var(--dl-layout-space-halfunit);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .app-component-navlink10 {
        display: contents;
    }

    .app-component-image10 {
        height: 100%;
        transition: 0.3s;
        text-decoration: none;
    }



    .app-component-navlink11 {
        display: none;
        font-size: 24px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 700;
        text-decoration: none;
    }

    .app-component-container13 {
        width: 40px;
        height: 40px;
        display: none;
        position: relative;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 1px;
        margin-right: 20px;
        padding-left: var(--dl-layout-space-halfunit);
        border-radius: var(--dl-layout-radius-round);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: row;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: center;
    }

    .app-component-text10 {
        top: -11px;
        right: -6px;
        width: auto;
        height: 18px;
        display: flex;
        padding: 2px;
        position: absolute;
        min-width: 18px;
        align-items: center;
        border-radius: var(--dl-layout-radius-round);
        padding-right: 2px;
        justify-content: center;
        background-color: red;
    }

    .app-component-icon10 {
        width: 100%;
        height: 100%;
    }

    .app-component-container14 {
        width: 40px;
        height: 40px;
        display: none;
        position: relative;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 1px;
        margin-right: 20px;
        padding-left: var(--dl-layout-space-halfunit);
        border-radius: var(--dl-layout-radius-round);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: row;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: center;
    }

    .app-component-text11 {
        top: -11px;
        right: -5px;
        width: auto;
        height: 18px;
        display: flex;
        padding: 2px;
        position: absolute;
        min-width: 18px;
        align-items: center;
        border-radius: var(--dl-layout-radius-round);
        justify-content: center;
        background-color: red;
    }

    .app-component-icon12 {
        width: 100%;
        height: 100%;
    }

    .app-component-desktop-menu {
        flex: 1;
        height: 100%;
        display: flex;
        position: relative;
        align-self: center;
        align-items: center;
        padding-top: 2px;
        padding-bottom: 2px;
        justify-content: space-between;
    }

    .app-component-links1 {
        flex: 1;
        width: auto;
        height: 100%;
        display: flex;
        align-self: center;
        align-items: center;
        padding-top: 2px;
        flex-direction: row;
        padding-bottom: 2px;
        justify-content: flex-end;
    }

    .app-component-navlink12 {
        display: contents;
    }

    .app-component-home-icon {
        width: 40px;
        height: 40px;
        display: flex;
        position: relative;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 1px;
        margin-right: 20px;
        padding-left: var(--dl-layout-space-halfunit);
        border-radius: var(--dl-layout-radius-round);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: row;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: center;
        text-decoration: none;
    }

    .app-component-icon14 {
        width: auto;
        height: 100%;
    }

    .app-component-text12 {
        top: -11px;
        right: -5px;
        width: auto;
        height: 18px;
        display: flex;
        padding: 2px;
        position: absolute;
        min-width: 18px;
        align-items: center;
        border-radius: var(--dl-layout-radius-round);
        padding-right: 2px;
        justify-content: center;
        background-color: red;
    }

    .app-component-game-icon {
        width: 40px;
        height: 40px;
        display: none;
        position: relative;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 1px;
        margin-right: 20px;
        padding-left: var(--dl-layout-space-halfunit);
        border-radius: var(--dl-layout-radius-round);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: row;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: center;
    }

    .app-component-text13 {
        top: -11px;
        right: -5px;
        width: auto;
        height: 18px;
        display: flex;
        padding: 2px;
        position: absolute;
        min-width: 18px;
        align-items: center;
        border-radius: var(--dl-layout-radius-round);
        padding-right: 2px;
        justify-content: center;
        background-color: red;
    }

    .app-component-icon16 {
        width: 100%;
        height: 100%;
    }

    .app-component-shop-icon {
        width: 40px;
        height: 40px;
        display: flex;
        position: relative;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 1px;
        margin-right: 20px;
        padding-left: var(--dl-layout-space-halfunit);
        border-radius: var(--dl-layout-radius-round);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: row;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: center;
    }

    .app-component-text14 {
        top: -11px;
        right: -6px;
        width: auto;
        height: 18px;
        display: flex;
        padding: 2px;
        position: absolute;
        min-width: 18px;
        align-items: center;
        border-radius: var(--dl-layout-radius-round);
        padding-right: 2px;
        justify-content: center;
        background-color: red;
    }

    .app-component-icon18 {
        width: 100%;
        height: 100%;
    }

    .app-component-payment-icon {
        width: 40px;
        height: 40px;
        display: flex;
        position: relative;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 1px;
        margin-right: 20px;
        padding-left: var(--dl-layout-space-halfunit);
        border-radius: var(--dl-layout-radius-round);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: row;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: center;
    }

    .app-component-icon20 {
        width: auto;
        height: 100%;
    }

    .app-component-text15 {
        top: -11px;
        right: -5px;
        width: auto;
        height: 18px;
        display: flex;
        padding: 2px;
        position: absolute;
        min-width: 18px;
        align-items: center;
        border-radius: var(--dl-layout-radius-round);
        justify-content: center;
        background-color: red;
    }

        .app-component-notification {
          width: 40px;
          height: 40px;
          display: none;
          position: relative;
          align-items: center;
          padding-top: var(--dl-layout-space-halfunit);
          border-color: var(--dl-color-theme-neutral-dark);
          border-width: 1px;
          margin-right: 20px;
          padding-left: var(--dl-layout-space-halfunit);
          border-radius: var(--dl-layout-radius-round);
          padding-right: var(--dl-layout-space-halfunit);
          flex-direction: row;
          padding-bottom: var(--dl-layout-space-halfunit);
          justify-content: center;
        }

    .app-component-text16 {
        top: -11px;
        right: -5px;
        width: auto;
        height: 18px;
        display: flex;
        padding: 2px;
        position: absolute;
        min-width: 18px;
        align-items: center;
        border-radius: var(--dl-layout-radius-round);
        justify-content: center;
        background-color: red;
    }

    .app-component-icon22 {
        width: 100%;
        height: 100%;
    }

    .app-component-image-accounts {
        width: 50px;
        height: 50px;
        object-fit: cover;
        margin-right: 6px;
        border-radius: var(--dl-layout-radius-round);
    }

    .app-component-buttons-register {
        gap: var(--dl-layout-space-unit);
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-top: 4px;
        flex-direction: row;
        padding-bottom: 4px;
        justify-content: center;
    }

    .app-component-button {
        width: auto;
        height: auto;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 700;
        padding-top: var(--dl-layout-space-halfunit);
        border-width: 0px;
        padding-left: var(--dl-layout-space-unit);
        border-radius: var(--dl-layout-radius-radius8);
        padding-right: var(--dl-layout-space-unit);
        padding-bottom: var(--dl-layout-space-halfunit);
        background-size: cover;
        background-color: transparent;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
        background-position: center;
        border-top-right-radius: var(--dl-layout-radius-radius8);
        border-bottom-left-radius: var(--dl-layout-radius-radius8);
    }

    .app-component-text17 {
        fill: #0D355D;
        color: #0D355D;
    }

/* Title text */

    .app-component-burger-menu {
        display: none;
    }

    .app-component-icon26 {
        width: var(--dl-layout-size-xsmall);
        height: var(--dl-layout-size-xsmall);
    }

    .app-component-mobile-menu {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100vh;
        display: flex;
        padding: 0px;
        z-index: 100;
        position: absolute;
        transform: translateX(-100%);
        transition: 0.5s;
        flex-direction: column;
        justify-content: space-between;
        background-color: #D9D9D9;
    }

    .app-component-nav {
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        background-image: linear-gradient(180deg, rgb(189, 195, 199) 0.00%, rgb(0, 30, 255) 100.00%);
    }

    .app-component-top {
        width: 1211px;
        height: 77px;
        display: none;
        padding: var(--dl-layout-space-halfunit);
        align-self: center;
        align-items: center;
        margin-bottom: var(--dl-layout-space-halfunit);
        justify-content: space-between;
        background-color: #17191f;
    }

    .app-component-container24 {
        gap: var(--dl-layout-space-unit);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .app-component-navlink13 {
        display: contents;
    }

    .app-component-logo {
        height: 100%;
        text-decoration: none;
    }

    .app-component-container25 {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .app-component-text23 {
        display: none;
        font-size: 24px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 700;
    }

    .app-component-close-menu {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .app-component-icon28 {
        width: var(--dl-layout-size-small);
        height: var(--dl-layout-size-small);
        display: none;
    }

    .app-component-links2 {
        flex: 0 0 auto;
        width: 1211px;
        height: 100%;
        display: flex;
        padding: var(--dl-layout-space-halfunit);
        align-self: center;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .app-component-container26 {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    .app-component-container27 {
        width: 50%;
        height: auto;
        display: flex;
        align-self: center;
        align-items: center;
        padding-left: 0px;
        border-radius: var(--dl-layout-radius-radius8);
        padding-right: 0px;
        flex-direction: column;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: space-between;
        background-color: #000000;
    }

    .app-component-container28 {
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
        align-self: center;
        align-items: center;
        margin-bottom: var(--dl-layout-space-halfunit);
        flex-direction: column;
        justify-content: flex-start;
    }

    .app-component-container29 {
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        margin-bottom: 52px;
        flex-direction: column;
    }

    .app-component-image15 {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 0px;
        border-top-left-radius: var(--dl-layout-radius-radius8);
        border-top-right-radius: var(--dl-layout-radius-radius8);
    }

    .app-component-image16 {
        left: 0px;
        right: 0px;
        width: 100px;
        bottom: 0px;
        margin: auto;
        position: absolute;
        object-fit: cover;
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 4px;
        border-radius: var(--dl-layout-radius-round);
    }

    .app-component-container30 {
        display: flex;
        align-self: center;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    .app-component-text24 {
        display: flex;
        font-size: 24px;
        align-self: center;
        font-style: normal;
        align-items: center;
        font-family: "Poppins";
        font-weight: 500;
        margin-bottom: 0px;
        justify-content: center;
    }

    .app-component-container31 {
        display: flex;
        align-self: center;
        align-items: center;
        margin-bottom: var(--dl-layout-space-unit);
        flex-direction: row;
        justify-content: center;
    }

    .app-component-text25 {
        display: flex;
        font-size: 18px;
        align-self: center;
        font-style: normal;
        align-items: center;
        font-family: "Poppins";
        font-weight: 400;
        margin-bottom: 0px;
        justify-content: center;
    }

    .app-component-container32 {
        flex: 0 0 auto;
        display: flex;
        align-items: flex-start;
        margin-bottom: var(--dl-layout-space-unit);
    }

    .app-component-navlink14 {
        margin-right: var(--dl-layout-space-halfunit);
        border-radius: var(--dl-layout-radius-radius8);
        background-size: cover;
        text-decoration: none;
        background-color: transparent;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
    }

    .app-component-navlink15 {
        display: flex;
        align-self: center;
        align-items: center;
        margin-right: var(--dl-layout-space-halfunit);
        border-radius: var(--dl-layout-radius-radius8);
        background-size: cover;
        justify-content: center;
        text-decoration: none;
        background-color: transparent;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
    }

    .app-component-icon30 {
        height: 15px;
    }

    .app-component-container33 {
        width: 100%;
        display: flex;
        align-self: center;
        align-items: center;
        margin-bottom: 0px;
        flex-direction: column;
        justify-content: center;
    }

    .app-component-text28 {
        display: flex;
        align-items: center;
        font-family: "Poppins";
        margin-bottom: 4px;
        justify-content: center;
    }

    .app-component-text29 {
        display: flex;
        align-items: center;
        font-family: "Poppins";
        margin-bottom: 4px;
        justify-content: center;
    }

    .app-component-text30 {
        display: flex;
        align-items: center;
        font-family: "Poppins";
        margin-bottom: 0px;
        justify-content: center;
    }

    .app-component-container34 {
        width: 50%;
        height: auto;
        display: none;
        align-self: center;
        align-items: center;
        padding-left: 0px;
        border-radius: var(--dl-layout-radius-radius8);
        padding-right: 0px;
        flex-direction: column;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: space-between;
        background-color: #ffffff;
    }

    .app-component-container35 {
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
        align-self: center;
        align-items: center;
        margin-bottom: var(--dl-layout-space-halfunit);
        flex-direction: column;
        justify-content: flex-start;
    }

    .app-component-container36 {
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        margin-bottom: 52px;
        flex-direction: column;
    }

    .app-component-image17 {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-top-left-radius: var(--dl-layout-radius-radius8);
        border-top-right-radius: var(--dl-layout-radius-radius8);
    }

    .app-component-container37 {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .app-component-container38 {
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        margin-bottom: 52px;
        flex-direction: column;
    }

    .app-component-container39 {
        flex: 0 0 auto;
        display: flex;
        align-items: flex-start;
    }

    .app-component-navlink16 {
        display: contents;
    }

    .app-component-container40 {
        flex: 0 0 auto;
        display: flex;
        align-items: flex-start;
        text-decoration: none;
    }

    .app-component-container41 {
        display: flex;
        align-items: flex-start;
    }

    .app-component-icon34 {
        width: auto;
        height: 100%;
    }

    .app-component-navlink17 {
        display: contents;
    }

    .app-component-container42 {
        flex: 0 0 auto;
        display: flex;
        align-items: flex-start;
        text-decoration: none;
    }

    .app-component-container43 {
        display: flex;
        align-items: flex-start;
    }

    .app-component-icon38 {
        width: auto;
        height: 100%;
    }

    .app-component-navlink18 {
        display: contents;
    }

    .app-component-container44 {
        flex: 0 0 auto;
        display: flex;
        align-items: flex-start;
        text-decoration: none;
    }

    .app-component-container45 {
        display: flex;
        align-items: flex-start;
    }

    .app-component-icon42 {
        width: 100%;
        height: 100%;
    }

    .app-component-navlink19 {
        display: contents;
    }

    .app-component-container46 {
        flex: 0 0 auto;
        display: flex;
        align-items: flex-start;
        text-decoration: none;
    }

    .app-component-container47 {
        display: flex;
        align-items: flex-start;
    }

    .app-component-icon46 {
        width: auto;
        height: 100%;
    }

    .app-component-navlink20 {
        display: contents;
    }

    .app-component-container48 {
        flex: 0 0 auto;
        display: flex;
        align-items: flex-start;
        text-decoration: none;
    }

    .app-component-container49 {
        display: flex;
        align-items: flex-start;
    }

    .app-component-text38 {
        fill: rgb(38, 153, 197);
        color: rgb(38, 153, 197);
        display: flex;
        align-items: center;
        margin-bottom: 4px;
        justify-content: center;
    }

    .app-component-container50 {
        gap: var(--dl-layout-space-unit);
        flex: 0 0 auto;
        width: auto;
        display: flex;
        align-self: center;
        margin-top: 0px;
        align-items: flex-start;
        margin-bottom: var(--dl-layout-space-halfunit);
    }

    .app-component-link1 {
        display: contents;
    }

    .app-component-image18 {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-round);
        text-decoration: none;
    }

    .app-component-link2 {
        display: contents;
    }

    .app-component-image19 {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-round);
        text-decoration: none;
    }

    .app-component-link3 {
        display: contents;
    }

    .app-component-image20 {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-round);
        text-decoration: none;
    }

    .app-component-link4 {
        display: contents;
    }

    .app-component-image21 {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-round);
        text-decoration: none;
    }

    .app-component-container51 {
        width: 100%;
        display: flex;
        align-self: center;
        align-items: center;
        margin-bottom: 0px;
        flex-direction: column;
        justify-content: center;
    }

    .app-component-navlink21 {
        fill: rgb(38, 153, 197);
        color: rgb(38, 153, 197);
        display: flex;
        align-items: center;
        font-family: "Poppins";
        margin-bottom: 4px;
        justify-content: center;
        text-decoration: none;
    }

    .app-component-navlink22 {
        fill: rgb(38, 153, 197);
        color: rgb(38, 153, 197);
        display: flex;
        align-items: center;
        font-family: "Poppins";
        margin-bottom: 4px;
        justify-content: center;
        text-decoration: none;
    }

    .app-component-navlink23 {
        fill: rgb(38, 153, 197);
        color: rgb(38, 153, 197);
        display: flex;
        align-items: center;
        font-family: "Poppins";
        margin-bottom: 0px;
        justify-content: center;
        text-decoration: none;
    }

    .mlbb-fragment36 {
        display: contents;
    }

    .mlbb-text134 {
        display: inline-block;
    }

    .mlbb-fragment19 {
        display: contents;
    }

    .mlbb-text111 {
        display: inline-block;
    }

    .mlbb-fragment41 {
        display: contents;
    }

    .mlbb-text141 {
        display: inline-block;
    }

    .mlbb-fragment24 {
        display: contents;
    }

    .mlbb-text116 {
        display: inline-block;
    }

    .mlbb-fragment12 {
        display: contents;
    }

    .mlbb-text102 {
        display: inline-block;
    }

    .mlbb-fragment27 {
        display: contents;
    }

    .mlbb-text121 {
        display: inline-block;
    }

    .mlbb-fragment23 {
        display: contents;
    }

    .mlbb-text115 {
        display: inline-block;
    }

    .mlbb-fragment38 {
        display: contents;
    }

    .mlbb-text136 {
        display: inline-block;
    }

    .mlbb-fragment13 {
        display: flex;
    }

    .mlbb-text103 {
        display: flex;
    }

    .mlbb-fragment42 {
        display: contents;
    }

    .mlbb-text142 {
        display: inline-block;
    }


    .mlbb-fragment29 {
        display: contents;
    }

    .mlbb-text127 {
        display: inline-block;
    }

    .mlbb-fragment22 {
        display: contents;
    }

    .mlbb-text114 {
        display: inline-block;
    }

    .mlbb-fragment28 {
        display: contents;
    }

    .mlbb-text124 {
        display: inline-block;
    }

    .mlbb-fragment21 {
        display: contents;
    }

    .mlbb-text113 {
        display: inline-block;
    }

    .mlbb-fragment17 {
        display: contents;
    }

    .mlbb-text109 {
        display: inline-block;
    }

    .mlbb-fragment26 {
        display: contents;
    }

    .mlbb-text118 {
        display: inline-block;
    }

    .mlbb-fragment40 {
        display: contents;
    }

    .mlbb-text140 {
        display: inline-block;
    }

    .mlbb-fragment34 {
        display: contents;
    }

    .mlbb-text132 {
        display: inline-block;
    }

    .mlbb-fragment30 {
        display: contents;
    }

    .mlbb-text128 {
        display: inline-block;
    }

    .mlbb-fragment20 {
        display: contents;
    }

    .mlbb-text112 {
        display: inline-block;
    }

    .mlbb-fragment37 {
        display: contents;
    }

    .mlbb-text135 {
        display: inline-block;
    }

    .mlbb-fragment16 {
        display: contents;
    }

    .mlbb-text108 {
        display: inline-block;
    }

    .mlbb-fragment10 {
        display: contents;
    }

    .mlbb-text100 {
        display: inline-block;
    }

    .mlbb-fragment15 {
        display: contents;
    }

    .mlbb-text107 {
        display: inline-block;
    }

    .mlbb-fragment25 {
        display: contents;
    }

    .mlbb-text117 {
        display: inline-block;
    }

    .mlbb-fragment14 {
        display: contents;
    }

    .mlbb-text104 {
        display: inline-block;
    }

    .mlbb-fragment11 {
        display: contents;
    }

    .mlbb-text101 {
        display: inline-block;
    }

    .mlbb-fragment39 {
        display: contents;
    }

    .mlbb-text139 {
        display: inline-block;
    }

    .app-componentroot-class-name {
        z-index: 10000;
    }

    .app-componentroot-class-name1 {
        z-index: 10000;
    }



    .app-componentroot-class-name3 {
        z-index: 10000;
    }



    @media(max-width: 991px) {
        .app-component-container10 {
            top: 0px;
            left: 0px;
            right: 0px;
            margin: auto;
        }

        .app-component-navbar-interactive {
            height: 70px;
        }

        .app-component-container12 {
            gap: var(--dl-layout-space-halfunit);
            padding-top: 4px;
            padding-bottom: 4px;
            justify-content: center;
        }

        .app-component-container13 {
            width: 35px;
            height: 35px;
            padding-top: var(--dl-layout-space-halfunit);
            padding-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-text10 {
            top: -6px;
            right: -6px;
            width: 15px;
            height: 15px;
            font-size: 12px;
            min-width: 15px;
        }

        .app-component-container14 {
            width: 35px;
            height: 35px;
            padding-top: var(--dl-layout-space-halfunit);
            padding-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-text11 {
            top: -6px;
            right: -6px;
            width: 15px;
            height: 15px;
            font-size: 12px;
            min-width: 15px;
        }

        .app-component-links1 {
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .app-component-home-icon {
            width: 35px;
            height: 35px;
            padding-top: var(--dl-layout-space-halfunit);
            padding-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-text12 {
            top: -6px;
            right: -6px;
            width: 15px;
            height: 15px;
            font-size: 12px;
            min-width: 15px;
        }

        .app-component-game-icon {
            width: 35px;
            height: 35px;
            padding-top: var(--dl-layout-space-halfunit);
            padding-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-text13 {
            top: -6px;
            right: -6px;
            width: 15px;
            height: 15px;
            font-size: 12px;
            min-width: 15px;
        }

        .app-component-shop-icon {
            width: 35px;
            height: 35px;
            padding-top: var(--dl-layout-space-halfunit);
            padding-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-text14 {
            top: -6px;
            right: -6px;
            width: 15px;
            height: 15px;
            font-size: 12px;
            min-width: 15px;
        }

        .app-component-payment-icon {
            width: 35px;
            height: 35px;
            padding-top: var(--dl-layout-space-halfunit);
            padding-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-text15 {
            top: -6px;
            left: left;
            right: -6px;
            width: 15px;
            height: 15px;
            font-size: 12px;
            min-width: 15px;
        }

          .app-component-notification {
            width: 35px;
            height: 35px;
            padding-top: var(--dl-layout-space-halfunit);
            padding-bottom: var(--dl-layout-space-halfunit);
          }

        .app-component-text16 {
            top: -6px;
            right: -6px;
            width: 15px;
            height: 15px;
            font-size: 12px;
            min-width: 15px;
        }

        .app-component-image-accounts {
            width: 45px;
            height: 45px;
        }

        .app-component-text17 {
            font-size: 14px;
        }

  .app-component-notification {
    width: 35px;
    height: 35px;
    padding-top: var(--dl-layout-space-halfunit);
    padding-bottom: var(--dl-layout-space-halfunit);
  }
.app-component-notification1 {
  width: 40px;
  height: 40px;
  display: none;
  position: relative;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  margin-right: 20px;
  padding-left: var(--dl-layout-space-halfunit);
  border-radius: var(--dl-layout-radius-round);
  padding-right: var(--dl-layout-space-halfunit);
  flex-direction: row;
  padding-bottom: var(--dl-layout-space-halfunit);
  justify-content: center;
}
  .app-component-notification1 {
    width: 35px;
    height: 35px;
    padding-top: var(--dl-layout-space-halfunit);
    padding-bottom: var(--dl-layout-space-halfunit);
    display:none;
  }

        .app-component-mobile-menu {
            z-index: 2000;
        }

        .app-component-nav {
            z-index: 2000;
        }

        .app-component-top {
            width: 100%;
            height: 70px;
            display: flex;
            border-color: var(--dl-color-theme-neutral-dark);
            border-width: 0px;
            margin-bottom: 4px;
            border-bottom-width: 1px;
        }

        .app-component-icon28 {
            width: 35px;
            height: 35px;
        }

        .app-component-links2 {
            width: 100%;
            align-items: flex-start;
            padding-top: 0px;
            padding-left: 0px;
            padding-right: 0px;
            flex-direction: row;
            padding-bottom: 0px;
            justify-content: center;
        }

        .app-component-container26 {
            align-items: flex-start;
            flex-direction: row;
            justify-content: center;
        }

        .app-component-container27 {
            width: 100%;
            background-color: transparent;
        }

        .app-component-container28 {
            height: auto;
            align-self: center;
            align-items: center;
            justify-content: flex-start;
        }

        .app-component-container29 {
            margin-bottom: 41px;
        }

        .app-component-image16 {
            left: 12px;
            width: 100px;
            bottom: -11px;
            margin: auto;
            position: absolute;
        }

        .app-component-container34 {
            width: 50%;
        }

        .app-component-container35 {
            height: auto;
            align-self: center;
            align-items: center;
            justify-content: flex-start;
        }

        .app-component-container36 {
            margin-bottom: 41px;
        }

        .app-component-container38 {
            margin-bottom: 41px;
        }

        .app-component-container50 {
            gap: var(--dl-layout-space-unit);
            width: auto;
        }

        .app-component-image18 {
            width: 50px;
            height: 50px;
        }

        .app-component-image19 {
            width: 50px;
            height: 50px;
        }

        .app-component-image20 {
            width: 50px;
            height: 50px;
        }

        .app-component-image21 {
            width: 50px;
            height: 50px;
        }
    }

    @media(max-width: 767px) {
        .app-component-container10 {
            top: 0px;
            left: 0px;
            right: 0px;
            margin: auto;
            align-items: center;
            border-color: rgba(255, 255, 255, 0.23);
            background-size: cover;
            justify-content: center;
        }

        .app-component-navbar-interactive {
            width: 100%;
            height: 60px;
            border-color: rgba(255, 255, 255, 0.38);
            border-width: 1px;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
            border-top-width: 0px;
            border-left-width: 0px;
            border-right-width: 0px;
        }

        .app-component-container12 {
            margin-right: var(--dl-layout-space-unit);
        }

        .app-component-container13 {
            width: 30px;
            height: 30px;
            display: flex;
            padding: 6px;
        }

        .app-component-container14 {
            width: 30px;
            height: 30px;
            display: flex;
            padding: 6px;
        }

        .app-component-desktop-menu {
            display: none;
        }

        .app-component-button {
            margin-top: 0px;
            padding-top: var(--dl-layout-space-halfunit);
            border-color: rgba(255, 255, 255, 0.68);
            border-width: 0px;
            border-radius: var(--dl-layout-radius-radius8);
            margin-bottom: 0px;
            padding-bottom: var(--dl-layout-space-halfunit);
            background-color: #ab0a0a;
            border-top-left-radius: var(--dl-layout-radius-radius8);
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
            border-bottom-right-radius: var(--dl-layout-radius-radius8);
        }

        .app-component-burger-menu {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .app-component-container23 {
            gap: var(--dl-layout-space-unit);
            display: flex;
            align-self: center;
            justify-content: center;
        }

        .app-component-icon26 {
            width: 40px;
            height: 40px;
        }

        .app-component-mobile-menu {
            padding: 0px;
            background-color: #2699c5;
        }

        .app-component-nav {
            height: 100%;
        }

        .app-component-top {
            height: 60px;
            padding: var(--dl-layout-space-halfunit);
            align-self: center;
            border-color: rgba(255, 255, 255, 0.48);
            border-width: 1px;
            margin-bottom: 0px;
            justify-content: space-between;
            border-top-width: 0px;
            border-left-width: 0px;
            border-right-width: 0px;
        }

        .app-component-container24 {
            gap: var(--dl-layout-space-halfunit);
            height: 100%;
            align-items: center;
            justify-content: flex-start;
        }

        .app-component-logo {
            height: 100%;
        }

        .app-component-container25 {
            width: 200px;
            align-items: flex-start;
            flex-direction: column;
            justify-content: center;
        }

        .app-component-icon28 {
            width: 30px;
            height: 30px;
            display: flex;
        }

        .app-component-links2 {
            width: 100%;
            height: auto;
            padding: 0px;
        }

        .app-component-container27 {
            gap: var(--dl-layout-space-halfunit);
            width: 100%;
            height: auto;
            align-self: center;
            align-items: center;
            border-radius: var(--dl-layout-radius-radius8);
            margin-bottom: var(--dl-layout-space-unit);
            flex-direction: column;
            padding-bottom: 0px;
            justify-content: flex-start;
            background-color: transparent;
        }

        .app-component-container28 {
            width: 100%;
            height: auto;
            position: relative;
            align-items: center;
            border-radius: 0px;
            justify-content: flex-start;
        }

        .app-component-container29 {
            width: 100%;
            height: auto;
            margin-top: 0px;
            margin-bottom: var(--dl-layout-space-fourunits);
        }

        .app-component-image15 {
            width: 100%;
            height: 100%;
            display: block;
            align-self: stretch;
            border-radius: var(--dl-layout-radius-radius8);
        }

        .app-component-image16 {
            left: 0px;
            right: 0px;
            width: 123px;
            bottom: 0px;
            height: 123px;
            margin: auto;
            z-index: 2;
            position: absolute;
            border-color: var(--dl-color-theme-neutral-dark);
            border-width: 4px;
            border-radius: var(--dl-layout-radius-round);
        }

        .app-component-text24 {
            fill: var(--dl-color-theme-secondary1);
            color: var(--dl-color-theme-secondary1);
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            margin-left: 0;
            margin-bottom: 0px;
        }

        .app-component-text25 {
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            margin-left: 0;
            margin-bottom: 0px;
        }

        .app-component-navlink14 {
            border-radius: var(--dl-layout-radius-buttonradius);
        }

        .app-component-navlink15 {
            border-radius: var(--dl-layout-radius-buttonradius);
        }

        .app-component-container33 {
            gap: 6px;
            align-items: center;
            justify-content: center;
        }

        .app-component-text28 {
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
            margin-left: 0;
            margin-bottom: 0px;
        }

        .app-component-text29 {
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
            margin-left: 0;
            margin-bottom: 0px;
        }

        .app-component-text30 {
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
            margin-left: 0;
            margin-bottom: 0px;
        }

        .app-component-container34 {
            gap: var(--dl-layout-space-halfunit);
            width: 100%;
            height: auto;
            align-self: center;
            align-items: center;
            border-radius: var(--dl-layout-radius-radius8);
            margin-bottom: var(--dl-layout-space-unit);
            flex-direction: column;
            padding-bottom: 0px;
            justify-content: flex-start;
            background-color: #ffffff;
        }

        .app-component-container35 {
            width: 100%;
            height: auto;
            position: relative;
            align-items: center;
            border-radius: 0px;
            justify-content: flex-start;
        }

        .app-component-container36 {
            width: 100%;
            height: auto;
            margin-top: 0px;
            margin-bottom: var(--dl-layout-space-fourunits);
        }

        .app-component-image17 {
            width: 100%;
            height: 100%;
            display: block;
            align-self: stretch;
            border-radius: var(--dl-layout-radius-radius8);
        }

        .app-component-container38 {
            width: 100%;
            height: auto;
            margin-top: 0px;
            margin-bottom: var(--dl-layout-space-fourunits);
        }

        .app-component-text38 {
            color: rgb(38, 153, 197);
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
            margin-left: 0;
            margin-bottom: 0px;
        }

        .app-component-image18 {
            width: auto;
            height: 40px;
        }

        .app-component-image19 {
            width: auto;
            height: 40px;
        }

        .app-component-image20 {
            width: auto;
            height: 40px;
        }

        .app-component-image21 {
            width: auto;
            height: 40px;
        }

        .app-component-container51 {
            gap: 6px;
            align-items: center;
            justify-content: center;
        }

        .app-component-navlink21 {
            color: rgb(38, 153, 197);
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
            margin-left: 0;
            margin-bottom: 0px;
        }

        .app-component-navlink22 {
            color: rgb(38, 153, 197);
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
            margin-left: 0;
            margin-bottom: 0px;
        }

        .app-component-navlink23 {
            color: rgb(38, 153, 197);
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
            margin-left: 0;
            margin-bottom: 0px;
        }

        .app-componentroot-class-name4 {
            display: flex;
        }
    }

    @media(max-width: 479px) {
        .app-component-container10 {
            background-size: cover;
        }

        .app-component-navbar-interactive {
            width: 100%;
            height: 60px;
            padding: var(--dl-layout-space-halfunit);
            padding-right: 8px;
        }

        .app-component-container12 {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .app-component-button {
            border-radius: var(--dl-layout-radius-radius8);
            background-color: #31b9ec;
        }

        .app-component-burger-menu {
            height: 100%;
            align-self: center;
            align-items: center;
            justify-content: center;
        }

        .app-component-container23 {
            height: 100%;
            align-self: center;
            align-items: center;
            justify-content: center;
        }

        .app-component-icon26 {
            width: 30px;
            height: 30px;
        }

        .app-component-mobile-menu {
            top: 0px;
            left: 0px;
            right: 0px;
            margin: auto;
            padding: 0px;
            position: fixed;
            background-color: rgba(255, 255, 255, 0.53);
        }

        .app-component-nav {
            height: 100vh;
            padding-bottom: 0px;
            background-color: transparent;
        }

        .app-component-top {
            height: 60px;
            padding: var(--dl-layout-space-halfunit);
            border-color: rgba(255, 255, 255, 0.55);
            margin-bottom: 0px;
            background-color: #17191f;
        }

        .app-component-container24 {
            gap: var(--dl-layout-space-halfunit);
            width: auto;
            height: 100%;
            justify-content: center;
        }

        .app-component-logo {
            height: 100%;
        }

        .app-component-container25 {
            width: auto;
            height: 100%;
            display: none;
            align-self: center;
            align-items: center;
            justify-content: center;
        }

        .app-component-text23 {
            height: auto;
            display: flex;
            font-size: 20px;
        }

        .app-component-icon28 {
            fill: #ffffff;
            width: 30px;
            height: 30px;
        }

        .app-component-links2 {
            width: 100%;
            height: 100vh;
        }

        .app-component-container26 {
            height: 100%;
            align-self: center;
            flex-direction: column;
            justify-content: flex-start;
        }

        .app-component-container27 {
            gap: 0;
            height: auto;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-container29 {
            width: 100%;
            margin-bottom: 0px;
        }

        .app-component-image15 {
            border-radius: 0px;
        }

        .app-component-image16 {
            width: 67px;
            height: 67px;
            border-width: 2px;
        }

        .app-component-container30 {
            margin-bottom: 4px;
        }

        .app-component-text24 {
            display: flex;
        }

        .app-component-text25 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            display: flex;
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
        }

        .app-component-container32 {
            width: 100%;
            align-items: center;
            justify-content: center;
        }

        .app-component-navlink14 {
            box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.5);
            border-width: 0px;
            margin-right: var(--dl-layout-space-halfunit);
            background-size: cover;
            background-color: transparent;
            background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
        }

        .app-component-text26 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            font-family: Poppins;
        }

        .app-component-navlink15 {
            width: auto;
            height: auto;
            display: flex;
            box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.5);
            align-items: center;
            border-width: 0px;
            margin-right: var(--dl-layout-space-halfunit);
            background-size: cover;
            justify-content: center;
            background-color: transparent;
            background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
        }

        .app-component-icon30 {
            height: 18px;
        }

        .app-component-text27 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            font-family: Poppins;
        }

        .app-component-container33 {
            display: none;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-text28 {
            font-family: Poppins;
        }

        .app-component-text29 {
            font-family: Poppins;
        }

        .app-component-text30 {
            font-family: Poppins;
        }

        .app-component-container34 {
            height: 100vh;
            display: flex;
            padding-top: var(--dl-layout-space-unit);
            padding-left: var(--dl-layout-space-unit);
            border-radius: var(--dl-layout-radius-buttonradius);
            margin-bottom: var(--dl-layout-space-unit);
            padding-right: var(--dl-layout-space-unit);
            animation-name: slideInUp;
            padding-bottom: var(--dl-layout-space-halfunit);
            animation-delay: 500ms;
            background-color: #f1f1f1;
            animation-duration: 500ms;
            animation-direction: alternate;
            animation-iteration-count: 1;
            animation-timing-function: ease;
        }

        .app-component-container36 {
            width: 100%;
            position: relative;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-image17 {
            border-radius: var(--dl-layout-radius-buttonradius);
        }

        .app-component-container37 {
            top: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
            position: absolute;
            align-items: flex-end;
            padding-right: var(--dl-layout-space-halfunit);
            justify-content: center;
        }

        .app-component-text31 {
            font-family: Poppins;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-text32 {
            font-family: Poppins;
            padding-top: 2px;
            padding-left: var(--dl-layout-space-halfunit);
            border-radius: 50px;
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: 2px;
            background-color: transparent;
            background-image: linear-gradient(to right, #fc00ff 0%, #00dbde 100%);
        }

        .app-component-container38 {
            width: 100%;
            height: 100vh;
            position: relative;
            align-items: center;
            padding-top: 10px;
            padding-left: var(--dl-layout-space-unit);
            border-radius: var(--dl-layout-radius-buttonradius);
            margin-bottom: 0px;
            padding-right: var(--dl-layout-space-unit);
            padding-bottom: var(--dl-layout-space-halfunit);
            background-color: #ffffff;
        }

        .app-component-container39 {
            width: 100%;
            margin-bottom: var(--dl-layout-space-unit);
            flex-direction: column;
        }

        .app-component-container40 {
            width: 100%;
            height: 40px;
            align-items: center;
            justify-content: space-between;
        }

        .app-component-container41 {
            align-items: center;
            justify-content: center;
        }

        .app-component-icon34 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            width: 20px;
            height: 20px;
            margin-right: var(--dl-layout-space-unit);
        }

        .app-component-text33 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            height: 100%;
        }

        .app-component-icon36 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            width: var(--dl-layout-size-xsmall);
            height: var(--dl-layout-size-xsmall);
        }

        .app-component-container42 {
            width: 100%;
            height: 40px;
            align-items: center;
            justify-content: space-between;
        }

        .app-component-container43 {
            align-items: center;
            justify-content: center;
        }

        .app-component-icon38 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            width: 20px;
            height: 20px;
            margin-right: var(--dl-layout-space-unit);
        }

        .app-component-text34 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            height: 100%;
        }

        .app-component-icon40 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            width: var(--dl-layout-size-xsmall);
            height: var(--dl-layout-size-xsmall);
        }

        .app-component-container44 {
            width: 100%;
            height: 40px;
            align-items: center;
            justify-content: space-between;
        }

        .app-component-container45 {
            align-items: center;
            justify-content: center;
        }

        .app-component-icon42 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            width: 20px;
            height: 20ox;
            margin-right: var(--dl-layout-space-unit);
        }

        .app-component-text35 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            height: 100%;
        }

        .app-component-icon44 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            width: var(--dl-layout-size-xsmall);
            height: var(--dl-layout-size-xsmall);
        }

        .app-component-container46 {
            width: 100%;
            height: 40px;
            align-items: center;
            justify-content: space-between;
        }

        .app-component-container47 {
            align-items: center;
            justify-content: center;
        }

        .app-component-icon46 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            width: 20px;
            height: 20px;
            margin-right: var(--dl-layout-space-unit);
        }

        .app-component-text36 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            height: 100%;
        }

        .app-component-icon48 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            width: var(--dl-layout-size-xsmall);
            height: var(--dl-layout-size-xsmall);
        }

        .app-component-container48 {
            width: 100%;
            height: 40px;
            align-items: center;
            justify-content: space-between;
        }

        .app-component-container49 {
            align-items: center;
            justify-content: center;
        }

        .app-component-icon50 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            width: 20px;
            height: 20px;
        }

        .app-component-text37 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            height: 100%;
        }

        .app-component-icon54 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            width: var(--dl-layout-size-xsmall);
            height: var(--dl-layout-size-xsmall);
        }

        .app-component-text38 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            display: flex;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-container50 {
            gap: var(--dl-layout-space-unit);
            display: flex;
            margin-top: 0px;
        }

        .app-component-image18 {
            width: 35px;
            height: 35px;
        }

        .app-component-image19 {
            width: 35px;
            height: 35px;
        }

        .app-component-image20 {
            width: 35px;
            height: 35px;
        }

        .app-component-image21 {
            width: 35px;
            height: 35px;
        }

        .app-component-container51 {
            display: flex;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .app-component-navlink21 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            font-family: Poppins;
        }

        .app-component-navlink22 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            font-family: Poppins;
        }

        .app-component-navlink23 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            text-align: center;
            font-family: Poppins;
        }

        .app-componentroot-class-name2 {
            top: 0px;
            left: 0px;
            right: 0px;
            margin: auto;
            max-width: auto;
        }
    }

    .component1-wrapper {
        display: contents;
    }

    .component1-container10 {
        width: 100%;
        display: flex;
        position: relative;
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
    }

    .component1-container11 {
        width: 100%;
        height: auto;
        display: flex;
        max-width: auto;
        align-items: flex-start;
        border-color: rgba(120, 120, 120, 0.4);
        border-style: dashed;
        border-width: 0px;
    }

    .component1-image1 {
        width: 100%;
        object-fit: cover;
    }

    .component1-container12 {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        padding-top: var(--dl-layout-space-unit);
        flex-direction: column;
        justify-content: space-between;
        background-color: #000000;
    }

    .component1-container13 {
        flex: 0 0 auto;
        width: 100%;
        height: 100px;
        display: flex;
        max-width: 1111px;
        align-items: flex-start;
        flex-direction: row-reverse;
        justify-content: center;
    }

    .component1-container14 {
        flex: 0 0 auto;
        width: auto;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .component1-text10 {
        color: rgb(255, 255, 255);
        width: auto;
        font-size: 24px;
        max-width: auto;
        align-self: center;
        font-family: "Noto Sans Khmer";
        margin-bottom: var(--dl-layout-space-unit);
    }

    .component1-container15 {
        gap: var(--dl-layout-space-unit);
        flex: 0 0 auto;
        width: 100%;
        display: flex;
        align-items: flex-start;
    }

    .component1-link1 {
        display: contents;
    }

    .component1-image2 {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-round);
        text-decoration: none;
    }

    .component1-link2 {
        display: contents;
    }

    .component1-image3 {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-round);
        text-decoration: none;
    }

    .component1-link3 {
        display: contents;
    }

    .component1-image4 {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-round);
        text-decoration: none;
    }

    .component1-link4 {
        display: contents;
    }

    .component1-image5 {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-round);
        text-decoration: none;
    }

    .component1-container16 {
        width: 100%;
        height: auto;
        display: flex;
        max-width: 1111px;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
    }

    .component1-container17 {
        flex: 0 0 auto;
        width: auto;
        display: flex;
        align-self: flex-start;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    .component1-text11 {
        color: rgb(255, 255, 255);
        width: auto;
        font-size: 24px;
        max-width: auto;
        align-self: center;
        font-family: "Noto Sans Khmer";
        margin-right: var(--dl-layout-space-halfunit);
    }

    .component1-container18 {
        gap: var(--dl-layout-space-halfunit);
        flex: 0 0 auto;
        width: auto;
        display: flex;
        align-self: center;
        align-items: flex-start;
        justify-content: center;
    }

    .component1-image6 {
        width: auto;
        height: 50px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-radius8);
    }

    .component1-container19 {
        flex: 0 0 auto;
        width: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .component1-navlink1 {
        color: rgb(255, 255, 255);
        width: 100%;
        font-size: 18px;
        max-width: auto;
        align-self: center;
        text-align: center;
        transition: 0.3s;
        font-family: "Noto Sans Khmer";
        margin-bottom: var(--dl-layout-space-halfunit);
        text-decoration: none;
    }

    .component1-navlink1:hover {
        fill: #ff0000;
        color: #ffffff;
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 0px;
        margin-bottom: var(--dl-layout-space-halfunit);
        padding-bottom: var(--dl-layout-space-halfunit);
        border-right-width: 0px;
        border-bottom-width: 2px;
    }

    .component1-navlink2 {
        color: rgb(255, 255, 255);
        width: 100%;
        font-size: 18px;
        max-width: auto;
        align-self: center;
        text-align: center;
        transition: 0.3s;
        font-family: "Noto Sans Khmer";
        margin-bottom: var(--dl-layout-space-halfunit);
        text-decoration: none;
    }

    .component1-navlink2:hover {
        fill: #ff0000;
        color: #ffffff;
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 0px;
        margin-bottom: var(--dl-layout-space-halfunit);
        padding-bottom: var(--dl-layout-space-halfunit);
        border-right-width: 0px;
        border-bottom-width: 2px;
    }

    .component1-link5 {
        color: rgb(255, 255, 255);
        width: 100%;
        font-size: 18px;
        max-width: auto;
        align-self: center;
        text-align: center;
        transition: 0.3s;
        font-family: "Noto Sans Khmer";
        margin-bottom: var(--dl-layout-space-halfunit);
        text-decoration: none;
    }

    .component1-link5:hover {
        fill: #ff0000;
        color: #ffffff;
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 0px;
        margin-bottom: var(--dl-layout-space-halfunit);
        padding-bottom: var(--dl-layout-space-halfunit);
        border-right-width: 0px;
        border-bottom-width: 2px;
    }

    .component1-link6 {
        color: rgb(255, 255, 255);
        width: 100%;
        font-size: 18px;
        max-width: auto;
        align-self: center;
        text-align: center;
        transition: 0.3s;
        font-family: "Noto Sans Khmer";
        margin-bottom: var(--dl-layout-space-halfunit);
        text-decoration: none;
    }

    .component1-link6:hover {
        fill: #ff0000;
        color: #ffffff;
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 0px;
        margin-bottom: var(--dl-layout-space-halfunit);
        padding-bottom: var(--dl-layout-space-halfunit);
        border-right-width: 0px;
        border-bottom-width: 2px;
    }

    .component1-text12 {
        color: rgb(255, 255, 255);
        width: auto;
        font-size: 18px;
        max-width: auto;
        align-self: center;
        text-align: center;
        font-family: "Noto Sans Khmer";
        margin-bottom: var(--dl-layout-space-halfunit);
    }

    .component1-link7 {
        fill: blue;
        color: blue;
        width: auto;
        font-size: 18px;
        max-width: auto;
        align-self: center;
        text-align: center;
        font-family: "Noto Sans Khmer";
        margin-bottom: var(--dl-layout-space-halfunit);
        text-decoration: underline line-through none;
    }

    .component1-container20 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        max-width: 100%;
        align-self: center;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        padding-left: var(--dl-layout-space-unit);
        padding-right: var(--dl-layout-space-unit);
        flex-direction: row-reverse;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: center;
        background-color: #000000;
    }

    .component1-container21 {
        flex: 0 0 auto;
        width: auto;
        display: flex;
    }

    .component1-text13 {
        color: rgb(255, 255, 255);
        width: auto;
        font-size: 18px;
        max-width: auto;
        align-self: center;
        font-family: "Noto Sans Khmer";
    }

    .mlbb-fragment51 {
        display: contents;
    }

    .mlbb-text245 {
        width: auto;
        display: inline-block;
        max-width: auto;
        align-self: flex-start;
        margin-bottom: var(--dl-layout-space-halfunit);
        text-decoration: underline;
    }

    .mlbb-fragment47 {
        display: contents;
    }

    .mlbb-text241 {
        display: inline-block;
    }

    .mlbb-fragment45 {
        display: contents;
    }

    .mlbb-text239 {
        display: inline-block;
    }

    .mlbb-fragment44 {
        display: contents;
    }

    .mlbb-text238 {
        display: inline-block;
    }

    .mlbb-fragment50 {
        display: contents;
    }

    .mlbb-text244 {
        display: inline-block;
    }

    .mlbb-fragment48 {
        display: contents;
    }

    .mlbb-text242 {
        color: rgb(255, 255, 255);
        width: auto;
        display: inline-block;
        font-size: 18px;
        max-width: auto;
        align-self: flex-start;
        margin-bottom: var(--dl-layout-space-halfunit);
    }

    .mlbb-fragment46 {
        display: contents;
    }

    .mlbb-text240 {
        display: inline-block;
    }

    .mlbb-fragment43 {
        display: contents;
    }

    .mlbb-text237 {
        display: inline-block;
    }

    .mlbb-fragment49 {
        display: contents;
    }

    .mlbb-text243 {
        display: inline-block;
    }









    @media(max-width: 991px) {
        .component1-container11 {
            height: auto;
        }

        .component1-container12 {
            width: 100%;
            height: auto;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-start;
        }

        .component1-container14 {
            width: auto;
            align-items: center;
            justify-content: center;
        }

        .component1-text10 {
            font-size: 24px;
            max-width: 850px;
            margin-bottom: var(--dl-layout-space-unit);
        }

        .component1-container15 {
            gap: var(--dl-layout-space-unit);
            width: auto;
        }

        .component1-image2 {
            width: 50px;
            height: 50px;
        }

        .component1-image3 {
            width: 50px;
            height: 50px;
        }

        .component1-image4 {
            width: 50px;
            height: 50px;
        }

        .component1-image5 {
            width: 50px;
            height: 50px;
        }

        .component1-container16 {
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
        }

        .component1-container17 {
            width: auto;
            align-items: center;
            justify-content: center;
        }

        .component1-text11 {
            width: auto;
            font-size: 18px;
            max-width: 850px;
            font-family: Noto Sans Khmer;
        }

        .component1-container18 {
            gap: var(--dl-layout-space-halfunit);
            width: auto;
        }

        .component1-image6 {
            width: auto;
            height: 30px;
        }

        .component1-container19 {
            width: auto;
            align-items: center;
            justify-content: center;
        }

        .component1-navlink1 {
            font-size: 14px;
            max-width: 850px;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .component1-navlink2 {
            font-size: 14px;
            max-width: 850px;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .component1-link5 {
            font-size: 14px;
            max-width: 850px;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .component1-link6 {
            font-size: 14px;
            max-width: 850px;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .component1-text12 {
            font-size: 14px;
            max-width: 850px;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .component1-link7 {
            font-size: 14px;
            max-width: 850px;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .component1-container20 {
            height: auto;
            align-self: center;
            align-items: flex-start;
            padding-left: var(--dl-layout-space-unit);
            padding-right: var(--dl-layout-space-unit);
            justify-content: center;
        }

        .component1-container21 {
            width: auto;
            align-items: center;
            justify-content: center;
        }

        .component1-text13 {
            font-size: 11px;
            max-width: auto;
        }

        .mlbb-text245 {
            font-size: 14px;
            max-width: 850px;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .mlbb-text242 {
            font-size: 14px;
            max-width: 850px;
            margin-bottom: var(--dl-layout-space-halfunit);
        }
    }

    @media(max-width: 767px) {
        .component1-container10 {
            height: auto;
        }

        .component1-container11 {
            height: auto;
        }

        .component1-image1 {
            width: 100%;
        }

        .component1-container12 {
            width: 100%;
            flex-wrap: wrap;
            max-width: auto;
            min-width: 0px;
            align-self: center;
            align-items: center;
            justify-content: center;
        }

        .component1-text10 {
            font-size: 18px;
            max-width: 500px;
        }

        .component1-image2 {
            width: auto;
            height: 35px;
        }

        .component1-image3 {
            width: auto;
            height: 35px;
        }

        .component1-image4 {
            width: auto;
            height: 35px;
        }

        .component1-image5 {
            width: auto;
            height: 35px;
        }

        .component1-container16 {
            height: auto;
        }

        .component1-container17 {
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }

        .component1-text11 {
            max-width: 500px;
            margin-right: 0px;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .component1-image6 {
            width: auto;
            height: 30px;
        }

        .component1-navlink1 {
            max-width: 500px;
        }

        .component1-navlink2 {
            max-width: 500px;
        }

        .component1-link5 {
            max-width: 500px;
        }

        .component1-link6 {
            max-width: 500px;
        }

        .component1-text12 {
            max-width: 500px;
        }

        .component1-link7 {
            max-width: 500px;
        }

        .component1-container20 {
            padding-bottom: var(--dl-layout-space-twounits);
        }

        .component1-text13 {
            color: rgb(255, 255, 255);
            width: 100%;
            font-size: 18px;
            font-family: Noto Sans Khmer;
        }

        .mlbb-text245 {
            max-width: 500px;
        }

        .mlbb-text242 {
            max-width: 500px;
            font-family: Poppins;
        }
    }

    @media(max-width: 479px) {
        .component1-container11 {
            height: auto;
            border-style: solid;
            border-width: 0px;
        }

        .component1-container12 {
            width: 100%;
            height: auto;
            flex-wrap: wrap;
            max-width: auto;
            min-width: auto;
            align-self: center;
            align-items: center;
            padding-left: 0px;
            padding-right: 0px;
            flex-direction: column;
            padding-bottom: 0px;
            justify-content: flex-start;
        }

        .component1-container13 {
            max-width: auto;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
            justify-content: center;
        }

        .component1-container14 {
            align-items: center;
            justify-content: center;
        }

        .component1-text10 {
            color: rgb(255, 255, 255);
            width: auto;
            font-size: 18px;
            max-width: 370px;
            font-family: Noto Sans Khmer;
        }

        .component1-container15 {
            gap: var(--dl-layout-space-unit);
        }

        .component1-image2 {
            width: 35px;
            height: 35px;
        }

        .component1-image3 {
            width: 35px;
            height: 35px;
        }

        .component1-image4 {
            width: 35px;
            height: 35px;
        }

        .component1-image5 {
            width: 35px;
            height: 35px;
        }

        .component1-container16 {
            height: auto;
            flex-wrap: wrap;
            max-width: auto;
            align-items: flex-start;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
            flex-direction: row-reverse;
            justify-content: space-between;
        }

        .component1-container17 {
            align-self: flex-start;
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }

        .component1-text11 {
            color: rgb(255, 255, 255);
            width: auto;
            font-size: 14px;
            max-width: 370px;
            font-family: Poppins;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .component1-container18 {
            gap: 5px;
        }

        .component1-image6 {
            width: auto;
            height: 20px;
            border-radius: var(--dl-layout-radius-radius4);
        }

        .component1-container19 {
            width: 100%;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
        }

        .component1-navlink1 {
            color: rgb(255, 255, 255);
            width: 100%;
            font-size: 14px;
            max-width: auto;
            font-family: Poppins;
            margin-bottom: 0px;
        }

        .component1-navlink2 {
            color: rgb(255, 255, 255);
            width: 100%;
            font-size: 14px;
            max-width: auto;
            font-family: Poppins;
            margin-bottom: 0px;
        }

        .component1-link5 {
            color: rgb(255, 255, 255);
            width: 100%;
            font-size: 14px;
            max-width: 100%;
            font-family: Poppins;
            margin-bottom: 0px;
        }

        .component1-link6 {
            color: rgb(255, 255, 255);
            width: 100%;
            font-size: 14px;
            max-width: auto;
            font-family: Poppins;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .component1-text12 {
            color: rgb(255, 255, 255);
            width: auto;
            display: flex;
            flex-wrap: wrap;
            font-size: 12px;
            max-width: auto;
            font-family: Poppins;
        }

        .component1-link7 {
            color: rgb(255, 255, 255);
            width: auto;
            font-size: 12px;
            max-width: auto;
            font-family: Poppins;
        }

        .component1-container20 {
            height: auto;
            max-width: auto;
            align-self: center;
            align-items: center;
            padding-top: 11px;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
            flex-direction: row;
            padding-bottom: 13px;
            justify-content: center;
            background-color: var(--dl-color-theme-neutral-light);
        }

        .component1-container21 {
            width: 100%;
            align-self: center;
            align-items: center;
            flex-direction: row;
            justify-content: center;
        }

        .component1-text13 {
            color: rgb(255, 255, 255);
            width: auto;
            font-size: 11px;
            max-width: auto;
            align-self: center;
            text-align: center;
            font-family: Poppins;
        }

        .mlbb-text245 {
            color: rgb(255, 255, 255);
            width: auto;
            font-size: 12px;
            max-width: 370px;
            font-family: Noto Sans Khmer;
        }

        .mlbb-text242 {
            color: rgb(255, 255, 255);
            width: auto;
            font-size: 12px;
            max-width: 370px;
            font-family: Poppins;
        }

        .component1root-class-name3 {
            max-width: 700px;
        }
    }

    .mlbb-container10 {
        width: 100%;
        display: flex;
        min-height: 100vh;
        align-items: center;
        flex-direction: column;
        background-color: #f2f2f2;
    }

    .mlbb-fragment10 {
        display: contents;
    }

    .mlbb-text100 {
        display: inline-block;
    }

    .mlbb-fragment11 {
        display: contents;
    }

    .mlbb-text101 {
        display: inline-block;
    }

    .mlbb-fragment12 {
        display: contents;
    }

    .mlbb-text102 {
        display: inline-block;
    }

    .mlbb-fragment13 {
        display: flex;
    }

    .mlbb-text103 {
        display: flex;
    }

    .mlbb-fragment14 {
        display: contents;
    }

    .mlbb-text104 {
        display: inline-block;
    }

    .mlbb-fragment15 {
        display: contents;
    }

    .mlbb-text107 {
        display: inline-block;
    }

    .mlbb-fragment16 {
        display: contents;
    }

    .mlbb-text108 {
        display: inline-block;
    }

    .mlbb-fragment17 {
        display: contents;
    }

    .mlbb-text109 {
        display: inline-block;
    }

    .mlbb-fragment19 {
        display: contents;
    }

    .mlbb-text111 {
        display: inline-block;
    }

    .mlbb-fragment20 {
        display: contents;
    }

    .mlbb-text112 {
        display: inline-block;
    }

    .mlbb-fragment21 {
        display: contents;
    }

    .mlbb-text113 {
        display: inline-block;
    }

    .mlbb-fragment22 {
        display: contents;
    }

    .mlbb-text114 {
        display: inline-block;
    }

    .mlbb-fragment23 {
        display: contents;
    }

    .mlbb-text115 {
        display: inline-block;
    }

    .mlbb-fragment24 {
        display: contents;
    }

    .mlbb-text116 {
        display: inline-block;
    }

    .mlbb-fragment25 {
        display: contents;
    }

    .mlbb-text117 {
        display: inline-block;
    }

    .mlbb-fragment26 {
        display: contents;
    }

    .mlbb-text118 {
        display: inline-block;
    }

    .mlbb-fragment27 {
        display: contents;
    }

    .mlbb-text121 {
        display: inline-block;
    }

    .mlbb-fragment28 {
        display: contents;
    }

    .mlbb-text124 {
        display: inline-block;
    }

    .mlbb-fragment29 {
        display: contents;
    }

    .mlbb-text127 {
        display: inline-block;
    }

    .mlbb-fragment30 {
        display: contents;
    }

    .mlbb-text128 {
        display: inline-block;
    }

    .mlbb-fragment33 {
        display: contents;
    }


    .mlbb-fragment34 {
        display: contents;
    }

    .mlbb-text132 {
        display: inline-block;
    }


    .mlbb-fragment36 {
        display: contents;
    }

    .mlbb-text134 {
        display: inline-block;
    }

    .mlbb-fragment37 {
        display: contents;
    }

    .mlbb-text135 {
        display: inline-block;
    }

    .mlbb-fragment38 {
        display: contents;
    }

    .mlbb-text136 {
        display: inline-block;
    }

    .mlbb-fragment39 {
        display: contents;
    }

    .mlbb-text139 {
        display: inline-block;
    }

    .mlbb-fragment40 {
        display: contents;
    }

    .mlbb-text140 {
        display: inline-block;
    }

    .mlbb-fragment41 {
        display: contents;
    }

    .mlbb-text141 {
        display: inline-block;
    }

    .mlbb-fragment42 {
        display: contents;
    }

    .mlbb-text142 {
        display: inline-block;
    }

    .mlbb-container11 {
        width: 100%;
        height: 100%;
        display: flex;
        max-width: 1199px;
        margin-top: 77px;
        align-items: flex-start;
        justify-content: space-between;
    }

    .mlbb-container12 {
        flex: 0 0 auto;
        width: 35%;
        height: auto;
        display: flex;
        align-items: flex-start;
        padding-top: var(--dl-layout-space-halfunit);
        padding-left: 5px;
        border-radius: var(--dl-layout-radius-radius8);
        padding-right: 5px;
        flex-direction: column;
        padding-bottom: 5px;
    }

    .mlbb-container13 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
        align-items: flex-start;
        padding-left: 2px;
        padding-right: 2px;
    }

    .mlbb-image10 {
        width: 100%;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-buttonradius);
    }

    .mlbb-container14 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
        align-self: center;
        align-items: center;
        padding-top: var(--dl-layout-space-unit);
        padding-left: var(--dl-layout-space-halfunit);
        padding-right: var(--dl-layout-space-halfunit);
        padding-bottom: var(--dl-layout-space-unit);
        justify-content: flex-start;
    }

    .mlbb-container15 {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        display: flex;
        align-items: flex-start;
        margin-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-image11 {
        width: 90px;
        height: 90%;
        padding: 2px;
        object-fit: cover;
        border-color: rgba(255, 255, 255, 0.36);
        border-width: 2px;
        border-radius: var(--dl-layout-radius-radius8);
        border-top-right-radius: var(--dl-layout-radius-radius8);
        border-bottom-left-radius: var(--dl-layout-radius-radius8);
    }

    .mlbb-container16 {
        gap: 5px;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        display: flex;
        align-self: flex-start;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }

    .mlbb-text143 {
        color: #000000;
        width: auto;
        height: auto;
        font-size: 20px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-container17 {
        flex: 0 0 auto;
        width: auto;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        justify-content: flex-start;
    }

    .mlbb-container18 {
        flex: 0 0 auto;
        width: auto;
        height: 20px;
        display: flex;
        align-self: flex-start;
        align-items: center;
        margin-right: var(--dl-layout-space-halfunit);
        padding-left: 4px;
        border-radius: var(--dl-layout-radius-inputradius);
        padding-right: 4px;
        justify-content: center;
        background-color: #31b9ec;
        border-top-left-radius: var(--dl-layout-radius-inputradius);
        border-top-right-radius: var(--dl-layout-radius-inputradius);
        border-bottom-left-radius: var(--dl-layout-radius-inputradius);
        border-bottom-right-radius: var(--dl-layout-radius-inputradius);
    }

    .mlbb-icon10 {
        fill: var(--dl-color-theme-neutral-dark);
        color: var(--dl-color-theme-neutral-dark);
        width: 15px;
        height: 15px;
        margin-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-text144 {
        font-size: 9px;
        font-family: "Poppins";
    }

    .mlbb-container19 {
        flex: 0 0 auto;
        width: auto;
        height: 20px;
        display: flex;
        align-self: flex-start;
        padding-left: 4px;
        padding-right: 4px;
        align-items: center;
        border-radius: var(--dl-layout-radius-inputradius);
        justify-content: center;
        background-color: #31b9ec;
        border-top-left-radius: var(--dl-layout-radius-inputradius);
        border-top-right-radius: var(--dl-layout-radius-inputradius);
        border-bottom-left-radius: var(--dl-layout-radius-inputradius);
        border-bottom-right-radius: var(--dl-layout-radius-inputradius);
    }

    .mlbb-icon12 {
        fill: var(--dl-color-theme-neutral-dark);
        color: var(--dl-color-theme-neutral-dark);
        width: 15px;
        height: 15px;
        margin-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-text145 {
        font-size: 9px;
        font-family: "Poppins";
    }

    .mlbb-container20 {
        gap: var(--dl-layout-space-halfunit);
        flex: 0 0 auto;
        width: auto;
        display: none;
        align-items: flex-start;
    }

    .mlbb-container21 {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        display: flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .mlbb-image12 {
        width: 20px;
        height: 20px;
        object-fit: cover;
    }

    .mlbb-heading1 {
        color: #000000;
        font-size: 9px;
        font-family: "Poppins";
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .mlbb-container22 {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        display: flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .mlbb-heading2 {
        color: rgb(0, 0, 0);
        font-size: 9px;
        font-family: "Poppins";
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .mlbb-container23 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
        align-self: center;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: flex-start;
    }

    .mlbb-container24 {
        gap: 5px;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-self: flex-start;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }

    .mlbb-text146 {
        fill: var(--dl-color-theme-secondary1);
        color: #000000;
        font-size: 14px;
        text-align: justify;
    }

    .mlbb-container25 {
        width: 65%;
        display: flex;
        align-self: center;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .mlbb-container26 {
        gap: 0;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-self: center;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        padding-left: 5px;
        padding-right: 5px;
        flex-direction: column;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: center;
    }

    .mlbb-container27 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        padding: var(--dl-layout-space-unit);
        align-self: center;
        box-shadow: 0px 0px 20px 0px #d4d4d4;
        align-items: flex-start;
        margin-left: 0px;
        padding-top: var(--dl-layout-space-halfunit);
        margin-right: 0px;
        padding-left: var(--dl-layout-space-halfunit);
        border-radius: var(--dl-layout-radius-buttonradius);
        margin-bottom: var(--dl-layout-space-unit);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: column;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: flex-start;
        background-color: #ffffff;
    }

    .mlbb-container28 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        padding-left: 5px;
        border-radius: 0px;
        margin-bottom: var(--dl-layout-space-unit);
        justify-content: flex-start;
        border-top-left-radius: 15px;
        border-top-right-radius: var(--dl-layout-radius-radius8);
    }

    .mlbb-text147 {
        width: 30px;
        height: 30%;
        display: none;
        font-size: 24px;
        align-items: center;
        font-family: "Fira Sans";
        border-radius: var(--dl-layout-radius-round);
        background-size: cover;
        justify-content: center;
        background-color: transparent;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
        background-position: right;
        border-bottom-left-radius: var(--dl-layout-radius-round);
    }

    .mlbb-text148 {
        fill: #0D355D;
        color: rgb(13, 53, 93);
        width: auto;
        font-size: 24px;
        font-family: "Poppins";
    }

    .mlbb-form1 {
        gap: 0;
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .mlbb-textinput1 {
        color: black;
        width: 61%;
        height: 50px;
        font-family: "Poppins";
        border-color: #31b9ec;
        margin-right: var(--dl-layout-space-unit);
        border-radius: var(--dl-layout-radius-buttonradius);
        background-color: #ffffff;
    }

    .mlbb-textinput1:focus,
    .mlbb-textinput2:focus {
        outline: none;
        border: 2px solid #31b9ec;
        box-shadow: 0 0 3px rgba(49, 185, 236, 0.6);
        /* softer + transparent */
    }

    .mlbb-textinput2 {
        color: black;
        width: 36%;
        height: 50px;
        font-family: "Poppins";
        border-color: #31b9ec;
        border-radius: var(--dl-layout-radius-buttonradius);
        background-color: #ffffff;
    }








    .mlbb-button1 {
        fill: #0D355D;
        color: #0D355D;
        display: flex;
        font-style: normal;
        margin-top: var(--dl-layout-space-unit);
        font-family: "Poppins";
        font-weight: 500;
        border-width: 0px;
        margin-right: var(--dl-layout-space-unit);
        border-radius: var(--dl-layout-radius-buttonradius);
        flex-direction: row;
        background-size: cover;
        background-color: transparent;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
        background-position: right;
        padding: 12px 24px;
        cursor: pointer;
        transition: all 0.3s ease;
        /* smooth hover transition */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }

    /* Hover effect */
    .mlbb-button1:hover {
        background-color: rgba(13, 53, 93, 0.8);
        /* semi-transparent blue overlay */
        transform: translateY(-4px);
        /* subtle lift */
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
        /* stronger shadow */
    }

    /* Active effect when clicked */
    .mlbb-button1:active {
        transform: translateY(0);
        /* back to normal */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        /* reset shadow */
    }

    /* Optional: continuous "pulse" effect on hover */
    .mlbb-button1:hover {
        animation: pulse 1s ease-in-out infinite;
    }

    @keyframes pulse {
        0% {
            transform: scale(1);
            opacity: 0.9;
        }

        50% {
            transform: scale(1.05);
            /* grow a little */
            opacity: 1;
            /* fully visible */
        }

        100% {
            transform: scale(1);
            opacity: 0.9;
        }
    }








    .mlbb-text150 {
        fill: #31b9ec;
        color: #31b9ec;
        height: 100%;
        font-size: 16px;
        font-style: normal;
        margin-top: var(--dl-layout-space-unit);
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-container29 {
        flex: 0 0 auto;
        width: 100%;
        display: flex;
        align-items: flex-start;
    }

    .mlbb-accordion1 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .mlbb-trigger1 {
        cursor: pointer;
    }

    .mlbb-summary1 {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: flex-end;
    }

    .mlbb-container30 {
        display: flex;
        align-items: center;
        margin-right: var(--dl-layout-space-halfunit);
        justify-content: space-between;
    }

    .mlbb-text151 {
        fill: #0D355D;
        color: rgb(13, 53, 93);
        font-size: 14px;
    }

    .mlbb-text152 {
        text-decoration: underline;
    }

    .mlbb-container31 {
        flex: 0 0 auto;
        width: 20px;
        height: 20px;
        display: none;
        align-items: center;
        margin-left: var(--dl-layout-space-halfunit);
        border-radius: var(--dl-layout-radius-round);
        justify-content: center;
        background-color: #777777;
    }

    .mlbb-text154 {
        color: rgb(255, 255, 255);
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
    }

    .mlbb-icon-container1 {
        transition: transform 0.3s ease-in-out;
    }

    .mlbb-icon14 {
        fill: #0D355D;
        color: #0D355D;
        width: var(--dl-layout-size-xsmall);
    }

    .mlbb-container32 {
        display: flex;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        flex-direction: column;
        padding-bottom: 0px;
    }

    .mlbb-text155 {
        color: rgba(25, 24, 24, 0.9);
        font-size: 13px;
        font-style: normal;
        text-align: justify;
        font-family: "Exo 2";
        font-weight: 500;
        padding-bottom: 10px;
    }

    .mlbb-container33 {
        flex: 0 0 auto;
        display: flex;
        align-items: flex-start;
    }

    .mlbb-image13 {
        width: 100%;
        object-fit: cover;
    }

    .mlbb-container34 {
        gap: 0;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        padding: var(--dl-layout-space-unit);
        position: relative;
        align-self: center;
        box-shadow: 0px 0px 20px 0px #d4d4d4;
        align-items: flex-start;
        border-radius: var(--dl-layout-radius-buttonradius);
        margin-bottom: var(--dl-layout-space-unit);
        flex-direction: column;
        justify-content: flex-start;
        background-color: #ffffff;
    }

    .mlbb-container35 {
        gap: var(--dl-layout-space-unit);
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        padding-left: 5px;
        margin-bottom: var(--dl-layout-space-halfunit);
        justify-content: flex-start;
        border-top-left-radius: 15px;
        border-top-right-radius: var(--dl-layout-radius-radius8);
    }

    .mlbb-text156 {
        width: 30px;
        height: 30%;
        display: none;
        font-size: 24px;
        align-items: center;
        font-family: "Fira Sans";
        border-radius: var(--dl-layout-radius-round);
        background-size: cover;
        justify-content: center;
        background-color: transparent;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
        background-position: right;
        border-bottom-left-radius: var(--dl-layout-radius-round);
    }

    .mlbb-text157 {
        fill: #0D355D;
        color: rgb(13, 53, 93);
        width: auto;
        font-size: 24px;
        font-family: "Poppins";
    }

    .mlbb-container36 {
        gap: var(--dl-layout-space-unit);
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-self: center;
        align-items: flex-start;
        padding-left: 5px;
        margin-bottom: 0px;
        justify-content: flex-start;
    }

    .mlbb-text158 {
        color: rgb(255, 0, 0);
        width: auto;
        font-size: 18px;
        font-family: "Poppins";
    }

    .mlbb-form2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: var(--dl-layout-space-unit);
        justify-content: flex-start;
    }

    .mlbb-containter {
        width: 50%;
        height: 130px;
        display: flex;
        padding: 5px;
        align-items: flex-start;
        border-radius: var(--dl-layout-radius-radius8);
        flex-direction: row;
        justify-content: center;
    }

    .mlbb-hot-item1 {
        width: 100%;
        height: 100%;
        display: flex;
        padding: 12px;
        position: relative;
        box-shadow: 2px 2px 4px 0px #d4d4d4;
        transition: 0.3s;
        align-items: flex-start;
        border-color: rgba(255, 0, 0, 0.17);
        border-width: 1px;
        border-radius: 24px;
        flex-direction: row;
        justify-content: center;
    }

    .mlbb-hot-item1:hover {
        box-shadow: 1px 1px 4px 0px #d4d4d4;
        border-color: #ff0000;
        border-width: 2px;
        background-color: rgba(255, 0, 0, 0.09);
    }

    .mlbb-container37 {
        width: 100%;
        height: 100%;
        display: flex;
        padding: 4px;
        position: relative;
        align-self: flex-start;
        align-items: center;
        border-width: 0px;
        border-radius: var(--dl-layout-radius-radius8);
        flex-direction: row-reverse;
        justify-content: flex-start;
        background-color: transparent;
    }

    .mlbb-image14 {
        width: 75px;
        height: 75px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-radius4);
    }

    .mlbb-container38 {
        gap: 5px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .mlbb-container39 {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .mlbb-text161 {
        fill: #0D355D;
        color: #0D355D;
        font-size: 18px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 500;
    }

    .mlbb-container40 {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mlbb-text162 {
        fill: #DC143C;
        color: #DC143C;
        width: auto;
        font-size: 18px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
        padding-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-text163 {
        fill: Gray;
        color: Gray;
        width: auto;
        font-size: 14px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
        margin-right: var(--dl-layout-space-halfunit);
        text-decoration: line-through;
    }

    .mlbb-text164 {
        fill: #DC143C;
        color: #DC143C;
        width: auto;
        font-size: 14px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
        margin-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-container41 {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        align-items: center;
        justify-content: flex-start;
    }

    .mlbb-text165 {
        fill: var(--dl-color-theme-secondary2);
        color: rgb(86, 86, 86);
        width: auto;
        font-size: 14px;
        font-family: "Poppins";
        padding-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-radiobutton1 {
        width: 30px;
        height: 30px;
        display: none;
    }

    .mlbb-container42 {
        top: 0px;
        flex: 0 0 auto;
        right: 0px;
        width: auto;
        height: auto;
        display: flex;
        position: absolute;
        align-items: flex-start;
    }

    .mlbb-classcolor1 {
        background-color: rgb(255, 0, 0);
    }

    .mlbb-classcolor2 {
        background-color: #dabf3b;
    }

    .mlbb-classcolor3 {
        background-color: #0b2bd4;
    }

    .mlbb-text166 {
        fill: #ab0a0a;
        color: rgb(255, 255, 255);
        width: 100%;
        height: 100%;
        display: flex;
        font-size: 12px;
        align-self: center;
        font-style: normal;
        align-items: center;
        font-weight: 600;
        padding-top: 2px;
        border-radius: 24px;
        padding-right: 6px;
        padding-left: 6px;
        padding-bottom: 2px;
        justify-content: center;
    }

    .mlbb-container43 {
        top: 0px;
        right: 0px;
        width: 52px;
        height: 52px;
        display: none;
        position: absolute;
        align-items: center;
        border-radius: 6px;
        flex-direction: row;
        justify-content: flex-start;
        background-color: #E0E0E0;
        border-top-left-radius: 0;
        border-top-right-radius: 36px;
        border-bottom-left-radius: 200px;
        border-bottom-right-radius: 0;
    }

    .mlbb-icon16 {
        top: 0px;
        color: #31b9ec;
        right: 0px;
        width: 41px;
        height: 41px;
        display: flex;
        position: absolute;
        align-self: flex-start;
    }

    .mlbb-container44 {
        gap: var(--dl-layout-space-unit);
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-self: center;
        margin-top: var(--dl-layout-space-unit);
        align-items: flex-start;
        padding-left: 5px;
        justify-content: flex-start;
    }

    .mlbb-text167 {
        fill: #c5a700;
        color: rgb(222, 188, 0);
        width: auto;
        font-size: 18px;
        font-family: "Poppins";
    }

    .mlbb-container45 {
        width: 50%;
        height: 130px;
        display: flex;
        padding: 5px;
        align-items: flex-start;
        border-radius: var(--dl-layout-radius-radius8);
        flex-direction: row;
        justify-content: center;
    }

    .mlbb-recomment-item1 {
        width: 100%;
        height: 100%;
        display: flex;
        padding: 12px;
        position: relative;
        box-shadow: 2px 2px 4px 0px #d4d4d4;
        transition: 0.3s;
        align-items: flex-start;
        border-color: rgba(222, 188, 0, 0.17);
        border-width: 1px;
        border-radius: 24px;
        flex-direction: row;
        justify-content: center;
    }

    .mlbb-recomment-item1:hover {
        box-shadow: 1px 1px 4px 0px #d4d4d4;
        border-color: rgb(222, 188, 0);
        border-width: 2px;
        background-color: rgba(222, 188, 0, 0.1);
    }

    .mlbb-container46 {
        width: 100%;
        height: 100%;
        display: flex;
        padding: 4px;
        position: relative;
        align-self: flex-start;
        align-items: center;
        border-color: rgba(255, 255, 255, 0);
        border-width: 3px;
        border-radius: var(--dl-layout-radius-radius8);
        flex-direction: row-reverse;
        justify-content: flex-start;
        background-color: transparent;
    }

    .mlbb-image15 {
        width: 75px;
        height: 75px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-radius4);
    }

    .mlbb-container47 {
        gap: 5px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .mlbb-container48 {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .mlbb-text170 {
        fill: #0D355D;
        color: #0D355D;
        font-size: 18px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 500;
    }

    .mlbb-container49 {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mlbb-text171 {
        fill: #DC143C;
        color: #DC143C;
        width: auto;
        font-size: 18px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
        padding-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-text172 {
        fill: Gray;
        color: Gray;
        width: auto;
        font-size: 14px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
        margin-right: var(--dl-layout-space-halfunit);
        text-decoration: line-through;
    }

    .mlbb-text173 {
        fill: #DC143C;
        color: #DC143C;
        width: auto;
        font-size: 14px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
        margin-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-container50 {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .mlbb-text174 {
        fill: var(--dl-color-theme-secondary2);
        color: rgb(86, 86, 86);
        width: auto;
        font-size: 14px;
        font-family: "Poppins";
        padding-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-radiobutton2 {
        width: 30px;
        height: 30px;
        display: none;
    }

    .mlbb-container51 {
        top: 0px;
        flex: 0 0 auto;
        right: 0px;
        width: auto;
        height: auto;
        display: flex;
        position: absolute;
        align-items: flex-start;
    }

    .mlbb-container52 {
        top: 0px;
        right: 0px;
        width: 52px;
        height: 52px;
        display: none;
        position: absolute;
        align-items: center;
        border-radius: 6px;
        flex-direction: row;
        justify-content: flex-start;
        background-color: #E0E0E0;
        border-top-left-radius: 0;
        border-top-right-radius: 36px;
        border-bottom-left-radius: 200px;
        border-bottom-right-radius: 0;
    }

    .mlbb-icon18 {
        top: 0px;
        color: #31b9ec;
        right: 0px;
        width: 41px;
        height: 41px;
        display: flex;
        position: absolute;
        align-self: flex-start;
    }

    .mlbb-container53 {
        gap: var(--dl-layout-space-unit);
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-self: center;
        margin-top: var(--dl-layout-space-unit);
        align-items: flex-start;
        padding-left: 5px;
        justify-content: flex-start;
    }

    .mlbb-text176 {
        fill: #c5a700;
        color: rgb(25, 17, 146);
        width: auto;
        font-size: 18px;
        font-family: "Poppins";
    }

    .mlbb-container54 {
        width: 50%;
        height: 130px;
        display: flex;
        padding: 5px;
        align-items: flex-start;
        border-radius: var(--dl-layout-radius-radius8);
        flex-direction: row;
        justify-content: center;
    }

    .mlbb-all-item1 {
        width: 100%;
        height: 100%;
        display: flex;
        padding: 12px;
        position: relative;
        box-shadow: 2px 2px 4px 0px #d4d4d4;
        transition: 0.3s;
        align-items: flex-start;
        border-color: rgba(0, 41, 255, 0.17);
        border-width: 1px;
        border-radius: 24px;
        flex-direction: row;
        justify-content: center;
    }

    .mlbb-all-item1:hover {
        box-shadow: 1px 1px 4px 0px #d4d4d4;
        border-color: #0029ff;
        border-width: 2px;
        background-color: rgba(15, 162, 218, 0.25);
    }

    .mlbb-container55 {
        width: 100%;
        height: 100%;
        display: flex;
        padding: 4px;
        position: relative;
        align-self: flex-start;
        align-items: center;
        border-color: rgba(255, 255, 255, 0);
        border-width: 3px;
        border-radius: var(--dl-layout-radius-radius8);
        flex-direction: row-reverse;
        justify-content: flex-start;
        background-color: transparent;
    }

    .mlbb-image16 {
        width: 75px;
        height: 75px;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-radius4);
    }

    .mlbb-container56 {
        gap: 5px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .mlbb-container57 {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .mlbb-text179 {
        fill: #0D355D;
        color: #0D355D;
        font-size: 18px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 500;
    }

    .mlbb-container58 {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mlbb-text180 {
        fill: #DC143C;
        color: #DC143C;
        width: auto;
        font-size: 18px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
        padding-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-text181 {
        fill: Gray;
        color: Gray;
        width: auto;
        font-size: 14px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
        margin-right: var(--dl-layout-space-halfunit);
        text-decoration: line-through;
    }

    .mlbb-text182 {
        fill: #DC143C;
        color: #DC143C;
        width: auto;
        font-size: 14px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
        margin-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-container59 {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .mlbb-text183 {
        fill: var(--dl-color-theme-secondary2);
        color: rgb(86, 86, 86);
        width: auto;
        font-size: 14px;
        font-family: "Poppins";
        padding-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-radiobutton3 {
        width: 30px;
        height: 30px;
        display: none;
    }

    .mlbb-container60 {
        top: 0px;
        flex: 0 0 auto;
        right: 0px;
        width: auto;
        height: auto;
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: center;
    }

    .mlbb-container61 {
        top: 0px;
        right: 0px;
        width: 52px;
        height: 52px;
        display: none;
        position: absolute;
        align-items: center;
        border-radius: 6px;
        flex-direction: row;
        justify-content: flex-start;
        background-color: #E0E0E0;
        border-top-left-radius: 0;
        border-top-right-radius: 36px;
        border-bottom-left-radius: 200px;
        border-bottom-right-radius: 0;
    }

    .mlbb-icon20 {
        top: 0px;
        color: #31b9ec;
        right: 0px;
        width: 41px;
        height: 41px;
        display: flex;
        position: absolute;
        align-self: flex-start;
    }

    .mlbb-container62 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        padding: var(--dl-layout-space-unit);
        align-self: center;
        box-shadow: 0px 0px 20px 0px #d4d4d4;
        align-items: flex-start;
        border-radius: var(--dl-layout-radius-buttonradius);
        margin-bottom: var(--dl-layout-space-unit);
        flex-direction: column;
        justify-content: flex-start;
        background-image: linear-gradient(0deg, rgb(189, 195, 199) 0.00%, rgba(49, 185, 236, 0.27) 0.00%, rgba(49, 185, 236, 0.27) 6.00%, rgba(49, 185, 236, 0.27) 100.00%);
    }

    .mlbb-container63 {
        gap: var(--dl-layout-space-unit);
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-self: center;
        align-items: center;
        padding-left: 5px;
        border-radius: 0px;
        margin-bottom: var(--dl-layout-space-halfunit);
        justify-content: flex-start;
        border-top-left-radius: 15px;
        border-top-right-radius: var(--dl-layout-radius-radius8);
    }

    .mlbb-text185 {
        width: 30px;
        height: 30%;
        display: none;
        font-size: 24px;
        align-items: center;
        font-family: "Fira Sans";
        border-radius: var(--dl-layout-radius-round);
        background-size: cover;
        justify-content: center;
        background-color: transparent;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
        background-position: right;
        border-bottom-left-radius: var(--dl-layout-radius-round);
    }

    .mlbb-text186 {
        fill: #0D355D;
        color: #0D355D;
        width: auto;
        font-size: 24px;
        font-family: "Poppins";
    }

    .mlbb-container64 {
        gap: var(--dl-layout-space-unit);
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-self: center;
        align-items: flex-start;
        margin-bottom: var(--dl-layout-space-halfunit);
        justify-content: flex-start;
    }

    .mlbb-container65 {
        flex: 0 0 auto;
        width: 100%;
        display: flex;
        align-items: flex-start;
        padding-left: 6px;
        padding-right: 6px;
        flex-direction: column;
    }

    .mlbb-form-coupon {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        padding-top: var(--dl-layout-space-halfunit);
        padding-left: var(--dl-layout-space-unit);
        border-radius: var(--dl-layout-radius-buttonradius);
        margin-bottom: var(--dl-layout-space-halfunit);
        padding-right: var(--dl-layout-space-unit);
        flex-direction: column;
        padding-bottom: var(--dl-layout-space-halfunit);
        background-color: #ffffff;
    }

    .mlbb-container66 {
        flex: 0 0 auto;
        width: 100%;
        height: 35px;
        display: flex;
        align-items: center;
        border-color: #d4d4d4;
        border-style: solid;
        border-width: 0px;
        justify-content: space-between;
        border-bottom-width: 1px;
    }

    .mlbb-text187 {
        color: #000000;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
    }

    .mlbb-container67 {
        gap: var(--dl-layout-space-halfunit);
        display: flex;
        justify-content: center;
    }

    .mlbb-text188 {
        color: #000000;
        font-size: 16px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
    }

    .mlbb-text189 {
        fill: #debc00;
        color: #debc00;
        font-size: 16px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-container68 {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .mlbb-container69 {
        flex: 0 0 auto;
        width: 100%;
        height: 35px;
        display: flex;
        align-items: center;
        border-color: #d4d4d4;
        border-style: solid;
        border-width: 0px;
        justify-content: space-between;
        border-bottom-width: 1px;
    }

    .mlbb-text190 {
        color: #000000;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
    }

    .mlbb-container70 {
        gap: var(--dl-layout-space-halfunit);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mlbb-text193 {
        fill: #DC143C;
        color: #DC143C;
        font-size: 16px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-text194 {
        fill: gray;
        color: gray;
        font-size: 16px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
        text-decoration: line-through;
    }

    .mlbb-text195 {
        fill: #DC143C;
        color: #DC143C;
        font-size: 16px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
    }

    .mlbb-container71 {
        flex: 0 0 auto;
        width: 100%;
        height: 35px;
        display: flex;
        align-items: center;
        border-color: #d4d4d4;
        border-style: solid;
        border-width: 0px;
        justify-content: space-between;
        border-bottom-width: 1px;
    }

    .mlbb-text196 {
        color: #000000;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
    }

    .mlbb-text197 {
        color: #000000;
        font-size: 16px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
    }

    .mlbb-container72 {
        flex: 0 0 auto;
        width: 100%;
        height: 30px;
        display: flex;
        align-items: flex-end;
        border-style: solid;
        justify-content: space-between;
    }

    .mlbb-text200 {
        color: #000000;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
    }

    .mlbb-text201 {
        fill: #DC143C;
        color: #DC143C;
        font-size: 16px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-container73 {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .mlbb-form3 {
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
        flex-wrap: wrap;
        align-self: center;
        align-items: center;
        justify-content: space-between;
    }

    .mlbb-textinput3 {
        color: #940e0e;
        width: 70%;
        height: 50px;
        font-family: "Poppins";
        border-color: #31b9ec;
        border-width: 1px;
        margin-right: var(--dl-layout-space-unit);
        border-radius: var(--dl-layout-radius-buttonradius);
        background-color: #ffffff;
    }

    .mlbb-button2 {
        fill: #0D355D;
        color: #0D355D;
        display: flex;
        font-style: normal;
        margin-top: 0px;
        font-family: "Poppins";
        font-weight: 500;
        border-width: 0px;
        margin-right: var(--dl-layout-space-unit);
        border-radius: var(--dl-layout-radius-buttonradius);
        flex-direction: row;
        background-size: cover;
        background-color: transparent;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
        background-position: right;
    }

    .mlbb-text202 {
        font-style: normal;
        font-weight: 700;
    }

    .mlbb-accordion2 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .mlbb-trigger2 {
        cursor: pointer;
        padding-top: var(--dl-layout-space-halfunit);
        padding-left: var(--dl-layout-space-halfunit);
        padding-right: var(--dl-layout-space-halfunit);
        padding-bottom: var(--dl-layout-space-halfunit);
    }

    .mlbb-summary2 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .mlbb-text205 {
        fill: #0D355D;
        color: #0D355D;
    }

    .mlbb-icon-container2 {
        transition: transform 0.3s ease-in-out;
    }

    .mlbb-icon22 {
        color: #0D355D;
    }

    .mlbb-container74 {
        display: flex;
        padding-top: var(--dl-layout-space-halfunit);
        flex-direction: column;
        padding-bottom: var(--dl-layout-space-halfunit);
    }

    .mlbb-iframe {
        width: 100%;
        height: auto;
    }

    .mlbb-container75 {
        gap: var(--dl-layout-space-unit);
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-self: center;
        align-items: flex-start;
        margin-bottom: var(--dl-layout-space-halfunit);
        justify-content: flex-start;
    }

    .mlbb-text206 {
        fill: #c5a700;
        color: #debc00;
        width: auto;
        font-size: 18px;
        font-family: "Poppins";
    }

    .mlbb-botton-aba {
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
        align-self: flex-start;
        transition: 0.3s;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        border-color: rgba(255, 255, 255, 0.68);
        border-width: 2px;
        padding-left: var(--dl-layout-space-halfunit);
        border-radius: 20px;
        margin-bottom: var(--dl-layout-space-halfunit);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: row;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: flex-start;
        background-color: white;
    }

    .mlbb-botton-aba:hover {
        background-color: rgba(255, 255, 255, 0.55);
    }

    .mlbb-image17 {
        width: 59.99px;
        height: auto;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-radius8);
    }

    .mlbb-container76 {
        width: auto;
        height: 100%;
        display: flex;
        align-items: flex-start;
        padding-left: var(--dl-layout-space-halfunit);
        flex-direction: column;
        justify-content: center;
    }

    .mlbb-text209 {
        fill: gold;
        color: rgb(0, 0, 0);
        font-size: 18.35px;
        font-style: normal;
        font-weight: 400;
    }

    .mlbb-text210 {
        fill: gray;
        color: gray;
        font-size: 13.76px;
        font-style: normal;
        font-weight: 400;
    }

    .mlbb-botton-card {
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
        align-self: flex-start;
        transition: 0.3s;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        border-color: rgba(255, 255, 255, 0.68);
        border-width: 2px;
        padding-left: var(--dl-layout-space-halfunit);
        border-radius: 20px;
        margin-bottom: var(--dl-layout-space-halfunit);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: row;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: flex-start;
        background-color: white;
    }

    .mlbb-botton-card:hover {
        background-color: rgba(255, 255, 255, 0.55);
    }

    .mlbb-image18 {
        width: 59.99px;
        height: auto;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-radius8);
    }

    .mlbb-container77 {
        width: auto;
        height: 100%;
        display: flex;
        align-items: flex-start;
        padding-left: var(--dl-layout-space-halfunit);
        flex-direction: column;
        justify-content: center;
    }

    .mlbb-text211 {
        fill: gold;
        color: rgb(0, 0, 0);
        font-size: 18.35px;
        font-style: normal;
        font-weight: 400;
    }

    .mlbb-text212 {
        fill: gray;
        color: gray;
        font-size: 13.76px;
        font-style: normal;
        font-weight: 400;
    }

    .mlbb-container78 {
        width: 100%;
        height: auto;
        display: flex;
        padding: 0px;
        position: relative;
        align-self: flex-start;
        margin-top: var(--dl-layout-space-halfunit);
        align-items: center;
        border-width: 0px;
        border-radius: var(--dl-layout-radius-radius8);
        flex-direction: row;
        justify-content: flex-start;
        background-color: transparent;
    }

    .mlbb-text213 {
        fill: Gray;
        color: Gray;
        width: auto;
        height: auto;
        display: flex;
        font-size: 10px;
        font-style: normal;
        align-items: center;
        font-weight: 400;
        justify-content: flex-start;
    }

    .mlbb-text221 {
        fill: blue;
        color: blue;
        width: auto;
        height: auto;
        display: flex;
        font-size: 10px;
        font-style: normal;
        align-items: center;
        font-family: "Poppins";
        font-weight: 400;
        justify-content: flex-start;
        text-decoration: underline;
    }

    .mlbb-container79 {
        flex: 0 0 auto;
        left: 0px;
        right: 0px;
        width: 100%;
        bottom: 0px;
        height: auto;
        margin: auto;
        display: flex;
        z-index: 100;
        position: sticky;
        align-self: center;
        align-items: center;
        border-radius: var(--dl-layout-radius-inputradius);
        flex-direction: column;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.35);
        border-top-left-radius: var(--dl-layout-radius-inputradius);
        border-top-right-radius: var(--dl-layout-radius-inputradius);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .mlbb-container80 {
        flex: 0 0 auto;
        height: auto;
        display: flex;
        position: relative;
        align-self: stretch;
        align-items: center;
        padding-top: 4px;
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 4px;
        padding-left: var(--dl-layout-space-unit);
        border-radius: var(--dl-layout-radius-inputradius);
        padding-right: var(--dl-layout-space-unit);
        padding-bottom: 4px;
        justify-content: space-between;
        background-color: #31b9ec;
        border-bottom-width: 0px;
        border-top-left-radius: var(--dl-layout-radius-inputradius);
        border-top-right-radius: var(--dl-layout-radius-inputradius);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .mlbb-container81 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .mlbb-icon24 {
        fill: transparent;
        color: #ffffff;
    }

    .mlbb-text226 {
        fill: transparent;
        color: #ffffff;
        font-size: 16px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 400;
    }

    .mlbb-container82 {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .mlbb-image19 {
        width: 29px;
        height: 29px;
        object-fit: cover;
    }

    .mlbb-text227 {
        fill: transparent;
        color: #ffffff;
        font-family: "Poppins";
    }

    .mlbb-container83 {
        width: 100%;
        height: auto;
        display: flex;
        align-self: center;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: space-between;
    
        background-color: rgba(255, 255, 255, 0.3); /* semi-transparent */
        backdrop-filter: blur(10px); /* blur effect */
        -webkit-backdrop-filter: blur(10px); /* Safari support */
        border-radius: 12px; /* optional: rounded corners */
    }

    .mlbb-container84 {
        gap: 4px;
        flex: 0 0 auto;
        width: auto;
        display: flex;
        align-items: flex-start;
        padding-top: var(--dl-layout-space-halfunit);
        padding-left: var(--dl-layout-space-halfunit);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: column;
        padding-bottom: var(--dl-layout-space-halfunit);
    }

    .mlbb-container85 {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    .mlbb-text228 {
        fill: #0D355D;
        font-weight: 500;
        color: #0D355D;
        font-size: 18px;
        font-family: "Poppins";
    }

    .mlbb-text229 {
        color: #debc00;
        font-size: 18px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-container86 {
        display: flex;
        align-self: center;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    .mlbb-text230 {
        fill: #0D355D;
        color: #0D355D;
        font-size: 18px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 500;
        margin-right: 4px;
        text-decoration: ;
    }

    .mlbb-text233 {
        fill: #debc00;
        color: rgb(222, 188, 0);
        font-size: 18px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
        text-decoration: ;
    }

    .mlbb-container87 {
        flex: 0 0 auto;
        width: auto;
        display: flex;
        align-self: center;
        align-items: center;
        padding-left: var(--dl-layout-space-halfunit);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: row;
        justify-content: center;
    }

    .mlbb-container88 {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    .mlbb-button3 {
        width: auto;
        height: auto;
        display: flex;
        border-width: 0px;
        margin-right: var(--dl-layout-space-unit);
        border-radius: var(--dl-layout-radius-inputradius);
        flex-direction: row;
        background-size: cover;
        background-color: transparent;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
        background-position: right;
    }

    .mlbb-text236 {
        fill: #0D355D;
        color: #0D355D;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-icon26 {
        display: none;
        fill: #0D355D;
        color: #0D355D;
        width: 20px;
        height: 20px;
        margin-left: var(--dl-layout-space-halfunit);
    }

    .mlbb-container89 {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    .mlbb-button4 {
        fill: #0D355D;
        color: #0D355D;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
        border-width: 0px;
        border-radius: var(--dl-layout-radius-inputradius);
        background-size: cover;
        background-color: transparent;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
    }

    .mlbb-fragment43 {
        display: contents;
    }

    .mlbb-text237 {
        display: inline-block;
    }

    .mlbb-fragment44 {
        display: contents;
    }

    .mlbb-text238 {
        display: inline-block;
    }

    .mlbb-fragment45 {
        display: contents;
    }

    .mlbb-text239 {
        display: inline-block;
    }

    .mlbb-fragment46 {
        display: contents;
    }

    .mlbb-text240 {
        display: inline-block;
    }

    .mlbb-fragment47 {
        display: contents;
    }

    .mlbb-text241 {
        display: inline-block;
    }

    .mlbb-fragment48 {
        display: contents;
    }

    .mlbb-text242 {
        color: rgb(255, 255, 255);
        width: auto;
        display: inline-block;
        font-size: 18px;
        max-width: auto;
        align-self: flex-start;
        margin-bottom: var(--dl-layout-space-halfunit);
    }

    .mlbb-fragment49 {
        display: contents;
    }

    .mlbb-text243 {
        display: inline-block;
    }

    .mlbb-fragment50 {
        display: contents;
    }

    .mlbb-text244 {
        display: inline-block;
    }

    .mlbb-fragment51 {
        display: contents;
    }

    .mlbb-text245 {
        width: auto;
        display: inline-block;
        max-width: auto;
        align-self: flex-start;
        margin-bottom: var(--dl-layout-space-halfunit);
        text-decoration: underline;
    }

    .mlbb-popup {
        top: 0px;
        flex: 0 0 auto;
        left: 0px;
        right: 0px;
        width: 100%;
        bottom: 0px;
        height: 100%;
        margin: auto;
        display: none;
        z-index: 10000;
        position: fixed;
        align-items: center;
        backdrop-filter: blur(10px);
        justify-content: center;
        -webkit-backdrop-filter: blur(10px);
    }

    .mlbb-container90 {
        flex: 0 0 auto;
        width: 391.73px;
        height: auto;
        display: flex;
        align-items: center;
        border-radius: var(--dl-layout-radius-buttonradius);
        flex-direction: column;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.46);
    }

    .mlbb-container91 {
        flex: 0 0 auto;
        width: 100%;
        height: 59px;
        display: flex;
        align-self: center;
        align-items: center;
        border-radius: var(--dl-layout-radius-buttonradius);
        background-size: cover;
        justify-content: center;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
        background-position: center;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .mlbb-text246 {
        color: #0D355D;
        font-size: 24px;
        font-family: "Noto Sans Khmer";
    }

    .mlbb-container92 {
        width: 100%;
        height: 100%;
        display: flex;
        align-self: center;
        align-items: flex-start;
        flex-direction: column;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: flex-start;
        border-bottom-left-radius: var(--dl-layout-radius-radius8);
        border-bottom-right-radius: var(--dl-layout-radius-radius8);
    }

    .mlbb-container93 {
        flex: 0 0 auto;
        width: 100%;
        height: 80px;
        display: flex;
        align-items: flex-start;
        border-color: #0D355D;
        border-style: dashed;
        border-width: 0px;
        flex-direction: row;
        border-bottom-width: 1px;
    }

    .mlbb-container94 {
        flex: 0 0 auto;
        width: auto;
        height: 100%;
        display: flex;
        padding: var(--dl-layout-space-halfunit);
        align-items: flex-start;
        flex-direction: column;
    }

    .mlbb-image20 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: var(--dl-layout-radius-radius8);
    }

    .mlbb-container95 {
        flex: 0 0 auto;
        width: 80%;
        height: 100%;
        display: flex;
        align-items: flex-start;
        padding-top: 10px;
        padding-left: var(--dl-layout-space-halfunit);
        flex-direction: column;
        padding-bottom: 10px;
        justify-content: space-between;
    }

    .mlbb-text247 {
        fill: gold;
        color: gold;
        font-size: 24px;
        font-family: "Poppins";
    }

    .mlbb-container96 {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
    }

    .mlbb-icon28 {
        fill: red;
        color: red;
        width: 20px;
        height: 20px;
    }

    .mlbb-text248 {
        fill: #0D355D;
        color: #0D355D;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 700;
        margin-right: var(--dl-layout-space-halfunit);
    }

    .mlbb-text249 {
        fill: #0D355D;
        color: #0D355D;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 500;
        border-color: var(--dl-color-theme-neutral-dark);
        border-width: 0px;
        margin-right: var(--dl-layout-space-halfunit);
        padding-left: var(--dl-layout-space-halfunit);
        border-left-width: 1px;
    }

    .mlbb-container97 {
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        padding-top: var(--dl-layout-space-unit);
        padding-left: var(--dl-layout-space-unit);
        padding-right: var(--dl-layout-space-unit);
        flex-direction: column;
        padding-bottom: var(--dl-layout-space-unit);
        justify-content: flex-start;
    }

    .mlbb-container98 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .mlbb-text252 {
        fill: #0D355D;
        color: #0D355D;
        font-family: "Poppins";
        margin-right: var(--dl-layout-space-unit);
    }

    .mlbb-text253 {
        fill: #0D355D;
        color: #0D355D;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-container99 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .mlbb-text254 {
        fill: #0D355D;
        color: #0D355D;
        font-family: "Poppins";
        margin-right: var(--dl-layout-space-unit);
    }

    .mlbb-text255 {
        fill: #0D355D;
        color: #0D355D;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-container100 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .mlbb-text256 {
        fill: #0D355D;
        color: #0D355D;
        font-family: "Poppins";
        margin-right: var(--dl-layout-space-unit);
    }

    .mlbb-text257 {
        fill: #0D355D;
        color: #0D355D;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-container101 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .mlbb-text258 {
        fill: #0D355D;
        color: #0D355D;
        font-family: "Poppins";
        margin-right: var(--dl-layout-space-unit);
    }

    .mlbb-text259 {
        fill: #0D355D;
        color: #0D355D;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-container102 {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .mlbb-text260 {
        fill: #0D355D;
        color: #0D355D;
        font-family: "Poppins";
        margin-right: var(--dl-layout-space-unit);
    }

    .mlbb-text261 {
        fill: #0D355D;
        color: #0D355D;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 600;
    }

    .mlbb-container103 {
        flex: 0 0 auto;
        width: 100%;
        display: flex;
        align-items: center;
        padding-top: var(--dl-layout-space-halfunit);
        border-color: rgba(13, 53, 93, 0.16);
        border-width: 1px;
        padding-bottom: var(--dl-layout-space-halfunit);
        justify-content: space-between;
        border-left-width: 0px;
        border-right-width: 0px;
    }

    .mlbb-container104 {
        flex: 0 0 auto;
        width: 50%;
        height: auto;
        display: flex;
        align-items: center;
        padding-left: var(--dl-layout-space-unit);
        padding-right: var(--dl-layout-space-halfunit);
        flex-direction: column;
        justify-content: center;
    }

    .mlbb-button5 {
        color: rgb(0, 0, 0);
        width: 100%;
        font-size: 18px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 500;
        border-color: #0D355D;
        border-radius: var(--dl-layout-radius-buttonradius);
        background-color: rgb(255, 255, 255);
    }

    .mlbb-container105 {
        flex: 0 0 auto;
        width: 50%;
        height: auto;
        display: flex;
        align-items: center;
        padding-left: var(--dl-layout-space-halfunit);
        padding-right: var(--dl-layout-space-unit);
        flex-direction: column;
        justify-content: center;
    }

    .mlbb-button6 {
        fill: #0D355D;
        color: #0D355D;
        width: 100%;
        font-size: 18px;
        font-style: normal;
        font-family: "Poppins";
        font-weight: 500;
        border-width: 0px;
        border-radius: var(--dl-layout-radius-buttonradius);
        background-size: cover;
        background-color: transparent;
        background-image: url('https://img.freepik.com/premium-vector/thai-pattern-supreme-blue-background_58796-63.jpg?ga=GA1.1.612978575.1732562173&semt=ais_hybrid');
        background-position: center;
    }

    .mlbb-text262 {
        fill: #0D355D;
        color: #0D355D;
        text-align: center;
        padding-top: var(--dl-layout-space-halfunit);
        padding-left: var(--dl-layout-space-halfunit);
        padding-right: var(--dl-layout-space-halfunit);
        padding-bottom: var(--dl-layout-space-halfunit);
    }

    @media(max-width: 991px) {
        .mlbb-container11 {
            margin-top: 71px;
        }

        .mlbb-container12 {
            width: 35%;
            padding-left: var(--dl-layout-space-halfunit);
        }

        .mlbb-image10 {
            border-radius: var(--dl-layout-radius-buttonradius);
        }

        .mlbb-image11 {
            width: 95px;
            height: auto;
        }

        .mlbb-container16 {
            width: auto;
            flex-direction: column;
        }

        .mlbb-text143 {
            font-size: 16px;
        }

        .mlbb-container17 {
            align-items: flex-start;
            flex-direction: column;
            justify-content: flex-start;
            margin: 8px;
            gap: 8px;
        }

        .mlbb-container18 {
            gap: 0;
            margin-right: var(--dl-layout-space-halfunit);
            padding-left: 4px;
            margin-bottom: var(--dl-layout-space-halfunit);
            padding-right: 4px;
            background-color: #31b9ec;
            align-self: flex-start;
        }

        .mlbb-icon10 {
            color: #ffffff;
            margin-right: 4px;
        }

        .mlbb-text144 {
            color: #ffffff;
            font-size: 11px;
        }

        .mlbb-container19 {
            gap: 0;
            position: flex start;
            align-self: flex-start;
            padding-left: 4px;
            padding-right: 4px;
            background-color: #31b9ec;
        }

        .mlbb-icon12 {
            color: #ffffff;
            margin-right: 4px;
        }

        .mlbb-text145 {
            color: #ffffff;
            font-size: 11px;
        }

        .mlbb-container21 {
            gap: 0;
        }

        .mlbb-image12 {
            margin-right: 4px;
        }

        .mlbb-heading1 {
            font-size: 11px;
        }

        .mlbb-container22 {
            gap: 0;
        }

        .mlbb-heading2 {
            font-size: 11px;
        }

        .mlbb-text146 {
            font-size: 12px;
        }

        .mlbb-container26 {
            width: 100%;
            padding: var(--dl-layout-space-halfunit);
        }

        .mlbb-container27 {
            gap: 0;
        }

        .mlbb-container28 {
            align-items: center;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .mlbb-text148 {
            color: #000000;
        }

        .mlbb-textinput1 {
            width: 60%;
        }

        .mlbb-textinput1:focus,
        .mlbb-textinput2:focus {
            outline: none;
            border: 2px solid #31b9ec;
            box-shadow: 0 0 3px rgba(49, 185, 236, 0.6);
            /* softer + transparent */
        }

        .mlbb-container35 {
            align-items: center;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .mlbb-text157 {
            color: #000000;
        }

        .mlbb-form2 {
            align-items: center;
            justify-content: flex-start;
        }

        .mlbb-containter {
            padding: 3px;
        }

        .mlbb-container37 {
            width: 100%;
            height: 100%;
            border-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-image14 {
            width: 55px;
            height: 55px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .mlbb-text161 {
            font-size: 18px;
        }

        .mlbb-text162 {
            font-size: 14px;
        }

        .mlbb-text163 {
            font-size: 12px;
        }

        .mlbb-text164 {
            font-size: 12px;
        }

        .mlbb-text165 {
            font-size: 11px;
        }

        .mlbb-container42 {
            top: 0px;
            right: 0px;
            position: absolute;
        }

        .mlbb-classcolor1 {
            background-color: rgb(255, 0, 0);
        }

        .mlbb-classcolor2 {
            background-color: #dabf3b;
        }

        .mlbb-classcolor3 {
            background-color: #0b2bd4;
        }

        .mlbb-text166 {
            width: auto;
            padding-right: 6px;
            padding-left: 6px;
            font-size: 11px;
            align-items: center;
            justify-content: center;
        }

        .mlbb-icon16 {
            width: 23px;
            height: 23px;
        }

        .mlbb-container45 {
            padding: 3px;
        }

        .mlbb-container46 {
            width: 100%;
            height: 100%;
            border-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-image15 {
            width: 55px;
            height: 55px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .mlbb-text170 {
            font-size: 18px;
        }

        .mlbb-text171 {
            font-size: 14px;
        }

        .mlbb-text172 {
            font-size: 12px;
        }

        .mlbb-text173 {
            font-size: 12px;
        }

        .mlbb-text174 {
            font-size: 11px;
        }

        .mlbb-container51 {
            top: 0px;
            right: 0px;
            position: absolute;
        }

        .mlbb-icon18 {
            width: 23px;
            height: 23px;
        }

        .mlbb-container54 {
            padding: 3px;
        }

        .mlbb-container55 {
            width: 100%;
            height: 100%;
            border-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-image16 {
            width: 55px;
            height: 55px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .mlbb-text179 {
            font-size: 18px;
        }

        .mlbb-text180 {
            font-size: 14px;
        }

        .mlbb-text181 {
            font-size: 12px;
        }

        .mlbb-text182 {
            font-size: 12px;
        }

        .mlbb-text183 {
            font-size: 11px;
        }

        .mlbb-container60 {
            top: 0px;
            right: 0px;
            position: absolute;
        }

        .mlbb-icon20 {
            width: 23px;
            height: 23px;
        }

        .mlbb-text186 {
            fill: #0D355D;
            color: #0D355D;
        }

        .mlbb-container66 {
            height: 35px;
            align-items: center;
            justify-content: space-between;
        }

        .mlbb-text187 {
            color: #000000;
        }

        .mlbb-container69 {
            height: 35px;
            align-items: center;
            justify-content: space-between;
        }

        .mlbb-text190 {
            color: #000000;
        }

        .mlbb-container71 {
            height: 35px;
            align-items: center;
            justify-content: space-between;
        }

        .mlbb-text196 {
            color: #000000;
        }

        .mlbb-text200 {
            color: #000000;
        }

        .mlbb-textinput3 {
            width: 60%;
        }

        .mlbb-botton-aba {
            width: 100%;
        }

        .mlbb-image17 {
            border-radius: var(--dl-layout-radius-radius8);
            border-top-left-radius: var(--dl-layout-radius-radius8);
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
            border-bottom-right-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-botton-card {
            width: 100%;
        }

        .mlbb-image18 {
            border-radius: var(--dl-layout-radius-radius8);
            border-top-left-radius: var(--dl-layout-radius-radius8);
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
            border-bottom-right-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-container78 {
            width: 100%;
        }

        .mlbb-checkbox {
            width: 20px;
            height: 20px;
        }

        .mlbb-text213 {
            font-size: 11px;
        }

        .mlbb-text221 {
            font-size: 11px;
        }

        .mlbb-text242 {
            font-size: 14px;
            max-width: 850px;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .mlbb-text245 {
            font-size: 14px;
            max-width: 850px;
            margin-bottom: var(--dl-layout-space-halfunit);
        }
    }

    @media(max-width: 767px) {
        .mlbb-container10 {
            align-items: center;
            justify-content: flex-start;
        }

        .mlbb-container11 {
            width: 100%;
            height: auto;
            max-width: auto;
            align-self: center;
            margin-top: 60px;
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }

        .mlbb-container12 {
            width: 100%;
            align-self: center;
            align-items: center;
            padding-top: 16px;
            padding-left: 16px;
            padding-right: 16px;
            justify-content: center;
        }

        .mlbb-image10 {
            border-radius: var(--dl-layout-radius-buttonradius);
        }

        .mlbb-container14 {
            padding-left: var(--dl-layout-space-halfunit);
            border-radius: var(--dl-layout-radius-inputradius);
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: var(--dl-layout-space-halfunit);
            border-top-left-radius: var(--dl-layout-radius-inputradius);
            border-bottom-right-radius: var(--dl-layout-radius-inputradius);
        }

        .mlbb-container15 {
            width: 90px;
            height: 90px;
        }

        .mlbb-image11 {
            width: 100%;
            height: 100%;
            border-color: rgba(255, 255, 255, 0.25);
            border-width: 2px;
        }

        .mlbb-text143 {
            color: #000000;
            font-size: 18px;
        }

        .mlbb-container17 {
            flex-direction: column;
            justify-content: flex-start;
        }

        .mlbb-container18 {
            margin-top: 0px;
            align-self: flex-start;
            padding-left: 4px;
            padding-right: 4px;
            border-radius: var(--dl-layout-radius-inputradius);
            margin-bottom: 0px;
            border-top-left-radius: var(--dl-layout-radius-inputradius);
            border-bottom-right-radius: var(--dl-layout-radius-inputradius);
        }

        .mlbb-icon10 {
            color: #ffffff;
        }

        .mlbb-text144 {
            color: #ffffff;
        }

        .mlbb-container19 {
            position: flex start;
            padding-left: 4px;
            border-radius: var(--dl-layout-radius-inputradius);
            padding-right: 4px;
            border-top-left-radius: var(--dl-layout-radius-inputradius);
            border-bottom-right-radius: var(--dl-layout-radius-inputradius);
        }

        .mlbb-icon12 {
            color: #ffffff;
        }

        .mlbb-text145 {
            color: #ffffff;
        }

        .mlbb-heading1 {
            color: #000000;
        }

        .mlbb-heading2 {
            color: #000000;
        }

        .mlbb-container23 {
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: var(--dl-layout-space-halfunit);
        }

        .mlbb-text146 {
            color: #000000;
        }

        .mlbb-container25 {
            width: 100%;
            position: relative;
        }

        .mlbb-container26 {
            width: 100%;
            height: auto;
            align-self: center;
            align-items: center;
            justify-content: center;
        }

        .mlbb-container27 {
            padding: var(--dl-layout-space-unit);
            align-self: center;
            align-items: center;
            justify-content: center;
        }

        .mlbb-container28 {
            padding-top: 2px;
            padding-bottom: 2px;
            border-top-left-radius: 16px;
        }

        .mlbb-text147 {
            color: #ffffff;
            width: 30px;
            height: 30%;
            border-width: 0px;
            background-color: transparent;
        }

        .mlbb-text148 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            font-style: normal;
            font-weight: 500;
        }

        .mlbb-form1 {
            padding: var(--dl-layout-space-halfunit);
            flex-wrap: wrap;
            align-items: center;
            border-color: rgba(0, 0, 0, 0.11);
            border-width: 0px;
            border-radius: var(--dl-layout-radius-radius8);
            margin-bottom: var(--dl-layout-space-halfunit);
            justify-content: flex-start;
        }

        .mlbb-textinput1 {
            color: black;
            width: 100%;
            height: 45px;
            border-color: #31b9ec;
            border-width: 0.5px;
            margin-right: 0px;
            border-radius: var(--dl-layout-radius-buttonradius);
            margin-bottom: var(--dl-layout-space-halfunit);
            background-color: #ffffff;
        }

        .mlbb-textinput1:focus,
        .mlbb-textinput2:focus {
            outline: none;
            border: 2px solid #31b9ec;
            box-shadow: 0 0 3px rgba(49, 185, 236, 0.6);
            /* softer + transparent */
        }

        .mlbb-textinput2 {
            color: black;
            width: 100%;
            height: 45px;
            border-color: #31b9ec;
            border-width: 0.5px;
            border-radius: var(--dl-layout-radius-buttonradius);
            margin-bottom: var(--dl-layout-space-halfunit);
            background-color: #ffffff;
        }

        .mlbb-button1 {
            fill: #0D355D;
            color: #0D355D;
            margin-top: 0px;
            padding-top: var(--dl-layout-space-halfunit);
            border-color: rgba(255, 255, 255, 0.68);
            border-width: 0px;
            border-radius: var(--dl-layout-radius-buttonradius);
            margin-bottom: 0px;
            padding-bottom: var(--dl-layout-space-halfunit);
            background-color: #ab0a0a;
        }

        .mlbb-text150 {
            fill: #02ff16;
            color: #ffffff;
            margin-top: 0px;
        }

        .mlbb-text151 {
            font-size: 12px;
        }

        .mlbb-icon14 {
            width: var(--dl-layout-size-xsmall);
            height: var(--dl-layout-size-xsmall);
        }

        .mlbb-text155 {
            font-size: 12px;
        }

        .mlbb-container34 {
            padding: var(--dl-layout-space-halfunit);
            align-items: center;
            justify-content: center;
        }

        .mlbb-container35 {
            align-items: center;
            padding-top: 2px;
            padding-bottom: 2px;
            justify-content: flex-start;
        }

        .mlbb-text156 {
            color: #ffffff;
            width: 30px;
            height: 30%;
            border-width: 0px;
            background-color: transparent;
        }

        .mlbb-text157 {
            color: #000000;
            font-style: normal;
            font-weight: 500;
        }

        .mlbb-container36 {
            align-items: center;
            padding-top: 2px;
            padding-left: 6px;
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: 2px;
            justify-content: flex-start;
        }

        .mlbb-text158 {
            font-style: normal;
            font-weight: 500;
        }

        .mlbb-form2 {
            align-items: center;
            margin-left: 0px;
            margin-right: 0px;
            padding-left: 4px;
            padding-right: 4px;
            justify-content: flex-start;
        }

        .mlbb-containter {
            width: 50%;
            align-items: center;
            justify-content: center;
        }

        .mlbb-container37 {
            width: 100%;
            border-width: 1px;
            flex-direction: row-reverse;
            background-color: #ffffff;
        }

        .mlbb-image14 {
            width: 60px;
            height: 60px;
        }

        .mlbb-text162 {
            margin-right: 4px;
            padding-right: 0px;
        }

        .mlbb-text163 {
            margin-right: 4px;
            padding-right: 0px;
        }

        .mlbb-text164 {
            margin-right: 4px;
            padding-right: 0px;
        }

        .mlbb-classcolor1 {
            background-color: rgb(255, 0, 0);
        }

        .mlbb-classcolor2 {
            background-color: #dabf3b;
        }

        .mlbb-classcolor3 {
            background-color: #0b2bd4;
        }

        .mlbb-text166 {
            color: #ffffff;
            font-size: 11px;
            padding-right: 6px;
            padding-left: 6px;
            align-items: center;
            justify-content: center;
        }

        .mlbb-container43 {
            top: 0px;
            right: 0px;
            width: 23px;
            height: 20px;
            position: absolute;
            align-items: flex-start;
            border-radius: 150px;
            justify-content: flex-end;
            background-color: #ffffff;
            border-top-left-radius: 0;
            border-top-right-radius: 52px;
            border-bottom-right-radius: 0;
        }

        .mlbb-icon16 {
            width: 16px;
            height: 16px;
            display: block;
            position: static;
        }

        .mlbb-container44 {
            align-self: center;
            padding-top: 2px;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: 2px;
            justify-content: flex-start;
        }

        .mlbb-text167 {
            font-style: normal;
            font-weight: 500;
        }

        .mlbb-container45 {
            width: 50%;
            align-items: center;
            justify-content: center;
        }

        .mlbb-container46 {
            width: 100%;
            border-width: 1px;
            background-color: #ffffff;
        }

        .mlbb-image15 {
            width: 60px;
            height: 60px;
        }

        .mlbb-text171 {
            margin-right: 4px;
            padding-right: 0px;
        }

        .mlbb-text172 {
            margin-right: 4px;
            padding-right: 0px;
        }

        .mlbb-text173 {
            margin-right: 4px;
            padding-right: 0px;
        }

        .mlbb-container52 {
            top: 0px;
            right: 0px;
            width: 23px;
            height: 20px;
            position: absolute;
            align-items: flex-start;
            border-radius: 150px;
            justify-content: flex-end;
            background-color: #ffffff;
            border-top-left-radius: 0;
            border-top-right-radius: 52px;
            border-bottom-right-radius: 0;
        }

        .mlbb-icon18 {
            width: 16px;
            height: 16px;
            display: block;
            position: static;
        }

        .mlbb-container53 {
            align-self: center;
            padding-top: 2px;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: 2px;
            justify-content: flex-start;
        }

        .mlbb-text176 {
            font-style: normal;
            font-weight: 500;
        }

        .mlbb-container54 {
            width: 50%;
            align-items: center;
            justify-content: center;
        }

        .mlbb-container55 {
            width: 100%;
            border-width: 1px;
            background-color: #ffffff;
        }

        .mlbb-image16 {
            width: 60px;
            height: 60px;
        }

        .mlbb-text180 {
            margin-right: 4px;
            padding-right: 0px;
        }

        .mlbb-text181 {
            margin-right: 4px;
            padding-right: 0px;
        }

        .mlbb-text182 {
            margin-right: 4px;
            padding-right: 0px;
        }

        .mlbb-container61 {
            top: 0px;
            right: 0px;
            width: 23px;
            height: 20px;
            position: absolute;
            align-items: flex-start;
            border-radius: 150px;
            justify-content: flex-end;
            background-color: #ffffff;
            border-top-left-radius: 0;
            border-top-right-radius: 52px;
            border-bottom-right-radius: 0;
        }

        .mlbb-icon20 {
            width: 16px;
            height: 16px;
            display: block;
            position: static;
        }

        .mlbb-container62 {
            align-self: center;
            align-items: center;
            padding-top: 2px;
            padding-bottom: 2px;
            justify-content: center;
            border-top-left-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-container63 {
            align-self: center;
            align-items: center;
            padding-top: 2px;
            padding-bottom: 2px;
            justify-content: flex-start;
        }

        .mlbb-text185 {
            border-width: 0px;
            background-color: transparent;
        }

        .mlbb-text186 {
            fill: #0D355D;
            color: #0D355D;
            font-style: normal;
            font-weight: 500;
        }

        .mlbb-container64 {
            align-self: center;
            align-items: center;
            padding-top: 2px;
            padding-bottom: 2px;
            justify-content: center;
        }

        .mlbb-container66 {
            height: 35px;
            align-items: center;
            justify-content: space-between;
        }

        .mlbb-text187 {
            color: #000000;
        }

        .mlbb-container69 {
            height: 35px;
            align-items: center;
            justify-content: space-between;
        }

        .mlbb-text190 {
            color: #000000;
        }

        .mlbb-container71 {
            height: 35px;
            align-items: center;
            justify-content: space-between;
        }

        .mlbb-text196 {
            color: #000000;
        }

        .mlbb-text200 {
            color: #000000;
        }

        .mlbb-form3 {
            padding: var(--dl-layout-space-halfunit);
            flex-wrap: wrap;
            align-items: center;
            border-color: rgba(0, 0, 0, 0.11);
            border-width: 0px;
            border-radius: var(--dl-layout-radius-radius8);
            margin-bottom: var(--dl-layout-space-halfunit);
            justify-content: space-between;
        }

        .mlbb-textinput3 {
            color: #ffffff;
            height: 45px;
            border-width: 0.5px;
            margin-right: 0px;
            background-color: #ffffff;
        }

        .mlbb-button2 {
            fill: #0D355D;
            color: #0D355D;
            margin-top: 0px;
            padding-top: var(--dl-layout-space-halfunit);
            border-color: rgba(255, 255, 255, 0.68);
            border-width: 0px;
            border-radius: var(--dl-layout-radius-radius8);
            margin-bottom: 0px;
            padding-bottom: var(--dl-layout-space-halfunit);
            background-color: #ab0a0a;
            border-top-left-radius: var(--dl-layout-radius-radius8);
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
            border-bottom-right-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-container75 {
            padding-top: 2px;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: 2px;
        }

        .mlbb-text206 {
            font-style: normal;
            font-weight: 500;
        }

        .mlbb-botton-aba {
            width: 100%;
            border-width: 1px;
        }

        .mlbb-text209 {
            font-size: 16px;
        }

        .mlbb-text210 {
            color: gray;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
        }

        .mlbb-botton-card {
            width: 100%;
            border-width: 1px;
        }

        .mlbb-text211 {
            font-size: 16px;
        }

        .mlbb-text212 {
            color: gray;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
        }

        .mlbb-container78 {
            width: 100%;
            border-width: 0px;
        }

        .mlbb-text213 {
            width: auto;
        }

        .mlbb-text221 {
            color: #000cff;
            width: auto;
        }

        .mlbb-container79 {
            left: 0px;
            width: 100%;
            bottom: 0px;
            height: auto;
            z-index: 1000;
            position: sticky;
            align-self: center;
        }

        .mlbb-image19 {
            width: 24px;
            height: 24px;
        }

        .mlbb-text227 {
            font-size: 10px;
        }

        .mlbb-container83 {
            height: 99px;
            background-color: #ffffff;
        }

        .mlbb-text228 {
            fill: #0D355D;
            color: #0D355D;
        }

        .mlbb-text230 {
            fill: #0D355D;
            color: #0D355D;
        }

        .mlbb-button3 {
            padding-top: var(--dl-layout-space-unit);
            padding-bottom: var(--dl-layout-space-unit);
        }

        .mlbb-button4 {
            padding-top: var(--dl-layout-space-unit);
            padding-bottom: var(--dl-layout-space-unit);
        }

        .mlbb-text242 {
            max-width: 500px;
            font-family: Poppins;
        }

        .mlbb-text245 {
            max-width: 500px;
        }

        .mlbb-container90 {
            width: 70%;
            max-width: 450px;
        }
    }

    @media(max-width: 479px) {
        .mlbb-container10 {
            background-color: #ffffff;
        }

        .mlbb-container12 {
            padding: var(--dl-layout-space-unit);
            margin-top: 0px;
            align-items: center;
            margin-left: var(--dl-layout-space-unit);
            margin-right: var(--dl-layout-space-unit);
            border-radius: var(--dl-layout-radius-radius8);
            margin-bottom: var(--dl-layout-space-unit);
            justify-content: flex-start;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .mlbb-image10 {
            border-radius: var(--dl-layout-radius-buttonradius);
        }

        .mlbb-container14 {
            padding-top: var(--dl-layout-space-halfunit);
            padding-left: 0px;
            margin-bottom: var(--dl-layout-space-halfunit);
            padding-right: 0px;
            padding-bottom: 0px;
        }

        .mlbb-container15 {
            width: 90px;
            border-color: var(--dl-color-theme-neutral-dark);
            border-width: 1px;
            border-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-image11 {
            width: 100%;
            border-width: 0px;
            border-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-container16 {
            gap: 0;
            width: auto;
            height: auto;
            justify-content: space-between;
        }

        .mlbb-text143 {
            fill: var(--dl-color-theme-primary1);
            color: #000000;
            font-size: 18px;
        }

        .mlbb-container18 {
            border-radius: var(--dl-layout-radius-inputradius);
            align-self: flex-start;
            padding-left: 4px;
            padding-right: 4px;
        }

        .mlbb-icon10 {
            fill: var(--dl-color-theme-secondary1);
            color: var(--dl-color-theme-secondary1);
        }

        .mlbb-text144 {
            fill: var(--dl-color-theme-secondary1);
            color: var(--dl-color-theme-secondary1);
        }

        .mlbb-container19 {
            border-radius: var(--dl-layout-radius-inputradius);
            position: flex start;
            padding-left: 4px;
            padding-right: 4px;
        }

        .mlbb-icon12 {
            fill: var(--dl-color-theme-secondary1);
            color: var(--dl-color-theme-secondary1);
        }

        .mlbb-text145 {
            fill: var(--dl-color-theme-secondary1);
            color: var(--dl-color-theme-secondary1);
        }

        .mlbb-heading1 {
            color: #000000;
        }

        .mlbb-heading2 {
            color: #000000;
        }

        .mlbb-container23 {
            height: auto;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .mlbb-container24 {
            width: 100%;
            height: auto;
        }

        .mlbb-text146 {
            color: #000000;
            font-size: 10px;
        }

        .mlbb-container26 {
            align-self: center;
            align-items: center;
            padding-top: 0px;
            padding-left: 5px;
            padding-right: 5px;
            justify-content: flex-start;
        }

        .mlbb-container27 {
            align-items: center;
            padding-top: var(--dl-layout-space-unit);
            margin-bottom: var(--dl-layout-space-unit);
            padding-bottom: var(--dl-layout-space-unit);
            justify-content: flex-start;
        }

        .mlbb-container28 {
            margin-top: 0px;
            align-items: center;
            padding-top: 0px;
            padding-left: 0px;
            margin-bottom: 5px;
            padding-bottom: 0px;
            justify-content: flex-start;
        }

        .mlbb-text147 {
            color: #ffffff;
            width: 30px;
            height: 30px;
            display: none;
            padding: var(--dl-layout-space-halfunit);
            align-items: center;
            justify-content: center;
            background-color: #31b9ec;
            border-bottom-left-radius: var(--dl-layout-radius-round);
        }

        .mlbb-text148 {
            fill: rgb(13, 53, 93);
            color: rgb(13, 53, 93);
            font-size: 18px;
        }

        .mlbb-form1 {
            padding-top: 0px;
            border-width: 0px;
            padding-left: 0px;
            margin-bottom: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            background-color: transparent;
        }

        .mlbb-textinput1 {
            fill: 0;
            color: 0;
            border-radius: var(--dl-layout-radius-buttonradius);
            background-color: #ffffff;
        }

        .mlbb-textinput1:focus,
        .mlbb-textinput2:focus {
            outline: none;
            border: 2px solid #31b9ec;
            box-shadow: 0 0 3px rgba(49, 185, 236, 0.6);
            /* softer + transparent */
        }

        .mlbb-textinput2 {
            fill: 0;
            color: 0;
            border-radius: var(--dl-layout-radius-buttonradius);
            background-color: #ffffff;
        }

        .mlbb-button1 {
            fill: #0D355D;
            color: #0D355D;
            border-radius: var(--dl-layout-radius-buttonradius);
            background-color: #31b9ec;
        }

        .mlbb-text150 {
            fill: #0D355D;
            color: #0D355D;
        }

        .mlbb-container29 {
            margin-top: 5px;
        }

        .mlbb-summary1 {
            width: auto;
            margin-bottom: var(--dl-layout-space-halfunit);
        }

        .mlbb-container30 {
            align-items: center;
            justify-content: flex-start;
        }

        .mlbb-text151 {
            color: rgb(13, 53, 93);
            font-size: 12px;
            align-self: center;
            font-style: normal;
            font-family: Exo 2;
            font-weight: 500;
        }

        .mlbb-icon14 {
            width: 20px;
            height: 20px;
        }

        .mlbb-text155 {
            font-size: 11px;
            padding-bottom: 10px;
        }

        .mlbb-container34 {
            align-items: center;
            padding-top: var(--dl-layout-space-unit);
            padding-left: 3px;
            padding-right: 3px;
            padding-bottom: var(--dl-layout-space-unit);
            justify-content: flex-start;
        }

        .mlbb-container35 {
            align-items: center;
            margin-left: 7px;
            padding-top: 0px;
            margin-bottom: 5px;
            padding-bottom: 0px;
            justify-content: flex-start;
        }

        .mlbb-text156 {
            color: #ffffff;
            width: 30px;
            height: 30px;
            display: none;
            padding: var(--dl-layout-space-halfunit);
            font-size: 24px;
            align-items: center;
            justify-content: center;
            background-color: #31b9ec;
            border-bottom-left-radius: var(--dl-layout-radius-round);
        }

        .mlbb-text157 {
            fill: #0D355D;
            color: rgb(13, 53, 93);
            font-size: 18px;
            font-family: Poppins;
        }

        .mlbb-container36 {
            align-items: center;
            padding-left: var(--dl-layout-space-halfunit);
            margin-bottom: 0px;
            padding-right: var(--dl-layout-space-halfunit);
            justify-content: flex-start;
        }

        .mlbb-text158 {
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-text160 {
            color: rgba(255, 0, 0, 0.8);
        }

        .mlbb-form2 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .mlbb-containter {
            width: 50%;
            height: 99px;
            padding: 5px;
            background-color: transparent;
        }

        .mlbb-hot-item1 {
            padding: 10px;
            box-shadow: 2px 2px 4px 0px #d4d4d4;
            border-radius: 24px;
        }

        .mlbb-container37 {
            width: 100%;
            height: 100%;
            align-self: center;
            align-items: center;
            pxadding-top: 4px;
            border-color: rgba(255, 255, 255, 0.16);
            border-width: 0px;
            padding-left: 4px;
            border-radius: var(--dl-layout-radius-radius4);
            padding-right: 4px;
            pxadding-bottom: 4px;
            justify-content: space-between;
            background-color: transparent;
            border-top-left-radius: var(--dl-layout-radius-radius8);
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
            border-bottom-right-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-image14 {
            width: 50px;
            height: 50px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .mlbb-container38 {
            top: 0px;
            left: 0px;
            width: 90%;
            margin: auto;
            position: absolute;
            align-self: center;
            align-items: flex-start;
            padding-top: 2px;
            padding-left: 4px;
            padding-right: 4px;
            padding-bottom: 2px;
            justify-content: center;
        }

        .mlbb-container39 {
            height: auto;
            flex-wrap: wrap;
        }

        .mlbb-text161 {
            font-size: 14px;
            font-style: normal;
            font-family: Poppins;
            font-weight: 500;
            margin-bottom: 0px;
        }

        .mlbb-container40 {
            width: auto;
            justify-content: flex-start;
        }

        .mlbb-text162 {
            fill: #DC143C;
            color: #DC143C;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
        }

        .mlbb-text163 {
            fill: gray;
            color: gray;
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
        }

        .mlbb-text164 {
            fill: #DC143C;
            color: rgb(220, 20, 60);
            font-size: 11px;
            font-style: normal;
            font-family: Poppins;
            font-weight: 400;
        }

        .mlbb-text165 {
            color: rgba(0, 0, 0, 0.65);
            font-size: 10px;
            font-style: normal;
            font-weight: 300;
        }

        .mlbb-container42 {
            top: 2px;
            right: 2px;
            width: auto;
            height: 16.6px;
            position: absolute;
        }

        .mlbb-classcolor1 {
            background-color: rgb(255, 0, 0);
        }

        .mlbb-classcolor2 {
            background-color: #dabf3b;
        }

        .mlbb-classcolor3 {
            background-color: #0b2bd4;
        }

        .mlbb-text166 {
            width: auto;
            height: 100%;
            display: flex;
            font-size: 9px;
            font-style: normal;
            align-items: center;
            font-weight: 500;
            border-color: #ab0a0a;
            border-radius: 24px;
            justify-content: center;
            padding-right: 6px;
            padding-left: 6px;
        }

        .mlbb-container43 {
            height: 20px;
            display: none;
            border-top-right-radius: 52px;
        }

        .mlbb-icon16 {
            width: 20px;
            height: 17px;
        }

        .mlbb-container44 {
            align-items: center;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: 0px;
            justify-content: flex-start;
        }

        .mlbb-text167 {
            color: rgb(222, 188, 0);
            font-size: 14px;
        }

        .mlbb-text169 {
            color: rgba(255, 0, 0, 0.8);
        }

        .mlbb-container45 {
            width: 50%;
            height: 99px;
            padding: 5px;
            background-color: transparent;
        }

        .mlbb-recomment-item1 {
            padding: 10px;
            box-shadow: 2px 2px 4px 0px #d4d4d4;
            border-radius: 24px;
        }

        .mlbb-container46 {
            width: 100%;
            height: 100%;
            align-self: center;
            align-items: center;
            padding-top: 4px;
            border-color: rgba(255, 255, 255, 0.16);
            border-width: 0px;
            padding-left: 4px;
            border-radius: var(--dl-layout-radius-radius4);
            padding-right: 4px;
            padding-bottom: 4px;
            background-size: cover;
            justify-content: space-between;
            background-color: transparent;
            border-top-left-radius: var(--dl-layout-radius-radius8);
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
            border-bottom-right-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-image15 {
            width: 50px;
            height: 50px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .mlbb-container47 {
            top: 0px;
            left: 0px;
            width: 90%;
            position: absolute;
            align-self: center;
            align-items: flex-start;
            padding-top: 2px;
            padding-left: 4px;
            padding-right: 4px;
            padding-bottom: 2px;
            justify-content: center;
        }

        .mlbb-container48 {
            height: auto;
            flex-wrap: wrap;
        }

        .mlbb-text170 {
            font-size: 14px;
            font-style: normal;
            font-family: Poppins;
            font-weight: 500;
            margin-bottom: 0px;
        }

        .mlbb-container49 {
            width: auto;
            justify-content: flex-start;
        }

        .mlbb-text171 {
            fill: #DC143C;
            color: rgb(220, 20, 60);
            font-size: 14px;
            font-style: normal;
            font-family: Poppins;
            font-weight: 600;
        }

        .mlbb-text172 {
            fill: gray;
            color: gray;
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
        }

        .mlbb-text173 {
            fill: #DC143C;
            color: #DC143C;
            font-size: 11px;
        }

        .mlbb-text174 {
            color: rgba(0, 0, 0, 0.65);
            font-size: 10px;
            font-style: normal;
            font-weight: 300;
        }

        .mlbb-container51 {
            top: 2px;
            right: 2px;
            width: auto;
            height: 16.6px;
            position: absolute;
        }

        .mlbb-container52 {
            height: 20px;
            display: none;
            border-top-right-radius: 52px;
        }

        .mlbb-icon18 {
            width: 20px;
            height: 17px;
        }

        .mlbb-container53 {
            align-items: center;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: 0px;
            justify-content: flex-start;
        }

        .mlbb-text176 {
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-container54 {
            width: 50%;
            height: 99px;
            padding: 5px;
            background-color: transparent;
        }

        .mlbb-all-item1 {
            padding: 10px;
            box-shadow: 2px 2px 4px 0px #d4d4d4;
            border-radius: 24px;
        }

        .mlbb-container55 {
            width: 100%;
            height: 100%;
            align-self: center;
            align-items: center;
            padding-top: 4px;
            border-color: rgba(255, 255, 255, 0.16);
            border-width: 0px;
            padding-left: 4px;
            border-radius: var(--dl-layout-radius-radius4);
            padding-right: 4px;
            padding-bottom: 4px;
            background-size: cover;
            justify-content: space-between;
            background-color: transparent;
            border-top-left-radius: var(--dl-layout-radius-radius8);
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
            border-bottom-right-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-image16 {
            width: 50px;
            height: 50px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .mlbb-container56 {
            top: 0px;
            left: 0px;
            width: 90%;
            position: absolute;
            align-self: center;
            align-items: flex-start;
            padding-top: 2px;
            padding-left: 4px;
            padding-right: 4px;
            padding-bottom: 2px;
            justify-content: center;
        }

        .mlbb-container57 {
            height: auto;
            flex-wrap: wrap;
        }

        .mlbb-text179 {
            font-size: 14px;
            font-style: normal;
            font-family: Poppins;
            font-weight: 500;
            margin-bottom: 0px;
        }

        .mlbb-container58 {
            width: auto;
            justify-content: flex-start;
        }

        .mlbb-text180 {
            fill: #DC143C;
            color: #DC143C;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
        }

        .mlbb-text181 {
            fill: gray;
            color: gray;
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
        }

        .mlbb-text182 {
            fill: #DC143C;
            color: #DC143C;
            font-size: 11px;
        }

        .mlbb-text183 {
            color: rgba(0, 0, 0, 0.65);
            font-size: 10px;
            font-style: normal;
            font-weight: 300;
        }

        .mlbb-container60 {
            top: 2px;
            right: 2px;
            width: auto;
            height: 16.6px;
            position: absolute;
        }

        .mlbb-container61 {
            height: 20px;
            display: none;
            border-top-right-radius: 52px;
        }

        .mlbb-icon20 {
            width: 20px;
            height: 17px;
        }

        .mlbb-container62 {
            align-items: center;
            padding-top: var(--dl-layout-space-unit);
            padding-bottom: var(--dl-layout-space-unit);
            justify-content: flex-start;
        }

        .mlbb-container63 {
            align-items: center;
            padding-top: 0px;
            margin-bottom: 5px;
            padding-bottom: 0px;
            justify-content: flex-start;
        }

        .mlbb-text185 {
            color: #ffffff;
            width: 30px;
            height: 30px;
            display: none;
            padding: var(--dl-layout-space-halfunit);
            align-items: center;
            justify-content: center;
            background-color: #31b9ec;
            border-bottom-left-radius: var(--dl-layout-radius-round);
        }

        .mlbb-text186 {
            fill: #0D355D;
            color: #0D355D;
        }

        .mlbb-container64 {
            align-items: center;
            justify-content: flex-start;
        }

        .mlbb-form-coupon {
            width: 100%;
            border-color: rgba(255, 255, 255, 0.16);
            border-width: 1px;
        }

        .mlbb-container66 {
            align-items: center;
            border-style: solid;
        }

        .mlbb-text187 {
            color: #000000;
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-text188 {
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-text189 {
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-container69 {
            align-items: center;
            border-style: solid;
        }

        .mlbb-text190 {
            color: #000000;
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-text193 {
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-text194 {
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-text195 {
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-container71 {
            align-items: center;
            border-style: solid;
        }

        .mlbb-text196 {
            color: #000000;
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-text197 {
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-container72 {
            margin-top: 4px;
            align-items: center;
            border-color: #6f6464;
            border-style: solid;
        }

        .mlbb-text200 {
            color: #000000;
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-text201 {
            font-size: 14px;
            font-family: Poppins;
        }

        .mlbb-form3 {
            padding-top: 0px;
            border-width: 0px;
            padding-left: 0px;
            margin-bottom: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            background-color: transparent;
        }

        .mlbb-textinput3 {
            fill: 0;
            color: 0;
            border-color: #e7c900;
            background-color: #ffffff;
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-button2 {
            fill: #0D355D;
            color: #0D355D;
            background-color: #31b9ec;
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-container75 {
            align-items: center;
            padding-left: 0px;
            padding-right: 0px;
            justify-content: flex-start;
        }

        .mlbb-text206 {
            font-size: 18px;
        }

        .mlbb-text208 {
            color: rgba(255, 0, 0, 0.8);
        }

        .mlbb-botton-aba {
            width: 100%;
            height: 60px;
            padding-top: 10px;
            border-color: rgba(255, 255, 255, 0.16);
            border-width: 1px;
            padding-left: var(--dl-layout-space-halfunit);
            border-radius: var(--dl-layout-radius-radius8);
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: 10px;
            border-top-left-radius: var(--dl-layout-radius-radius8);
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
            border-bottom-right-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-image17 {
            width: auto;
            height: 100%;
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-container76 {
            align-self: center;
            align-items: flex-start;
            padding-left: var(--dl-layout-space-halfunit);
            justify-content: center;
        }

        .mlbb-text209 {
            color: rgb(0, 0, 0);
            font-size: 17px;
            font-style: normal;
            font-weight: 400;
        }

        .mlbb-text210 {
            font-size: 12px;
        }

        .mlbb-botton-card {
            width: 100%;
            height: 60px;
            padding-top: 10px;
            border-color: rgba(255, 255, 255, 0.16);
            border-width: 1px;
            padding-left: var(--dl-layout-space-halfunit);
            border-radius: var(--dl-layout-radius-radius8);
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: 10px;
            border-top-left-radius: var(--dl-layout-radius-radius8);
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
            border-bottom-right-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-image18 {
            width: auto;
            height: 100%;
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-container77 {
            align-self: center;
            align-items: flex-start;
            padding-left: var(--dl-layout-space-halfunit);
            justify-content: center;
        }

        .mlbb-text211 {
            color: rgb(0, 0, 0);
            font-size: 17px;
            font-style: normal;
            font-weight: 400;
        }

        .mlbb-text212 {
            font-size: 12px;
        }

        .mlbb-container78 {
            width: 100%;
            height: auto;
            padding-top: 0px;
            border-color: rgba(255, 255, 255, 0.16);
            border-width: 0px;
            padding-left: var(--dl-layout-space-halfunit);
            border-radius: var(--dl-layout-radius-radius8);
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: 0px;
            border-top-left-radius: var(--dl-layout-radius-radius8);
            border-top-right-radius: var(--dl-layout-radius-radius8);
            border-bottom-left-radius: var(--dl-layout-radius-radius8);
            border-bottom-right-radius: var(--dl-layout-radius-radius8);
        }

        .mlbb-text213 {
            font-size: 12px;
        }

        .mlbb-text221 {
            color: #000799;
            font-size: 12px;
        }

        .mlbb-container79 {
            left: 0px;
            right: 0px;
            width: 100%;
            height: auto;
            margin: auto;
            z-index: 100;
            position: sticky;
            align-self: center;
            align-items: center;
            justify-content: flex-start;
        }

        .mlbb-container80 {
            height: 30px;
            position: relative;
            align-self: stretch;
            border-color: rgba(255, 255, 255, 0.16);
            border-width: 1px;
            justify-content: space-between;
            background-color: #31b9ec;
        }

        .mlbb-icon24 {
            fill: white;
            color: white;
            width: 20px;
            height: 20px;
            margin-right: var(--dl-layout-space-halfunit);
        }

        .mlbb-text226 {
            fill: white;
            color: white;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            margin-right: var(--dl-layout-space-halfunit);
        }

        .mlbb-container82 {
            height: 100%;
        }

        .mlbb-image19 {
            width: auto;
            height: 100%;
            margin-right: var(--dl-layout-space-halfunit);
        }

        .mlbb-text227 {
            font-style: normal;
            font-weight: 600;
        }

        .mlbb-container83 {
            height: auto;
            padding-top: 18px;
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 18px;
            justify-content: space-between;
            background-color: #ffffff;
        }

        .mlbb-container84 {
            width: 40%;
            align-items: flex-start;
            padding-top: 0px;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: 0px;
            justify-content: center;
        }

        .mlbb-text228 {
            fill: #0D355D;
            color: #0D355D;
            font-size: 16px;
        }

        .mlbb-text229 {
            fill: #2699c5;
            color: #2699c5;
            font-size: 16px;
        }

        .mlbb-container86 {
            align-self: flex-start;
            align-items: center;
            justify-content: center;
        }

        .mlbb-text230 {
            fill: #0D355D;
            color: rgb(13, 53, 93);
            font-size: 16px;
            font-family: Poppins;
        }

        .mlbb-text233 {
            fill: #2699c5;
            color: #2699c5;
            font-size: 16px;
        }

        .mlbb-container87 {
            width: 60%;
            padding-left: 0px;
            padding-right: 0px;
        }

        .mlbb-container88 {
            width: 50%;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
        }

        .mlbb-button3 {
            width: 100%;
            height: 40px;
            padding: 10px;
            font-size: 20px;
            align-self: center;
            align-items: center;
            padding-top: var(--dl-layout-space-halfunit);
            margin-right: 0px;
            padding-left: var(--dl-layout-space-halfunit);
            border-radius: var(--dl-layout-radius-buttonradius);
            padding-right: var(--dl-layout-space-halfunit);
            padding-bottom: var(--dl-layout-space-halfunit);
            justify-content: center;
            background-color: #31b9ec;
        }

        .mlbb-text236 {
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
        }

        .mlbb-icon26 {
            width: 15px;
            display: none;
            height: 15px;
            margin-left: 4px;
        }

        .mlbb-container89 {
            width: 50%;
            padding-left: var(--dl-layout-space-halfunit);
            padding-right: var(--dl-layout-space-halfunit);
        }

        .mlbb-button4 {
            width: 100%;
            height: 40px;
            font-size: 12px;
            padding-top: var(--dl-layout-space-halfunit);
            padding-left: 10px;
            border-radius: var(--dl-layout-radius-buttonradius);
            padding-right: 10px;
            padding-bottom: var(--dl-layout-space-halfunit);
            background-color: #31b9ec;
        }

        .mlbb-text242 {
            color: rgb(255, 255, 255);
            width: auto;
            font-size: 12px;
            max-width: 370px;
            font-family: Poppins;
        }

        .mlbb-text245 {
            color: rgb(255, 255, 255);
            width: auto;
            font-size: 12px;
            max-width: 370px;
            font-family: Noto Sans Khmer;
        }

        .mlbb-popup {
            display: none;
        }

        .mlbb-container90 {
            width: 90%;
        }

        .mlbb-image20 {
            width: auto;
        }
    }