.elementor-29 .elementor-element.elementor-element-8bebf20{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-8bebf20.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-57b626a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-64c3bd7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-e3e5eee{--display:flex;--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-803cdad{--display:flex;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-menu-item.wpr-pointer-item{transition-duration:0.2s;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.2s;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.2s;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-toggle-wrap{text-align:center;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-nav-menu .wpr-menu-item,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-nav-menu .wpr-menu-item:hover,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-pointer-line-fx .wpr-menu-item:before,
					 .elementor-29 .elementor-element.elementor-element-7669482.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#D9AD70;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#D9AD70;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#D9AD70;}.elementor-29 .elementor-element.elementor-element-7669482 .menu-item-has-children .wpr-sub-icon{font-size:15px;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(15px + 7px);}.elementor-29 .elementor-element.elementor-element-7669482.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(15px + 7px);}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-nav-menu .wpr-menu-item{padding-left:7px;padding-right:7px;padding-top:15px;padding-bottom:15px;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:10px;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:10px;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:10px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-sub-menu .wpr-sub-menu-item,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#333333;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-sub-menu .wpr-sub-menu-item{background-color:#ffffff;padding-left:15px;padding-right:15px;padding-top:13px;padding-bottom:13px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#ffffff;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#605BE5;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-sub-menu .wpr-sub-icon{right:15px;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:15px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-sub-divider-yes .wpr-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu a,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu li a:hover,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu li a.wpr-active-menu-item,
					 .elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu a{padding-left:0px;padding-right:0px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:0px;margin-right:0px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:0px;padding-bottom:0px;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-mobile-divider-yes .wpr-mobile-nav-menu a{border-bottom-color:#e8e8e8;border-bottom-width:0px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:0px;padding-top:0px;padding-bottom:0px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu{margin-top:10px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-toggle{border-color:#333333;width:0px;border-width:0px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-toggle-text{color:#333333;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-toggle-line{background-color:#333333;height:4px;margin-bottom:6px;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-toggle:hover{border-color:#605BE5;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#605BE5;}.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#605BE5;}.elementor-29 .elementor-element.elementor-element-2a0cb72{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:1rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--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-29 .elementor-element.elementor-element-78bb2a7.ob-harakiri{writing-mode:inherit;}.elementor-29 .elementor-element.elementor-element-78bb2a7.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-29 .elementor-element.elementor-element-78bb2a7.ob-harakiri div{writing-mode:inherit;}.elementor-29 .elementor-element.elementor-element-78bb2a7 > .elementor-widget-container{margin:0rem 0rem 1rem 0rem;padding:0rem 1rem 0rem 1rem;}.elementor-29 .elementor-element.elementor-element-78bb2a7{text-align:center;}.elementor-29 .elementor-element.elementor-element-78bb2a7 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-78bb2a7.ob-harakiri > div, .elementor-29 .elementor-element.elementor-element-78bb2a7.ob-harakiri > h1, .elementor-29 .elementor-element.elementor-element-78bb2a7.ob-harakiri > h2, .elementor-29 .elementor-element.elementor-element-78bb2a7.ob-harakiri > h3, .elementor-29 .elementor-element.elementor-element-78bb2a7.ob-harakiri > h4, .elementor-29 .elementor-element.elementor-element-78bb2a7.ob-harakiri > h5, .elementor-29 .elementor-element.elementor-element-78bb2a7.ob-harakiri > h6, .elementor-29 .elementor-element.elementor-element-78bb2a7.ob-harakiri > p{transform:rotate(0deg);}.elementor-29 .elementor-element.elementor-element-78bb2a7 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-29 .elementor-element.elementor-element-a2eff3e{--display:flex;--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-fff7344{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}html, body{overflow-x:auto;}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-8bebf20{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-803cdad{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-7669482{z-index:1;}.elementor-29 .elementor-element.elementor-element-7669482.wpr-mobile-menu-custom-width .wpr-mobile-nav-menu{width:100%;}.elementor-29 .elementor-element.elementor-element-78bb2a7 .elementor-heading-title{font-size:18px;}.elementor-29 .elementor-element.elementor-element-fff7344{--e-con-grid-template-columns:repeat(2, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-e3e5eee{--width:23%;}.elementor-29 .elementor-element.elementor-element-2a0cb72{--width:77%;}.elementor-29 .elementor-element.elementor-element-78bb2a7 > .elementor-widget-container{padding:0rem 0rem 0rem 0rem;}.elementor-29 .elementor-element.elementor-element-78bb2a7{text-align:center;}.elementor-29 .elementor-element.elementor-element-78bb2a7 .elementor-heading-title{font-size:13px;}.elementor-29 .elementor-element.elementor-element-fff7344{--e-con-grid-template-columns:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-8bebf20{--width:100%;}.elementor-29 .elementor-element.elementor-element-57b626a{--content-width:100%;}.elementor-29 .elementor-element.elementor-element-e3e5eee{--width:20%;}.elementor-29 .elementor-element.elementor-element-2a0cb72{--width:100%;}.elementor-29 .elementor-element.elementor-element-a2eff3e{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-29 .elementor-element.elementor-element-e3e5eee{--width:20%;}.elementor-29 .elementor-element.elementor-element-2a0cb72{--width:80%;}}/* Start custom CSS for wpr-nav-menu, class: .elementor-element-7669482 */.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-nav-menu{
    display:block !important;
   
}

.elementor-29 .elementor-element.elementor-element-7669482 .wpr-mobile-toggle-wrap{
    display:none;
    
}

.elementor-29 .elementor-element.elementor-element-7669482 ul {
    position: relative;
    padding: 0 .75rem;
    margin-top: .75rem;
}



.elementor-29 .elementor-element.elementor-element-7669482 ul{
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    
}

.elementor-29 .elementor-element.elementor-element-7669482 ul li {
        width:100%;
    margin: 0px!important;
    border: 1px solid transparent;
    
    margin-bottom: .75rem !important;
}


.elementor-29 .elementor-element.elementor-element-7669482 ul li a{
   width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(180deg,  #d7bc75, #8D7C4D);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
    color: hsla(0, 0%, 100%, .8);
    padding: .75rem 1rem !important;
    flex-direction: column;
    border-radius: 14px;
    border: solid 1px #FFD86B !important;
    gap:5px
}




/*เมนูที่ Active จะมีสีแบลค็คกลาวค้างไว้*/
.elementor-29 .elementor-element.elementor-element-7669482 .current-menu-item a{
   background: linear-gradient(180deg, #8D7C4D, #484027)  !important;
  
}


.elementor-29 .elementor-element.elementor-element-7669482 span.menu-image-title-below.menu-image-title{
    font-size: 15px;
}

.elementor-29 .elementor-element.elementor-element-7669482 .menu-image-title-below.menu-image-not-hovered > img, .menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper, .menu-image-title-below .menu-image-hover-wrapper{
    padding-bottom: 2px !important;
}

.wpr-mobile-nav-menu:not(.wpr-mobile-mega-menu) {
    z-index: 1 important;
}



@media(max-width:500px){
    
    .elementor-29 .elementor-element.elementor-element-7669482 ul {
    position: relative;
    padding: 0 0.3rem;
   
}

.elementor-29 .elementor-element.elementor-element-7669482 ul li a{
    gap:0px;
    padding: 0rem  0rem !important;
  
}    

.elementor-29 .elementor-element.elementor-element-7669482 ul li {
    margin-bottom: .4rem !important;
}





.elementor-29 .elementor-element.elementor-element-7669482 span.menu-image-title-below.menu-image-title{
    font-size: 13px;
}


    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-088faff */.sticky2 {
  position: fixed;
  top: 0;
  width: 20%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3e5eee */.nav-left-menu-mobile{
    display:none;
}


@media (max-width:1050px){
    .nav-left-menu-mobile{
    display:block;
    position:relative;
    background: linear-gradient(180deg, #021631, #021631);
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0dd7cea */.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);
}

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


.-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: 10px;
    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: #fafafa;
    background: #EBBC5E;
    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;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fff7344 */.elementor-29 .elementor-element.elementor-element-fff7344 figcaption.widget-image-caption.wp-caption-text {
   white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2eff3e */.elementor-29 .elementor-element.elementor-element-a2eff3e.provider-game{
    padding: 0 1rem 2rem;
}


@media (max-width:500px){
    .elementor-29 .elementor-element.elementor-element-a2eff3e.provider-game{
    padding: 0 0.5rem 2rem;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57b626a */.elementor-29 .elementor-element.elementor-element-57b626a.main-content-mid{
    width: 100%;
    padding-left: 250px;
}


@media (max-width: 1480px){
.elementor-29 .elementor-element.elementor-element-57b626a.main-content-mid{
   padding-left: 200px;
}

}


@media (max-width: 1050px){
.elementor-29 .elementor-element.elementor-element-57b626a.main-content-mid{
   padding-left: 0px;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8bebf20 */.main-section{
    margin-top: 75px;
}


@media (max-width:991px){
   .main-section{
    margin-top: 65px;
} 
}/* End custom CSS */