.elementor-23 .elementor-element.elementor-element-fabf045{--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;--border-radius:25px 25px 25px 25px;}.elementor-23 .elementor-element.elementor-element-fabf045:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-fabf045 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFEFFED;}.elementor-23 .elementor-element.elementor-element-01a7ae4{--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:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-23 .elementor-element.elementor-element-01a7ae4:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-01a7ae4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFD1;}.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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-f6d9caf{text-align:center;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-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 );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-table-of-contents .elementor-toc__list-item{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-23 .elementor-element.elementor-element-c28e809 .elementor-toc__header-title{text-align:start;}.elementor-23 .elementor-element.elementor-element-c28e809 .elementor-toc__header{flex-direction:row;}.elementor-23 .elementor-element.elementor-element-c28e809{--item-text-hover-decoration:underline;}.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 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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-23 .elementor-element.elementor-element-7cb319d img{border-radius:20px 20px 20px 20px;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);}.elementor-23 .elementor-element.elementor-element-9fedba4{text-align:center;}.elementor-23 .elementor-element.elementor-element-c662703{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-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.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-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-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{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-76de36c .uael-faq-container > .uael-faq-accordion:not(:last-child){margin-bottom:10px;}.elementor-23 .elementor-element.elementor-element-76de36c .uael-faq-wrapper .uael-faq-container .uael-faq-accordion{border-style:solid;border-width:1px 1px 1px 1px;border-color:#D4D4D4;}.elementor-23 .elementor-element.elementor-element-76de36c .uael-faq-container .uael-faq-accordion .uael-accordion-content{border-top-color:#D4D4D4;}.elementor-23 .elementor-element.elementor-element-76de36c .uael-faq-container .uael-faq-accordion{border-radius:1px 1px 1px 1px;}.elementor-23 .elementor-element.elementor-element-76de36c .uael-faq-accordion .uael-accordion-title .uael-question-span, .elementor-23 .elementor-element.elementor-element-76de36c .uael-faq-accordion .uael-accordion-title .uael-accordion-icon{font-family:"Kanit", Sans-serif;font-size:19px;font-weight:600;line-height:27px;}.elementor-23 .elementor-element.elementor-element-76de36c .uael-faq-accordion .uael-accordion-title{padding:10px 10px 10px 10px;}.elementor-23 .elementor-element.elementor-element-76de36c .uael-faq-accordion .uael-accordion-content{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;padding:10px 10px 10px 10px;}.elementor-23 .elementor-element.elementor-element-76de36c .uael-faq-wrapper .uael-accordion-title .uael-accordion-icon{font-size:16px;}.elementor-23 .elementor-element.elementor-element-76de36c .uael-faq-wrapper .uael-accordion-title .uael-accordion-icon svg{height:16px;width:16px;}.elementor-23 .elementor-element.elementor-element-76de36c .uael-accordion-icon.uael-accordion-icon-left{margin-right:15px;}.elementor-23 .elementor-element.elementor-element-76de36c .uael-accordion-icon.uael-accordion-icon-right{margin-left:15px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.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-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-content{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.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-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-content{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-ceab5e2 */.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: 700px;
            overflow: hidden;
            border-radius: 15px;
            /* เพิ่มความโค้งมน */

        }
.game-image {
            width: 100%;
            max-height: 250px;
            object-fit: cover;
            border-radius: 15px;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
            /* เพิ่มเงา */
        }

        /* ปุ่ม Play Demo */
        .play-button {
            border: 2px solid #d3a273;
    padding: 10px 20px;
    background: linear-gradient(0deg, rgba(110, 86, 71, 1) 0%, rgba(232, 201, 155, 1) 100%);
    color: #21201f;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    border-radius: 20px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        }

        .play-button:hover {
            background-color: #9E7044;
            color: #a8ffac;
        }

        /* สไตล์สำหรับปุ่ม category */
        #category-filter {
            margin-bottom: 20px;
            text-align: center;
        }

        .category-button {
            margin: 3px;
    padding: 5px 10px;
    font-size: 0.9em;
    border: 1px solid #9E7044;
    background: linear-gradient(0deg, rgba(110, 86, 71, 1) 0%, rgba(232, 201, 155, 1) 100%);
    color: #ffffff;
    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: #9E7044;
            color: #a8ffac;
        }

       /* สไตล์สำหรับ 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: 170px;
                object-fit: cover;
            }

            .play-button {
                padding: 5px 10px;
                font-size: 12px;
            }

            .grid-container {
                display: grid;
                grid-template-columns: 1fr 1fr;
                /* สร้าง 2 คอลัมน์ที่มีความกว้างเท่ากัน */
                gap: 10px;
                /* ระยะห่างระหว่างรูปภาพ */
                padding: 10px;
            }
        }/* End custom CSS */