.elementor-27 .elementor-element.elementor-element-942634c{--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-27 .elementor-element.elementor-element-942634c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-177a64e{--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-27 .elementor-element.elementor-element-60f1f3d{--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-27 .elementor-element.elementor-element-76c109b{--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-27 .elementor-element.elementor-element-31e7cdd.ob-harakiri{writing-mode:inherit;}.elementor-27 .elementor-element.elementor-element-31e7cdd.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-27 .elementor-element.elementor-element-31e7cdd.ob-harakiri div{writing-mode:inherit;}.elementor-27 .elementor-element.elementor-element-31e7cdd > .elementor-widget-container{margin:0rem 0rem 1rem 0rem;padding:0rem 1rem 0rem 1rem;}.elementor-27 .elementor-element.elementor-element-31e7cdd{text-align:center;}.elementor-27 .elementor-element.elementor-element-31e7cdd .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-31e7cdd.ob-harakiri > div, .elementor-27 .elementor-element.elementor-element-31e7cdd.ob-harakiri > h1, .elementor-27 .elementor-element.elementor-element-31e7cdd.ob-harakiri > h2, .elementor-27 .elementor-element.elementor-element-31e7cdd.ob-harakiri > h3, .elementor-27 .elementor-element.elementor-element-31e7cdd.ob-harakiri > h4, .elementor-27 .elementor-element.elementor-element-31e7cdd.ob-harakiri > h5, .elementor-27 .elementor-element.elementor-element-31e7cdd.ob-harakiri > h6, .elementor-27 .elementor-element.elementor-element-31e7cdd.ob-harakiri > p{transform:rotate(0deg);}.elementor-27 .elementor-element.elementor-element-31e7cdd > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-27 .elementor-element.elementor-element-4c10341{--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-27 .elementor-element.elementor-element-e37a313{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 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-27 .elementor-element.elementor-element-942634c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-31e7cdd .elementor-heading-title{font-size:18px;}.elementor-27 .elementor-element.elementor-element-e37a313{--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-27 .elementor-element.elementor-element-76c109b{--width:100%;}.elementor-27 .elementor-element.elementor-element-31e7cdd > .elementor-widget-container{padding:0rem 0rem 0rem 0rem;}.elementor-27 .elementor-element.elementor-element-31e7cdd{text-align:center;}.elementor-27 .elementor-element.elementor-element-31e7cdd .elementor-heading-title{font-size:13px;}.elementor-27 .elementor-element.elementor-element-e37a313{--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-27 .elementor-element.elementor-element-942634c{--width:100%;}.elementor-27 .elementor-element.elementor-element-177a64e{--content-width:100%;}.elementor-27 .elementor-element.elementor-element-76c109b{--width:100%;}.elementor-27 .elementor-element.elementor-element-4c10341{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-27 .elementor-element.elementor-element-76c109b{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-c33fd8d */.game-card {
    position: relative;
    display: flex;
    height: 100%;
    border-radius: 8px;
    box-shadow: 0 0 8px #750377;
}

.game-card-img-container {
    width: 100%;
}



.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 !important;
}

img.game-card-img{
    border-radius: 10px !important;
    width:100% !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: 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: #00000;
    background: #FBEC65;
    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-e37a313 */.elementor-27 .elementor-element.elementor-element-e37a313 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-4c10341 */.elementor-27 .elementor-element.elementor-element-4c10341.provider-game{
    padding: 0 1rem 2rem;
}


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


@media (max-width: 1480px){
.elementor-27 .elementor-element.elementor-element-177a64e.main-content-mid{
   padding-left: 200px;
}

}


@media (max-width: 1050px){
.elementor-27 .elementor-element.elementor-element-177a64e.main-content-mid{
   padding-left: 0px;
}

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


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