.elementor-33 .elementor-element.elementor-element-3087b6e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-25a9dd4{--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:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-33 .elementor-element.elementor-element-6529192{--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-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-33 .elementor-element.elementor-element-fb889f4{--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-33 .elementor-element.elementor-element-2fe4693{--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;--margin-top:-69px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-7d9b05d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--overlay-opacity:0.92;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#1EBA00;--border-color:#1EBA00;--border-radius:30px 30px 30px 30px;--padding-top:116px;--padding-bottom:52px;--padding-left:52px;--padding-right:52px;}.elementor-33 .elementor-element.elementor-element-7d9b05d::before, .elementor-33 .elementor-element.elementor-element-7d9b05d > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-7d9b05d > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-7d9b05d > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-7d9b05d > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-7d9b05d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #100B0B 0%, #0A4502 100%);}.elementor-33 .elementor-element.elementor-element-317a297{--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-33 .elementor-element.elementor-element-b536b2e{--display:flex;--overlay-opacity:0.65;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#013E06;--border-color:#013E06;--border-radius:25px 25px 25px 25px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-33 .elementor-element.elementor-element-b536b2e::before, .elementor-33 .elementor-element.elementor-element-b536b2e > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-b536b2e > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-b536b2e > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-b536b2e > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-b536b2e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-33 .elementor-element.elementor-element-fa77875{text-align:center;}.elementor-33 .elementor-element.elementor-element-fa77875 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.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-widget-uael-table-of-contents .uael-toc-heading, .elementor-widget-uael-table-of-contents .uael-toc-switch .uael-icon{color:var( --e-global-color-primary );}.elementor-widget-uael-table-of-contents .uael-toc-heading, .elementor-widget-uael-table-of-contents .uael-toc-heading a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-uael-table-of-contents .uael-toc-content-wrapper, .elementor-widget-uael-table-of-contents .uael-toc-empty-note{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-table-of-contents .uael-toc-content-wrapper a, .elementor-widget-uael-table-of-contents .uael-toc-list li, .elementor-widget-uael-table-of-contents .uael-toc-empty-note{color:var( --e-global-color-secondary );}.elementor-widget-uael-table-of-contents .uael-toc-content-wrapper a:hover{color:var( --e-global-color-accent );}.elementor-33 .elementor-element.elementor-element-128357d .uael-toc-heading{text-align:left;}.elementor-33 .elementor-element.elementor-element-128357d .uael-toc-list li{margin-top:15px;}.elementor-33 .elementor-element.elementor-element-128357d .uael-toc-content-wrapper #toc-li-0{margin-top:0px;}.elementor-33 .elementor-element.elementor-element-128357d .uael-toc-wrapper{padding:40px 40px 40px 40px;}.elementor-33 .elementor-element.elementor-element-915f416{--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-33 .elementor-element.elementor-element-f15ea9d{--display:flex;--overlay-opacity:0.65;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#013E06;--border-color:#013E06;--border-radius:25px 25px 25px 25px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-33 .elementor-element.elementor-element-f15ea9d::before, .elementor-33 .elementor-element.elementor-element-f15ea9d > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-f15ea9d > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-f15ea9d > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-f15ea9d > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-f15ea9d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-33 .elementor-element.elementor-element-bf3909b{text-align:center;}.elementor-33 .elementor-element.elementor-element-8473c66{--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-33 .elementor-element.elementor-element-5cde23a{--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-33 .elementor-element.elementor-element-52d9fa3{--display:flex;--overlay-opacity:0.65;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#013E06;--border-color:#013E06;--border-radius:25px 25px 25px 25px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-33 .elementor-element.elementor-element-52d9fa3::before, .elementor-33 .elementor-element.elementor-element-52d9fa3 > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-52d9fa3 > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-52d9fa3 > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-52d9fa3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-52d9fa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-33 .elementor-element.elementor-element-1096ec3{text-align:center;}.elementor-33 .elementor-element.elementor-element-b7ed5f5{text-align:center;}.elementor-33 .elementor-element.elementor-element-b5e3c31{--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-33 .elementor-element.elementor-element-e0e6d7b{--display:flex;--overlay-opacity:0.65;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#013E06;--border-color:#013E06;--border-radius:25px 25px 25px 25px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-33 .elementor-element.elementor-element-e0e6d7b::before, .elementor-33 .elementor-element.elementor-element-e0e6d7b > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-e0e6d7b > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-e0e6d7b > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-e0e6d7b > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-e0e6d7b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-33 .elementor-element.elementor-element-849d216{text-align:center;}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-question-span, .elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-accordion-icon{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-question-span,
						.elementor-widget-uael-faq  .uael-accordion-icon-closed, .elementor-widget-uael-faq span.uael-accordion-icon-opened{color:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-accordion-icon-closed, .elementor-widget-uael-faq span.uael-accordion-icon-opened{fill:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title.uael-title-active .uael-question-span,
						.elementor-widget-uael-faq span.uael-accordion-icon-opened{color:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-question-span:hover,
					.elementor-widget-uael-faq  .uael-accordion-icon-closed:hover{color:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-accordion-icon-closed:hover{fill:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title.uael-title-active:hover .uael-question-span,
					.elementor-widget-uael-faq span.uael-accordion-icon-opened:hover{color:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-content{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-uael-faq .uael-faq-accordion .uael-accordion-content:hover{color:var( --e-global-color-text );}
				.elementor-widget-uael-faq  .uael-accordion-icon-closed{color:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-accordion-icon-closed{fill:var( --e-global-color-primary );}.elementor-widget-uael-faq span.uael-accordion-icon-opened{color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-305451c .uael-faq-container > .uael-faq-accordion:not(:last-child){margin-bottom:10px;}.elementor-33 .elementor-element.elementor-element-305451c .uael-faq-wrapper .uael-faq-container .uael-faq-accordion{border-style:solid;border-width:1px 1px 1px 1px;border-color:#D4D4D4;}.elementor-33 .elementor-element.elementor-element-305451c .uael-faq-container .uael-faq-accordion .uael-accordion-content{border-top-color:#D4D4D4;}.elementor-33 .elementor-element.elementor-element-305451c .uael-faq-container .uael-faq-accordion{border-radius:1px 1px 1px 1px;}.elementor-33 .elementor-element.elementor-element-305451c .uael-faq-accordion .uael-accordion-title{padding:10px 10px 10px 10px;}.elementor-33 .elementor-element.elementor-element-305451c .uael-faq-accordion .uael-accordion-content{padding:10px 10px 10px 10px;}.elementor-33 .elementor-element.elementor-element-305451c .uael-faq-wrapper .uael-accordion-title .uael-accordion-icon{font-size:16px;}.elementor-33 .elementor-element.elementor-element-305451c .uael-faq-wrapper .uael-accordion-title .uael-accordion-icon svg{height:16px;width:16px;}.elementor-33 .elementor-element.elementor-element-305451c .uael-accordion-icon.uael-accordion-icon-left{margin-right:15px;}.elementor-33 .elementor-element.elementor-element-305451c .uael-accordion-icon.uael-accordion-icon-right{margin-left:15px;}@media(max-width:1024px){.elementor-33 .elementor-element.elementor-element-7d9b05d{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-25a9dd4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33 .elementor-element.elementor-element-6529192{--width:50%;}.elementor-33 .elementor-element.elementor-element-fb889f4{--width:50%;}.elementor-33 .elementor-element.elementor-element-2fe4693{--margin-top:-49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33 .elementor-element.elementor-element-7d9b05d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:50px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-33 .elementor-element.elementor-element-b536b2e{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-33 .elementor-element.elementor-element-fa77875 .elementor-heading-title{font-size:22px;}.elementor-33 .elementor-element.elementor-element-f15ea9d{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-33 .elementor-element.elementor-element-52d9fa3{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-33 .elementor-element.elementor-element-e0e6d7b{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-6529192{--width:50%;}.elementor-33 .elementor-element.elementor-element-fb889f4{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-ff02efa *//* สไตล์สำหรับจัดเรียงเกมเป็น 5 คอลัมน์บน Desktop และ 2 คอลัมน์บน Mobile */
    .games-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
        padding: 10px;
    }
    
    .game-card {
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
        max-height: 500px;
        overflow: hidden;
				border-radius: 15px; /* เพิ่มความโค้งมน */
				
    }
    
    .game-image {
        width: 100%;
        height: auto;
        max-height: 260px;
        object-fit: cover;
	border-radius: 15px; /* เพิ่มความโค้งมน */
    	box-shadow: 0px 4px 6px rgba(0,0,0,0.1); /* เพิ่มเงา */
    }

    /* ปุ่ม Play Demo */
    .play-button {
        border: 2px solid #1e7b34;
        padding: 10px 20px;
        background-color: #000000;
        color: #1df650;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s;
    border-radius: 15px; /* เพิ่มความโค้งมน */
    box-shadow: 0px 4px 6px rgba(0,0,0,0.1); /* เพิ่มเงา */
    }
    
    .play-button:hover {
        background-color: #1e7b34;
        color: #ffffff;
    }

    /* สไตล์สำหรับปุ่ม category */
    #category-filter {
        margin-bottom: 20px;
        text-align: center;
    }
    .category-button {
        margin: 3px;
        padding: 5px 10px;
        font-size: 0.9em;
        border: 1px solid #1e7b34;
        background-color: #fff;
        color: #1e7b34;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s;
				border-radius: 15px; /* เพิ่มความโค้งมน */
        box-shadow: 0px 4px 6px rgba(0,0,0,0.1); /* เพิ่มเงา */
			
    }
    .category-button:hover {
        background-color: #1e7b34;
        color: #ffffff;
    }
 

    /* สไตล์สำหรับ Mobile */
@media (max-width: 768px) {
    .games-grid {
        grid-template-columns: repeat(3, 1fr); /* แสดง 3 คอลัมน์ */
        gap: 8px;
    }

    .game-card {
        padding: 5px;
        max-height: 290px;
        font-size: 10px;
    }

    .game-image {
        max-height: 132px; /* ลดความสูงของรูปภาพ */
        object-fit: cover;
    }

    .play-button {
        padding: 5px 10px;
        font-size: 12px;
    }
}/* End custom CSS */