.elementor-107 .elementor-element.elementor-element-3ccf9e3{--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:130px;--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-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-d6e0151{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-107 .elementor-element.elementor-element-3ccf9e3{--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-107 .elementor-element.elementor-element-3ccf9e3{--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for html, class: .elementor-element-a2d8e37 *//* สไตล์สำหรับจัดเรียงเกมเป็น 5 คอลัมน์บน Desktop และ 2 คอลัมน์บน Mobile */
    .games-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
        padding: 10px;
    }
    p {
    color: #fff!important;
    
    }
    .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 */