.elementor-28 .elementor-element.elementor-element-76acece{--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:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--margin-top:85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-28 .elementor-element.elementor-element-2178031.ob-harakiri{writing-mode:inherit;}.elementor-28 .elementor-element.elementor-element-2178031.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-28 .elementor-element.elementor-element-2178031.ob-harakiri div{writing-mode:inherit;}.elementor-28 .elementor-element.elementor-element-2178031{width:100%;max-width:100%;background-color:#FF0000;text-align:center;}.elementor-28 .elementor-element.elementor-element-2178031 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:22px;font-weight:800;line-height:1.5em;color:#EEEEEE;}.elementor-28 .elementor-element.elementor-element-2178031.ob-harakiri > div, .elementor-28 .elementor-element.elementor-element-2178031.ob-harakiri > h1, .elementor-28 .elementor-element.elementor-element-2178031.ob-harakiri > h2, .elementor-28 .elementor-element.elementor-element-2178031.ob-harakiri > h3, .elementor-28 .elementor-element.elementor-element-2178031.ob-harakiri > h4, .elementor-28 .elementor-element.elementor-element-2178031.ob-harakiri > h5, .elementor-28 .elementor-element.elementor-element-2178031.ob-harakiri > h6, .elementor-28 .elementor-element.elementor-element-2178031.ob-harakiri > p{transform:rotate(0deg);}.elementor-28 .elementor-element.elementor-element-2178031 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-28 .elementor-element.elementor-element-8f0da1b{--e-image-carousel-slides-to-show:2;margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-28 .elementor-element.elementor-element-8f0da1b .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF;opacity:1;}.elementor-28 .elementor-element.elementor-element-8f0da1b .elementor-swiper-button.elementor-swiper-button-prev:hover{color:#FFFFFF80;}.elementor-28 .elementor-element.elementor-element-8f0da1b .elementor-swiper-button.elementor-swiper-button-next:hover{color:#FFFFFF80;}.elementor-28 .elementor-element.elementor-element-8f0da1b .elementor-swiper-button-next, .elementor-28 .elementor-element.elementor-element-8f0da1b .elementor-swiper-button-prev{background-color:#0000004D;padding:10px;margin-top:unset;top:calc(50% - 25px);}.elementor-28 .elementor-element.elementor-element-8f0da1b .elementor-swiper-button-next:hover, .elementor-28 .elementor-element.elementor-element-8f0da1b .elementor-swiper-button-prev:hover{background-color:#FFCC00E6;}.elementor-28 .elementor-element.elementor-element-8f0da1b .elementor-swiper-button-prev{left:calc(0%);right:unset;}.elementor-28 .elementor-element.elementor-element-8f0da1b .elementor-swiper-button-next{right:calc(0%);left:unset;}.elementor-28 .elementor-element.elementor-element-8f0da1b .swiper-pagination-bullets .swiper-pagination-bullet{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-8f0da1b .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#FF0000 !important;}.elementor-28 .elementor-element.elementor-element-8f0da1b .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-870ce2c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-5650e9e{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-51a22d0{--display:flex;--min-height:130px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-c6deaf8{--display:flex;top:0px;bottom:auto;z-index:10;--min-height:130px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:5px;--padding-left:25px;--padding-right:25px;}.elementor-28 .elementor-element.elementor-element-c6deaf8:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-c6deaf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFAB;}.elementor-28 .elementor-element.elementor-element-c6deaf8 + .wpr-hidden-header{top:0px;}.elementor-28 .elementor-element.elementor-element-c6deaf8 + .wpr-hidden-header-flex{top:0px;}.wpr-hidden-header{z-index:10;}.wpr-hidden-header-flex{z-index:10;}.elementor-28 .elementor-element.elementor-element-67db7d9{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-f6a47ff{--display:grid;--e-con-grid-template-columns:repeat(8, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;--justify-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}html, body{overflow-x:auto;}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-2178031 .elementor-heading-title{font-size:20px;}.elementor-28 .elementor-element.elementor-element-8f0da1b{--e-image-carousel-slides-to-show:1;margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0px 20px 0px 20px;}.elementor-28 .elementor-element.elementor-element-870ce2c{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-28 .elementor-element.elementor-element-5650e9e{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:025px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-51a22d0{--min-height:125px;--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28 .elementor-element.elementor-element-c6deaf8{top:0px;bottom:auto;--min-height:125px;--z-index:5;}.elementor-28 .elementor-element.elementor-element-c6deaf8 + .wpr-hidden-header{top:0px;}.elementor-28 .elementor-element.elementor-element-c6deaf8 + .wpr-hidden-header-flex{top:0px;}.elementor-28 .elementor-element.elementor-element-67db7d9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-f6a47ff{--e-con-grid-template-columns:repeat(4, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-76acece{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28 .elementor-element.elementor-element-2178031{text-align:center;}.elementor-28 .elementor-element.elementor-element-2178031 .elementor-heading-title{font-size:16px;}.elementor-28 .elementor-element.elementor-element-8f0da1b{padding:00px 10px 00px 10px;}.elementor-28 .elementor-element.elementor-element-870ce2c{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-28 .elementor-element.elementor-element-5650e9e{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-51a22d0{--width:100%;--min-height:115px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28 .elementor-element.elementor-element-c6deaf8{top:0px;bottom:auto;--width:100%;--min-height:165px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;--z-index:2;}.elementor-28 .elementor-element.elementor-element-c6deaf8 + .wpr-hidden-header{top:0px;}.elementor-28 .elementor-element.elementor-element-c6deaf8 + .wpr-hidden-header-flex{top:0px;}.elementor-28 .elementor-element.elementor-element-67db7d9{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28 .elementor-element.elementor-element-f6a47ff{--e-con-grid-template-columns:repeat(3, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for image-carousel, class: .elementor-element-8f0da1b */.elementor-28 .elementor-element.elementor-element-8f0da1b span.swiper-pagination-bullet{
    border-radius: 10px;
    width: 35px;
    height: 5px;
}



@media (max-width:500px){
    .elementor-28 .elementor-element.elementor-element-8f0da1b .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        display:none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bccf9f */.nav-menu-ez{
    width:100%;
    max-width:1400px;
    z-index: 5;
    padding: 0;
}



.nav-ul-ez{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap:20px;
    padding: 0;

}

.nav-li-ez{
    list-style-type: none;
    width: 100%;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 8px;
    box-shadow: 0 1px 6px 2px #f0ccca;
        background: linear-gradient(180deg, #ff9292, #d30000);
    
}




.nav-li-ez:hover .text-nav-ez{
    color:#fff;
} 



.nav-ahf-ez{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.img-menu-nav{
    width:20%;
}

.text-nav-ez{
    margin-left: 25px;
    font-size:18px;
    font-weight: 500;
    color:#fff;
}


@media (max-width:1023px){

.nav-ul-ez{
    gap:5px;
}

.nav-li-ez{
    height: 50px;
}

.img-menu-nav{
    width:30%;
}

.text-nav-ez{
    margin-left: 10px;
    font-size:13px;
}

}


@media (max-width:650px){

.nav-ul-ez{
    gap:3px;
}

.nav-ul-ez {
    flex-wrap: wrap;
}

.nav-li-ez{
   width:24.3%;
   height: 40px;
   border-radius:0px; 
}

.nav-li-ez:first-of-type{
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.nav-li-ez:nth-child(4){
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.-mtxz5{
    display:none !important;
}

}


@media (max-width:335px){
    .nav-li-ez{
       width: 32%; 
    }
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b05bd5 */.game-card {
    position: relative;
    display: flex;
    height: 100%;
    border-radius: 8px;
}



.game-card .game-card-name {
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    background-color: rgba(16, 16, 16, .8);
    padding: 2px 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 1;
    will-change: transform;
    transform: translateZ(0);
    border-radius: 0px 0px 10px 10px;
}

img.game-card-img{
    border-radius: 10px !important;
}


.-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(51, 46, 50, .79);
    transition: all .2s;
    border-radius: 10px;
    z-index: 2;
}

.-overlay .-overlay-inner {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 150px;
    padding: 10px;
    text-align: center;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.-overlay .-overlay-inner .-wrapper-container {
    display: flex;
    flex-direction: column;
    margin: auto;
}

.-overlay .-overlay-inner .-wrapper-container .-btn {
    padding: 10px;
    min-width: 120px;
    text-align: center;
    opacity: 1;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: all .4s;
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
}


.-overlay:hover  .-overlay-inner .-wrapper-container .-btn{
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    transition: all .4s;
}



.-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play {
    position: relative;
    color: #fff;
    background-image: linear-gradient(rgb(255 207 82), #c36);
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    text-shadow: none;
    cursor: pointer;
   
}

.-overlay .-overlay-inner .-wrapper-container .-btn .fas {
    top: 1px;
    margin-right: 8px;
    font-size: 12px;
    -webkit-filter: none;
    filter: none;
    position: relative;
    z-index: 2;
}


.fa-play:before {
    content: "\f04b";
}



.game-card:hover+ .-overlay{
    opacity: 1;
   
}


.-overlay:hover{
    opacity: 1;
    
}



@media (max-width:1050px){
    .game-card .game-card-name {
    font-size: 13px;
}

.-overlay .-overlay-inner .-wrapper-container .-btn{
   padding: 5px;
   min-width: 100px;
   
}

.-overlay .-overlay-inner .-wrapper-container .-btn .fas {
    font-size: 9px;
}

span.-text-btn {
    font-size: 13px;
    margin-top: 2px;
}



}





.livebox-ac{
    width:70px;
    position: absolute;
    top: 10px;
    right: 10px;
    
}

.livebox-bc{
    width:100%;
}



@media (max-width:500px){
    .livebox-ac{
    width:40px;
    position: absolute;
    top: 5px;
    right: 5px;
    
}
}/* End custom CSS */