.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-1026 .elementor-element.elementor-element-1f8b2b2{text-align:center;}.elementor-1026 .elementor-element.elementor-element-1f8b2b2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1026 .elementor-element.elementor-element-72062c7{color:#FFFFFF;}.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-1026 .elementor-element.elementor-element-fc80580{text-align:center;}.elementor-1026 .elementor-element.elementor-element-fc80580 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-a08b31a{color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-70c369a{text-align:center;}.elementor-1026 .elementor-element.elementor-element-70c369a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-03a3458{color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-18d4e9b{text-align:center;}.elementor-1026 .elementor-element.elementor-element-18d4e9b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-485fe20{color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-332667c{text-align:center;}.elementor-1026 .elementor-element.elementor-element-332667c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-8aadfc8{color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-7b869ba{text-align:center;}.elementor-1026 .elementor-element.elementor-element-7b869ba .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-d02f4f9{color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-5ab0dc6{text-align:center;}.elementor-1026 .elementor-element.elementor-element-5ab0dc6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-c014fd8{color:#FFFFFF;}/* Start custom CSS for section, class: .elementor-element-fb6182e *//* =================================
   GAME SECTION
================================= */

.box-title-game{
    display:flex;
    align-items:center;
    margin-bottom:15px;
    gap:10px;
}

.box-title-game span:first-child{
    font-size:26px;
    font-weight:700;
    color:#f5b73a;
}

.box-title-game span:last-child{
    color:#f5b73a;
    font-weight:600;
}

/* =================================
   FIX CAROUSEL ELEMENTOR
================================= */

.n-carousel{
    width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none;
}

.n-carousel::-webkit-scrollbar{
    display:none;
}

.n-carousel__slides{
    display:flex !important;
    flex-wrap:nowrap !important;
    transform:none !important;
    width:max-content !important;
}

.n-carousel__slide{
    flex:0 0 auto !important;
    width:170px !important;
    margin-right:12px !important;
}

/* =================================
   GAME CARD
================================= */

.box-img-game-jackpot{
    display:block;
    position:relative;
    background:#0c1018;
    border-radius:12px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    transition:.3s;
}

.box-img-game-jackpot:hover{
    transform:translateY(-4px);
    border-color:#f5b73a;
    box-shadow:0 0 15px rgba(245,183,58,.4);
}

/* =================================
   IMAGE
================================= */

.framed-game,
.unframed-game .game-img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

.frame-border{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
}

/* =================================
   FIRE
================================= */

.fire-animate{
    position:absolute;
    top:5px;
    left:5px;
    width:26px;
    z-index:10;
}

/* =================================
   CONTENT
================================= */

.btm-dt-game{
    padding:8px;
    background:#0c1018;
}

.brand-icon{
    width:20px;
    height:20px;
    object-fit:contain;
}

.text-per{
    color:#ffbc34;
    font-size:15px;
    font-weight:700;
}

/* =================================
   PROGRESS BAR
================================= */

.bx-progress{
    margin-top:4px;
}

.n-progress-graph-line-rail{
    background:#333 !important;
    height:6px !important;
    border-radius:999px !important;
}

.n-progress-graph-line-fill{
    background:linear-gradient(
        90deg,
        #ff8a00,
        #ffc837
    ) !important;
    border-radius:999px !important;
}

/* =================================
   GAME NAME
================================= */

.btm-dt-game p.text-center,
.btm-dt-game p:last-child{
    color:#fff;
    font-size:13px;
    font-weight:600;
    margin-top:6px;
    line-height:1.3;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* =================================
   TABLET
================================= */

@media(max-width:1024px){

    .n-carousel__slide{
        width:145px !important;
    }

    .framed-game,
    .unframed-game .game-img{
        height:190px;
    }

}

/* =================================
   MOBILE
================================= */

@media(max-width:768px){

    .n-carousel__slide{
        width:120px !important;
        margin-right:8px !important;
    }

    .framed-game,
    .unframed-game .game-img{
        height:150px;
    }

    .brand-icon{
        width:16px;
        height:16px;
    }

    .text-per{
        font-size:12px;
    }

    .btm-dt-game{
        padding:6px;
    }

    .btm-dt-game p.text-center,
    .btm-dt-game p:last-child{
        font-size:11px;
    }

    .fire-animate{
        width:18px;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2fb2e6f *//* =================================
   GAME SECTION
================================= */

.box-title-game{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}

.box-title-game span:first-child{
    font-size:24px;
    font-weight:700;
    color:#f5b73a;
}

.box-title-game span:last-child{
    color:#f5b73a;
    font-weight:600;
}

/* =================================
   FIX ELEMENTOR CAROUSEL
================================= */

.n-carousel{
    width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none;
}

.n-carousel::-webkit-scrollbar{
    display:none;
}

.n-carousel__slides{
    display:flex !important;
    flex-wrap:nowrap !important;
    transform:none !important;
    width:max-content !important;
}

.n-carousel__slide{
    flex:0 0 auto !important;
    width:170px !important;
    margin-right:12px !important;
    display:flex !important;
}

/* =================================
   CARD
================================= */

.n-carousel__slide a{
    width:100%;
    display:flex;
    flex-direction:column;

    background:#07101d;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    overflow:hidden;

    transition:.3s ease;
}

.n-carousel__slide a:hover{
    transform:translateY(-4px);
    border-color:#f5b73a;
    box-shadow:0 0 15px rgba(245,183,58,.35);
}

/* =================================
   IMAGE SIZE FIX
================================= */

.framed-game,
.unframed-game{
    width:100%;
    aspect-ratio:3/4;
    position:relative;
    overflow:hidden;
}

/* รูปหลัก */

.framed-game,
.unframed-game .game-img{
    width:100%;
    height:100% !important;
    object-fit:cover !important;
    display:block;
}

/* กรอบเกม */

.frame-border{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
}

/* =================================
   GAME NAME
================================= */

.game-name{
    margin:0;
    padding:8px;

    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    color:#fff !important;

    font-size:13px;
    font-weight:600;
    line-height:1.3;

    overflow:hidden;
}

/* =================================
   DESKTOP
================================= */

@media(min-width:1200px){

    .n-carousel__slide{
        width:170px !important;
    }

}

/* =================================
   TABLET
================================= */

@media(max-width:1024px){

    .n-carousel__slide{
        width:145px !important;
    }

    .game-name{
        height:40px;
        font-size:12px;
    }

}

/* =================================
   MOBILE
================================= */

@media(max-width:768px){

    .n-carousel__slide{
        width:120px !important;
        margin-right:8px !important;
    }

    .game-name{
        height:36px;
        font-size:11px;
        padding:6px;
    }

}

/* =================================
   SMALL MOBILE
================================= */

@media(max-width:480px){

    .n-carousel__slide{
        width:110px !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b55e3f0 *//* =================================
   GAME SECTION
================================= */

.box-title-game{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}

.box-title-game span:first-child{
    font-size:24px;
    font-weight:700;
    color:#f5b73a;
}

.box-title-game span:last-child{
    color:#f5b73a;
    font-weight:600;
}

/* =================================
   FIX ELEMENTOR CAROUSEL
================================= */

.n-carousel{
    width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none;
}

.n-carousel::-webkit-scrollbar{
    display:none;
}

.n-carousel__slides{
    display:flex !important;
    flex-wrap:nowrap !important;
    transform:none !important;
    width:max-content !important;
}

.n-carousel__slide{
    flex:0 0 auto !important;
    width:170px !important;
    margin-right:12px !important;
    display:flex !important;
}

/* =================================
   CARD
================================= */

.n-carousel__slide a{
    width:100%;
    display:flex;
    flex-direction:column;

    background:#07101d;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    overflow:hidden;

    transition:.3s ease;
}

.n-carousel__slide a:hover{
    transform:translateY(-4px);
    border-color:#f5b73a;
    box-shadow:0 0 15px rgba(245,183,58,.35);
}

/* =================================
   IMAGE SIZE FIX
================================= */

.framed-game,
.unframed-game{
    width:100%;
    aspect-ratio:3/4;
    position:relative;
    overflow:hidden;
}

/* รูปหลัก */

.framed-game,
.unframed-game .game-img{
    width:100%;
    height:100% !important;
    object-fit:cover !important;
    display:block;
}

/* กรอบเกม */

.frame-border{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
}

/* =================================
   GAME NAME
================================= */

.game-name{
    margin:0;
    padding:8px;

    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    color:#fff !important;

    font-size:13px;
    font-weight:600;
    line-height:1.3;

    overflow:hidden;
}

/* =================================
   DESKTOP
================================= */

@media(min-width:1200px){

    .n-carousel__slide{
        width:170px !important;
    }

}

/* =================================
   TABLET
================================= */

@media(max-width:1024px){

    .n-carousel__slide{
        width:145px !important;
    }

    .game-name{
        height:40px;
        font-size:12px;
    }

}

/* =================================
   MOBILE
================================= */

@media(max-width:768px){

    .n-carousel__slide{
        width:120px !important;
        margin-right:8px !important;
    }

    .game-name{
        height:36px;
        font-size:11px;
        padding:6px;
    }

}

/* =================================
   SMALL MOBILE
================================= */

@media(max-width:480px){

    .n-carousel__slide{
        width:110px !important;
    }

}/* End custom CSS */
/* Start custom CSS */.elementor-widget-image a {
display: block !important;
}/* End custom CSS */