.elementor-9 .elementor-element.elementor-element-aaa4244{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-d6e8958{--display:flex;}.elementor-9 .elementor-element.elementor-element-d6e8958:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-d6e8958 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C24900;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-aa5af27 img{width:100%;}.elementor-9 .elementor-element.elementor-element-2e411af img{width:100%;}.elementor-9 .elementor-element.elementor-element-8b3219f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-3f3d9f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-3f3d9f3:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-3f3d9f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C24900;}.elementor-9 .elementor-element.elementor-element-a33d6c7 img{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-9 .elementor-element.elementor-element-b608255 img{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-9 .elementor-element.elementor-element-4ac8661 img{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-9 .elementor-element.elementor-element-ddd4a0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-ddd4a0d:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-ddd4a0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C24900;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-960689b{background-color:#973800;text-align:center;}.elementor-9 .elementor-element.elementor-element-960689b .elementor-heading-title{font-family:"Boogaloo", Sans-serif;font-weight:600;color:#FCD603;}body.elementor-page-9:not(.elementor-motion-effects-element-type-background), body.elementor-page-9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6EEF8;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-3f3d9f3{--width:33.3333%;}.elementor-9 .elementor-element.elementor-element-ddd4a0d{--width:66.6666%;}}/* Start custom CSS for html, class: .elementor-element-80c0d7a */@font-face {
    font-family: 'BoonHome', sans-serif;
   
}

.lao-container-v {
    font-family: 'BoonHome', sans-serif;
    color: #fff;
    text-align: center;

   
}

.lao-header {
    padding: 0;
}
.lao-header strong {
    font-size: 24px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}
.lao-date-time {
    font-size: 16px; 
    font-weight: 800;
    color: #fff;
    display: block;
    margin-top: 0;
}
.lao-number-title {
    font-size: 20px; 
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 15px;
}

/* ກ່ອງຕົວເລກ 5 ໂຕຫຼັກ */
#main-number-box {
    font-family: Arial, sans-serif;
    font-size: 60px;
    font-weight: 800;
    color: yellow;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    background-color: #c24900;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 10px 15px;
    letter-spacing: 5px;
    width: 85%;
    max-width: 450px;
    display: inline-block;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

/* 4 ກ່ອງລຸ່ມ */
.lao-bottom-results-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 30px;
    padding: 0 10px;
    flex-wrap: wrap; 
}

.lao-result-box-wrapper {
    text-align: center;
    /* ໃຫ້ແຕ່ລະກ່ອງກວ້າງປະມານ 1/4 */
    flex-basis: calc(25% - 10px); 
    min-width: 70px;
}

.lao-result-box-label {
    font-size: 14px; 
    color: #fff;
    margin-bottom: 8px;
    font-weight: 500;
}

.lao-result-box {
    font-family: Arial, sans-serif;
    font-size: 28px; 
    font-weight: 700;
    color: yellow;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    background-color: #c24900;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 8px 10px; 
    display: inline-flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box; 
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

/* ປັບປຸງໃນໜ້າຈໍນ້ອຍ */
@media (max-width: 480px) {
    #main-number-box {
        font-size: 45px;
        letter-spacing: 3px;
    }
    .lao-result-box {
        font-size: 22px;
    }
    .lao-result-box-label {
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4585c3f */@import url('https://fonts.googleapis.com/css2?family=Boonhome&family=Noto+Sans+Lao:wght@400;600;700&display=swap');

#custom-table-container {
    font-family: 'Boonhome', 'Noto Sans Lao', sans-serif;
    max-width: 1000px;
    margin: 30px auto;
    padding: 25px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
    border: 1px solid #eef2f6;
}

.table-responsive::-webkit-scrollbar {
    height: 6px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #caa43b;
    border-radius: 10px;
}

#custom-table-container table {
    width: 100%;
    border-collapse: collapse;
    min-width: 750px;
}

#custom-table-container th {
    background: linear-gradient(135deg, #caa43b, #a07f23);
    color: #ffffff;
    font-weight: 700;
    padding: 18px 16px;
    font-size: 16px;
    letter-spacing: 0.5px;
    border: none;
}

#custom-table-container td {
    padding: 16px 16px;
    color: #334155;
    font-size: 15px;
    border-bottom: 1px solid #f1f5f9;
    white-space: nowrap;
    transition: all 0.2s ease;
}

#custom-table-container tr:last-child td {
    border-bottom: none;
}

#custom-table-container tr:nth-child(even) {
    background-color: #f8fafc;
}

#custom-table-container tr:hover td {
    background-color: #fef08a;
    color: #0f172a;
    font-weight: 600;
}

#custom-table-container .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 30px;
}

#custom-table-container .pagination button {
    border: 1px solid #e2e8f0;
    padding: 10px 18px;
    min-width: 44px;
    height: 44px;
    border-radius: 10px;
    cursor: pointer;
    background-color: #ffffff;
    color: #475569;
    font-weight: 600;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

#custom-table-container .pagination button.active {
    background: linear-gradient(135deg, #caa43b, #a07f23);
    color: #ffffff;
    border-color: #a07f23;
    box-shadow: 0 4px 12px rgba(160, 127, 35, 0.3);
}

#custom-table-container .pagination button:hover:not(.active) {
    border-color: #caa43b;
    color: #caa43b;
    background-color: #fefce8;
}

@media (max-width: 640px) {
    #custom-table-container {
        padding: 15px;
        margin: 15px auto;
        border-radius: 12px;
    }
    #custom-table-container th {
        padding: 14px 10px;
        font-size: 14px;
    }
    #custom-table-container td {
        padding: 14px 10px;
        font-size: 14px;
    }
    #custom-table-container .pagination button {
        padding: 8px 14px;
        min-width: 38px;
        height: 38px;
        font-size: 13px;
        border-radius: 8px;
    }
}/* End custom CSS */