.elementor-2 .elementor-element.elementor-element-e4313d8{--display:flex;--min-height:90vh;--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:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-24289d0{--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-widget-ucaddon_marquee .ue_marquee{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-2 .elementor-element.elementor-element-bee7a31 .marquee_text-container{animation-duration:35s;}.elementor-2 .elementor-element.elementor-element-bee7a31 .ue_marquee,.elementor-2 .elementor-element.elementor-element-bee7a31 .ue_marquee a{color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-bee7a31 .ue_marquee{background-color:transparent;background-image:linear-gradient(180deg, #745E09 0%, var( --e-global-color-810f511 ) 100%);padding:10px 0px 10px 0px;max-width:100%;border-radius:0px;}.elementor-2 .elementor-element.elementor-element-87c8d33{--e-image-carousel-slides-to-show:1;}.elementor-2 .elementor-element.elementor-element-87c8d33 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-2 .elementor-element.elementor-element-87c8d33 .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-87c8d33 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-2 .elementor-element.elementor-element-87c8d33 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-87c8d33 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var( --e-global-color-primary );opacity:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-87c8d33 .swiper-pagination-bullet{background:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-262ca17{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2 .elementor-element.elementor-element-ffde3e4{--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-widget-premium-addon-button .premium-button .premium-button-text-icon-wrapper span{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-button .premium-button-text-icon-wrapper i{color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-button .premium-drawable-icon *, .elementor-widget-premium-addon-button .premium-button-text-icon-wrapper svg:not([class*="premium-"]){fill:var( --e-global-color-secondary );}.elementor-widget-premium-addon-button .premium-button, .elementor-widget-premium-addon-button .premium-button.premium-button-style2-shutinhor:before , .elementor-widget-premium-addon-button .premium-button.premium-button-style2-shutinver:before , .elementor-widget-premium-addon-button .premium-button-style5-radialin:before , .elementor-widget-premium-addon-button .premium-button-style5-rectin:before{background-color:var( --e-global-color-primary );}.elementor-widget-premium-addon-button .premium-button:hover .premium-button-text-icon-wrapper span, .elementor-widget-premium-addon-button .premium-button-line6::after{color:var( --e-global-color-primary );}.elementor-widget-premium-addon-button .premium-button:hover .premium-button-text-icon-wrapper i{color:var( --e-global-color-primary );}.elementor-widget-premium-addon-button .premium-button:hover .premium-drawable-icon *, .elementor-widget-premium-addon-button .premium-button:hover svg:not([class*="premium-"]){fill:var( --e-global-color-primary );}.elementor-widget-premium-addon-button .premium-btn-svg{stroke:var( --e-global-color-secondary );}.elementor-widget-premium-addon-button .premium-button-line2::before, .elementor-widget-premium-addon-button .premium-button-line4::before, .elementor-widget-premium-addon-button .premium-button-line5::before, .elementor-widget-premium-addon-button .premium-button-line5::after, .elementor-widget-premium-addon-button .premium-button-line6::before, .elementor-widget-premium-addon-button .premium-button-line7::before{background-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-button .premium-button-style4-icon-wrapper{color:var( --e-global-color-primary );}.elementor-widget-premium-addon-button .premium-button-style4-icon-wrapper svg{fill:var( --e-global-color-primary );}.elementor-widget-premium-addon-button .premium-button-none:hover, .elementor-widget-premium-addon-button .premium-button-style8:hover, .elementor-widget-premium-addon-button .premium-button-style1:before, .elementor-widget-premium-addon-button .premium-button-style2-shutouthor:before, .elementor-widget-premium-addon-button .premium-button-style2-shutoutver:before, .elementor-widget-premium-addon-button .premium-button-style2-shutinhor, .elementor-widget-premium-addon-button .premium-button-style2-shutinver, .elementor-widget-premium-addon-button .premium-button-style2-dshutinhor:before, .elementor-widget-premium-addon-button .premium-button-style2-dshutinver:before, .elementor-widget-premium-addon-button .premium-button-style2-scshutouthor:before, .elementor-widget-premium-addon-button .premium-button-style2-scshutoutver:before, .elementor-widget-premium-addon-button .premium-button-style3-after:hover, .elementor-widget-premium-addon-button .premium-button-style3-before:hover, .elementor-widget-premium-addon-button .premium-button-style4-icon-wrapper, .elementor-widget-premium-addon-button .premium-button-style5-radialin, .elementor-widget-premium-addon-button .premium-button-style5-radialout:before, .elementor-widget-premium-addon-button .premium-button-style5-rectin, .elementor-widget-premium-addon-button .premium-button-style5-rectout:before, .elementor-widget-premium-addon-button .premium-button-style6-bg, .elementor-widget-premium-addon-button .premium-button-style6:hover, .elementor-widget-premium-addon-button .premium-button-style6:hover::before{background-color:var( --e-global-color-text );}.elementor-widget-premium-addon-button .premium-button-style7 .premium-button-text-icon-wrapper:before{background-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-button .premium-button-style7 .premium-button-text-icon-wrapper:after{background-color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-text-icon-wrapper{flex-direction:row;}.elementor-2 .elementor-element.elementor-element-8cdcdaa{text-align:center;}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button{width:100%;border-radius:10px;margin:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button .premium-button-text-icon-wrapper span{font-family:var( --e-global-typography-955ffb4-font-family ), Sans-serif;font-size:var( --e-global-typography-955ffb4-font-size );font-weight:var( --e-global-typography-955ffb4-font-weight );line-height:var( --e-global-typography-955ffb4-line-height );letter-spacing:var( --e-global-typography-955ffb4-letter-spacing );word-spacing:var( --e-global-typography-955ffb4-word-spacing );color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button.premium-button-style2-shutinhor:before , .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button.premium-button-style2-shutinver:before , .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style5-radialin:before , .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style5-rectin:before{background-color:#B70000;}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-line6::after{padding:10px 20px 10px 21px;}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button:hover .premium-button-text-icon-wrapper span, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-line6::after{color:var( --e-global-color-5697712 );}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button:hover .premium-button-text-icon-wrapper i{color:var( --e-global-color-4e4f863 );}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button:hover .premium-drawable-icon *, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button:hover svg:not([class*="premium-"]){fill:var( --e-global-color-4e4f863 );}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-none:hover, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style8:hover, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style1:before, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style2-shutouthor:before, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style2-shutoutver:before, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style2-shutinhor, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style2-shutinver, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style2-dshutinhor:before, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style2-dshutinver:before, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style2-scshutouthor:before, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style2-scshutoutver:before, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style3-after:hover, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style3-before:hover, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style4-icon-wrapper, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style5-radialin, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style5-radialout:before, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style5-rectin, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style5-rectout:before, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style6-bg, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style6:hover, .elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button-style6:hover::before{background-color:var( --e-global-color-4e4f863 );}.elementor-2 .elementor-element.elementor-element-445de00{--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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 );}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-e4313d8{--min-height:100vh;}.elementor-widget-ucaddon_marquee .ue_marquee{font-size:var( --e-global-typography-text-font-size );}.elementor-2 .elementor-element.elementor-element-262ca17{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-premium-addon-button .premium-button .premium-button-text-icon-wrapper span{font-size:var( --e-global-typography-primary-font-size );}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button{width:100%;}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button .premium-button-text-icon-wrapper span{font-size:var( --e-global-typography-955ffb4-font-size );line-height:var( --e-global-typography-955ffb4-line-height );letter-spacing:var( --e-global-typography-955ffb4-letter-spacing );word-spacing:var( --e-global-typography-955ffb4-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-e4313d8{--min-height:70vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-ucaddon_marquee .ue_marquee{font-size:var( --e-global-typography-text-font-size );}.elementor-2 .elementor-element.elementor-element-262ca17{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-premium-addon-button .premium-button .premium-button-text-icon-wrapper span{font-size:var( --e-global-typography-primary-font-size );}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button{width:100%;}.elementor-2 .elementor-element.elementor-element-8cdcdaa .premium-button .premium-button-text-icon-wrapper span{font-size:var( --e-global-typography-955ffb4-font-size );line-height:var( --e-global-typography-955ffb4-line-height );letter-spacing:var( --e-global-typography-955ffb4-letter-spacing );word-spacing:var( --e-global-typography-955ffb4-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-262ca17 */.elementor-2 .elementor-element.elementor-element-262ca17 {
   display: grid;
}

.BTTITLE{
    font-size: 20px;
    padding-top: 22px;
    padding-left: 20px;
    color: white;
}


.game-type-item {
    width: 100%;
    hight: 100%;
    display: flex
;
    background-image: linear-gradient(to bottom right, #f1721d00, #f1721d);
    box-shadow: 5px 4px 10px 0px #00000073;
    border-radius: 1em;
    height: 180px;
    position: relative;
    margin-bottom: 1em;
    cursor: pointer;
}

.game-type-item.slot {
    background-image: linear-gradient(to bottom right, #f1721d00, #f1721d);
}
.game-type-item.fish {
    background-image: linear-gradient(to bottom right, #22499e2b, #13d0e6);
}
.game-type-item.ba {
    background-image: linear-gradient(to bottom right, #49269469, #c2257c);
}
.game-type-item.sport {
    background-image: linear-gradient(to bottom right, #ff3adb00, #db4336);
}
.game-type-item.lotto {
    background-image: linear-gradient(to bottom right, #ff3adb00, #4ABB2E);
}
.game-type-item.live {
    background-image: linear-gradient(to bottom right, #3a40ff00, #09803775);
}

.game-type-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
  cursor: pointer;
}

.game-type-item:hover {
  transform: translateY(-8px); /* ลอยขึ้นเล็กน้อย */
  box-shadow: 0 10px 20px rgba(255, 255, 255, 0.2); /* เงาสว่าง */
  filter: brightness(1.15); /* เพิ่มความสว่าง */
}




/* โค้ดนี้ใช้ได้ตั้งแต่ขนาดจอเล็กลง (ipad) */
@media (max-width: 1024px) {
  .game-type-block {
    height: 250px; 
  }
    .game-type-item {
    display: flex;
    flex-direction: column; /* วางแนวตั้ง */
    align-items: flex-start;
    height: 250px; 
    
  }
    .BTTITLE{
    font-size: 20px;
    padding-top: 15px;
    }
  
    .game-type-item .game-title {
    order: -1; /* เอาข้อความขึ้นก่อน */
    padding: 8px 8px;
    border-radius: 4px;
  }
  
    .game-type-item img {
    width: 100%;
    height: auto;
  }
    
  }


/* โค้ดนี้ใช้ได้ตั้งแต่ขนาดจอเล็กลง (mobile) */

@media (max-width: 480px) {
    .game-type-block {
    height: 150px; 
  }
  
  .game-type-item {
    display: flex;
    flex-direction: column; /* วางแนวตั้ง */
    align-items: flex-start;
    height: 150px; 
    
  }
    .BTTITLE{
    font-size: 15px;
    padding-top: 15px;
    
  }

  .game-type-item .game-title {
    order: -1; /* เอาข้อความขึ้นก่อน */
    padding: 8px 8px;
    border-radius: 4px;
  }

  .game-type-item img {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
  }
    
}/* End custom CSS */