.elementor-21 .elementor-element.elementor-element-f0fcd17{--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-21 .elementor-element.elementor-element-0006dfa{--e-image-carousel-slides-to-show:1;}.elementor-21 .elementor-element.elementor-element-a8407cd{--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-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-21 .elementor-element.elementor-element-baec288{text-align:center;}.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-21 .elementor-element.elementor-element-8d3a8cd{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-f733890{--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-21 .elementor-element.elementor-element-5eac497{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-2475956:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-5aeaba4:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-15461cf:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-41f2151:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-22f8876:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-2ec91fa:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-098de2f:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-a993479:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-7409a6e:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-9472d2c:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-d187898{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-5c950b6{--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-21 .elementor-element.elementor-element-4885825{--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-21 .elementor-element.elementor-element-2768903{text-align:center;}.elementor-21 .elementor-element.elementor-element-10462f2{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-69d300a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-b2e1771 img{max-width:70%;}.elementor-21 .elementor-element.elementor-element-b8fa5d6 img{max-width:70%;}.elementor-21 .elementor-element.elementor-element-0e2d9a0 img{max-width:70%;}.elementor-21 .elementor-element.elementor-element-5a9e708{--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-21 .elementor-element.elementor-element-0e30e2d{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-3655fa2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-f89e5c0{--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-21 .elementor-element.elementor-element-8bdb903{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-c16deed{--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-21 .elementor-element.elementor-element-cf1339f{--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-21 .elementor-element.elementor-element-dc07444{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-11bd19a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-9f67fd4{--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-21 .elementor-element.elementor-element-a3e898e{--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-21 .elementor-element.elementor-element-5dafd9b{text-align:center;}.elementor-21 .elementor-element.elementor-element-36477eb{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-2cfae20{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-21b2e3e{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-235d0d9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-51579f1{--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-21 .elementor-element.elementor-element-fbfbf92{--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-21 .elementor-element.elementor-element-b9e58d5{text-align:center;}.elementor-21 .elementor-element.elementor-element-ee30624{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-f931dbe{--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-21 .elementor-element.elementor-element-7bf1eac img{max-width:40%;}.elementor-21 .elementor-element.elementor-element-a0a5325{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-48d1f01{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-93dad25{--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-21 .elementor-element.elementor-element-31e8e61{text-align:center;}.elementor-21 .elementor-element.elementor-element-e0e44f2{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-d6165d8{--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-21 .elementor-element.elementor-element-992c430{--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-21 .elementor-element.elementor-element-68c3455{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-5492b84{--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-21 .elementor-element.elementor-element-b2949e7{--e-image-carousel-slides-to-show:4;}.elementor-21 .elementor-element.elementor-element-b2949e7 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-c7bf430{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-d0cf538{--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-21 .elementor-element.elementor-element-88e3a53{--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-21 .elementor-element.elementor-element-ff21072{text-align:center;}.elementor-21 .elementor-element.elementor-element-e99d274{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-6d3952a{--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-21 .elementor-element.elementor-element-4c89ace{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #4A260F 0%, #E7C77A 100%);border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-ab5be2a{--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:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-8cb2bf6{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-8cb2bf6 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-9099274{--display:flex;}.elementor-21 .elementor-element.elementor-element-20ae64f{--display:flex;}.elementor-21 .elementor-element.elementor-element-2845506{--display:flex;}.elementor-21 .elementor-element.elementor-element-6a52103{--display:flex;}.elementor-21 .elementor-element.elementor-element-08d71f1{--n-accordion-title-font-size:1rem;padding:0px 0px 0px 0px;--n-accordion-item-title-space-between:3px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-title-hover-color:#E7C77A;--n-accordion-title-active-color:#E7C77A;--n-accordion-icon-size:15px;}.elementor-21 .elementor-element.elementor-element-08d71f1 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#3F1F0B;border-style:none;}:where( .elementor-21 .elementor-element.elementor-element-08d71f1 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#E7C77A;border-style:none;--border-radius:8px 8px 8px 8px;}.elementor-21 .elementor-element.elementor-element-08d71f1 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:none;}.elementor-21 .elementor-element.elementor-element-08d71f1 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-5c950b6{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-4885825{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-f89e5c0{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-c16deed{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-9f67fd4{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-a3e898e{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-51579f1{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-fbfbf92{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-93dad25{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-d6165d8{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-d0cf538{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-88e3a53{--width:66.6666%;}}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-5eac497{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-69d300a{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-2cfae20{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-a0a5325{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-baec288{text-align:start;}.elementor-21 .elementor-element.elementor-element-5eac497{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-69d300a{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-b2e1771 img{max-width:100%;}.elementor-21 .elementor-element.elementor-element-b8fa5d6 img{max-width:100%;}.elementor-21 .elementor-element.elementor-element-0e2d9a0 img{max-width:100%;}.elementor-21 .elementor-element.elementor-element-3655fa2{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21 .elementor-element.elementor-element-2cfae20{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-7bf1eac img{max-width:50%;}.elementor-21 .elementor-element.elementor-element-a0a5325{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-48d1f01{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21 .elementor-element.elementor-element-b2949e7{--e-image-carousel-slides-to-show:2;}.elementor-21 .elementor-element.elementor-element-8cb2bf6{text-align:center;}.elementor-21 .elementor-element.elementor-element-08d71f1{padding:0px 10px 10px 10px;}}/* Start custom CSS for image, class: .elementor-element-91d94e1 *//* นำเข้าฟอนต์ Kanit */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');

/* ตั้งค่าให้กล่องที่ครอบรูปอยู่เป็นจุดอ้างอิง */
.elementor-21 .elementor-element.elementor-element-91d94e1 {
    position: relative;
    overflow: hidden;
    display: block;
}

/* ตั้งค่ารูปภาพและแอนิเมชันตอนยังไม่ชี้เมาส์ */
.elementor-21 .elementor-element.elementor-element-91d94e1 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* เอฟเฟกต์เมื่อนำเมาส์ไปชี้: เบลอภาพ ลดแสง และเพิ่มโทนอุ่น (sepia) ให้เข้ากับธีมทอง */
.elementor-21 .elementor-element.elementor-element-91d94e1:hover img {
    filter: blur(6px) brightness(0.5) sepia(0.3) !important;
    transform: scale(1) !important; 
}

/* สร้างข้อความ "ทดลองเล่น" ด้วย CSS ล้วน */
.elementor-21 .elementor-element.elementor-element-91d94e1::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
    font-family: 'Kanit', sans-serif;
    font-size: 28px; /* ปรับขนาดให้เล็กลงตรงนี้ */
    color: #fffdf5; 
    font-weight: 500;
    /* เอฟเฟกต์เรืองแสงธีมน้ำตาลทองหรูหรา (ไล่จากทองสว่างไปน้ำตาลเข้ม) */
    text-shadow: 0 0 10px #ffd700, 0 0 20px #d4af37, 0 0 30px #996515, 0 0 40px #5c3a21;
    transition: all 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
}

/* เอฟเฟกต์ข้อความเด้งขึ้นมาเมื่อนำเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-91d94e1:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-327eac5 *//* นำเข้าฟอนต์ Kanit */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');

/* ตั้งค่าให้กล่องที่ครอบรูปอยู่เป็นจุดอ้างอิง */
.elementor-21 .elementor-element.elementor-element-327eac5 {
    position: relative;
    overflow: hidden;
    display: block;
}

/* ตั้งค่ารูปภาพและแอนิเมชันตอนยังไม่ชี้เมาส์ */
.elementor-21 .elementor-element.elementor-element-327eac5 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* เอฟเฟกต์เมื่อนำเมาส์ไปชี้: เบลอภาพ ลดแสง และเพิ่มโทนอุ่น (sepia) ให้เข้ากับธีมทอง */
.elementor-21 .elementor-element.elementor-element-327eac5:hover img {
    filter: blur(6px) brightness(0.5) sepia(0.3) !important;
    transform: scale(1) !important; 
}

/* สร้างข้อความ "ทดลองเล่น" ด้วย CSS ล้วน */
.elementor-21 .elementor-element.elementor-element-327eac5::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
    font-family: 'Kanit', sans-serif;
    font-size: 28px; /* ปรับขนาดให้เล็กลงตรงนี้ */
    color: #fffdf5; 
    font-weight: 500;
    /* เอฟเฟกต์เรืองแสงธีมน้ำตาลทองหรูหรา (ไล่จากทองสว่างไปน้ำตาลเข้ม) */
    text-shadow: 0 0 10px #ffd700, 0 0 20px #d4af37, 0 0 30px #996515, 0 0 40px #5c3a21;
    transition: all 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
}

/* เอฟเฟกต์ข้อความเด้งขึ้นมาเมื่อนำเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-327eac5:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3083203 *//* นำเข้าฟอนต์ Kanit */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');

/* ตั้งค่าให้กล่องที่ครอบรูปอยู่เป็นจุดอ้างอิง */
.elementor-21 .elementor-element.elementor-element-3083203 {
    position: relative;
    overflow: hidden;
    display: block;
}

/* ตั้งค่ารูปภาพและแอนิเมชันตอนยังไม่ชี้เมาส์ */
.elementor-21 .elementor-element.elementor-element-3083203 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* เอฟเฟกต์เมื่อนำเมาส์ไปชี้: เบลอภาพ ลดแสง และเพิ่มโทนอุ่น (sepia) ให้เข้ากับธีมทอง */
.elementor-21 .elementor-element.elementor-element-3083203:hover img {
    filter: blur(6px) brightness(0.5) sepia(0.3) !important;
    transform: scale(1) !important; 
}

/* สร้างข้อความ "ทดลองเล่น" ด้วย CSS ล้วน */
.elementor-21 .elementor-element.elementor-element-3083203::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
    font-family: 'Kanit', sans-serif;
    font-size: 28px; /* ปรับขนาดให้เล็กลงตรงนี้ */
    color: #fffdf5; 
    font-weight: 500;
    /* เอฟเฟกต์เรืองแสงธีมน้ำตาลทองหรูหรา (ไล่จากทองสว่างไปน้ำตาลเข้ม) */
    text-shadow: 0 0 10px #ffd700, 0 0 20px #d4af37, 0 0 30px #996515, 0 0 40px #5c3a21;
    transition: all 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
}

/* เอฟเฟกต์ข้อความเด้งขึ้นมาเมื่อนำเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-3083203:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-89c7a59 *//* นำเข้าฟอนต์ Kanit */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');

/* ตั้งค่าให้กล่องที่ครอบรูปอยู่เป็นจุดอ้างอิง */
.elementor-21 .elementor-element.elementor-element-89c7a59 {
    position: relative;
    overflow: hidden;
    display: block;
}

/* ตั้งค่ารูปภาพและแอนิเมชันตอนยังไม่ชี้เมาส์ */
.elementor-21 .elementor-element.elementor-element-89c7a59 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* เอฟเฟกต์เมื่อนำเมาส์ไปชี้: เบลอภาพ ลดแสง และเพิ่มโทนอุ่น (sepia) ให้เข้ากับธีมทอง */
.elementor-21 .elementor-element.elementor-element-89c7a59:hover img {
    filter: blur(6px) brightness(0.5) sepia(0.3) !important;
    transform: scale(1) !important; 
}

/* สร้างข้อความ "ทดลองเล่น" ด้วย CSS ล้วน */
.elementor-21 .elementor-element.elementor-element-89c7a59::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
    font-family: 'Kanit', sans-serif;
    font-size: 28px; /* ปรับขนาดให้เล็กลงตรงนี้ */
    color: #fffdf5; 
    font-weight: 500;
    /* เอฟเฟกต์เรืองแสงธีมน้ำตาลทองหรูหรา (ไล่จากทองสว่างไปน้ำตาลเข้ม) */
    text-shadow: 0 0 10px #ffd700, 0 0 20px #d4af37, 0 0 30px #996515, 0 0 40px #5c3a21;
    transition: all 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
}

/* เอฟเฟกต์ข้อความเด้งขึ้นมาเมื่อนำเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-89c7a59:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c0ce572 *//* นำเข้าฟอนต์ Kanit */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');

/* ตั้งค่าให้กล่องที่ครอบรูปอยู่เป็นจุดอ้างอิง */
.elementor-21 .elementor-element.elementor-element-c0ce572 {
    position: relative;
    overflow: hidden;
    display: block;
}

/* ตั้งค่ารูปภาพและแอนิเมชันตอนยังไม่ชี้เมาส์ */
.elementor-21 .elementor-element.elementor-element-c0ce572 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* เอฟเฟกต์เมื่อนำเมาส์ไปชี้: เบลอภาพ ลดแสง และเพิ่มโทนอุ่น (sepia) ให้เข้ากับธีมทอง */
.elementor-21 .elementor-element.elementor-element-c0ce572:hover img {
    filter: blur(6px) brightness(0.5) sepia(0.3) !important;
    transform: scale(1) !important; 
}

/* สร้างข้อความ "ทดลองเล่น" ด้วย CSS ล้วน */
.elementor-21 .elementor-element.elementor-element-c0ce572::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
    font-family: 'Kanit', sans-serif;
    font-size: 28px; /* ปรับขนาดให้เล็กลงตรงนี้ */
    color: #fffdf5; 
    font-weight: 500;
    /* เอฟเฟกต์เรืองแสงธีมน้ำตาลทองหรูหรา (ไล่จากทองสว่างไปน้ำตาลเข้ม) */
    text-shadow: 0 0 10px #ffd700, 0 0 20px #d4af37, 0 0 30px #996515, 0 0 40px #5c3a21;
    transition: all 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
}

/* เอฟเฟกต์ข้อความเด้งขึ้นมาเมื่อนำเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-c0ce572:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7dd28a3 *//* นำเข้าฟอนต์ Kanit */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');

/* ตั้งค่าให้กล่องที่ครอบรูปอยู่เป็นจุดอ้างอิง */
.elementor-21 .elementor-element.elementor-element-7dd28a3 {
    position: relative;
    overflow: hidden;
    display: block;
}

/* ตั้งค่ารูปภาพและแอนิเมชันตอนยังไม่ชี้เมาส์ */
.elementor-21 .elementor-element.elementor-element-7dd28a3 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* เอฟเฟกต์เมื่อนำเมาส์ไปชี้: เบลอภาพ ลดแสง และเพิ่มโทนอุ่น (sepia) ให้เข้ากับธีมทอง */
.elementor-21 .elementor-element.elementor-element-7dd28a3:hover img {
    filter: blur(6px) brightness(0.5) sepia(0.3) !important;
    transform: scale(1) !important; 
}

/* สร้างข้อความ "ทดลองเล่น" ด้วย CSS ล้วน */
.elementor-21 .elementor-element.elementor-element-7dd28a3::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
    font-family: 'Kanit', sans-serif;
    font-size: 28px; /* ปรับขนาดให้เล็กลงตรงนี้ */
    color: #fffdf5; 
    font-weight: 500;
    /* เอฟเฟกต์เรืองแสงธีมน้ำตาลทองหรูหรา (ไล่จากทองสว่างไปน้ำตาลเข้ม) */
    text-shadow: 0 0 10px #ffd700, 0 0 20px #d4af37, 0 0 30px #996515, 0 0 40px #5c3a21;
    transition: all 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
}

/* เอฟเฟกต์ข้อความเด้งขึ้นมาเมื่อนำเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-7dd28a3:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4441fb3 *//* นำเข้าฟอนต์ Kanit */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');

/* ตั้งค่าให้กล่องที่ครอบรูปอยู่เป็นจุดอ้างอิง */
.elementor-21 .elementor-element.elementor-element-4441fb3 {
    position: relative;
    overflow: hidden;
    display: block;
}

/* ตั้งค่ารูปภาพและแอนิเมชันตอนยังไม่ชี้เมาส์ */
.elementor-21 .elementor-element.elementor-element-4441fb3 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* เอฟเฟกต์เมื่อนำเมาส์ไปชี้: เบลอภาพ ลดแสง และเพิ่มโทนอุ่น (sepia) ให้เข้ากับธีมทอง */
.elementor-21 .elementor-element.elementor-element-4441fb3:hover img {
    filter: blur(6px) brightness(0.5) sepia(0.3) !important;
    transform: scale(1) !important; 
}

/* สร้างข้อความ "ทดลองเล่น" ด้วย CSS ล้วน */
.elementor-21 .elementor-element.elementor-element-4441fb3::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
    font-family: 'Kanit', sans-serif;
    font-size: 28px; /* ปรับขนาดให้เล็กลงตรงนี้ */
    color: #fffdf5; 
    font-weight: 500;
    /* เอฟเฟกต์เรืองแสงธีมน้ำตาลทองหรูหรา (ไล่จากทองสว่างไปน้ำตาลเข้ม) */
    text-shadow: 0 0 10px #ffd700, 0 0 20px #d4af37, 0 0 30px #996515, 0 0 40px #5c3a21;
    transition: all 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
}

/* เอฟเฟกต์ข้อความเด้งขึ้นมาเมื่อนำเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-4441fb3:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8c6cff *//* นำเข้าฟอนต์ Kanit */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');

/* ตั้งค่าให้กล่องที่ครอบรูปอยู่เป็นจุดอ้างอิง */
.elementor-21 .elementor-element.elementor-element-e8c6cff {
    position: relative;
    overflow: hidden;
    display: block;
}

/* ตั้งค่ารูปภาพและแอนิเมชันตอนยังไม่ชี้เมาส์ */
.elementor-21 .elementor-element.elementor-element-e8c6cff img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* เอฟเฟกต์เมื่อนำเมาส์ไปชี้: เบลอภาพ ลดแสง และเพิ่มโทนอุ่น (sepia) ให้เข้ากับธีมทอง */
.elementor-21 .elementor-element.elementor-element-e8c6cff:hover img {
    filter: blur(6px) brightness(0.5) sepia(0.3) !important;
    transform: scale(1) !important; 
}

/* สร้างข้อความ "ทดลองเล่น" ด้วย CSS ล้วน */
.elementor-21 .elementor-element.elementor-element-e8c6cff::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
    font-family: 'Kanit', sans-serif;
    font-size: 28px; /* ปรับขนาดให้เล็กลงตรงนี้ */
    color: #fffdf5; 
    font-weight: 500;
    /* เอฟเฟกต์เรืองแสงธีมน้ำตาลทองหรูหรา (ไล่จากทองสว่างไปน้ำตาลเข้ม) */
    text-shadow: 0 0 10px #ffd700, 0 0 20px #d4af37, 0 0 30px #996515, 0 0 40px #5c3a21;
    transition: all 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
}

/* เอฟเฟกต์ข้อความเด้งขึ้นมาเมื่อนำเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-e8c6cff:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5e529ef *//* นำเข้าฟอนต์ Kanit */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');

/* ตั้งค่าให้กล่องที่ครอบรูปอยู่เป็นจุดอ้างอิง */
.elementor-21 .elementor-element.elementor-element-5e529ef {
    position: relative;
    overflow: hidden;
    display: block;
}

/* ตั้งค่ารูปภาพและแอนิเมชันตอนยังไม่ชี้เมาส์ */
.elementor-21 .elementor-element.elementor-element-5e529ef img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* เอฟเฟกต์เมื่อนำเมาส์ไปชี้: เบลอภาพ ลดแสง และเพิ่มโทนอุ่น (sepia) ให้เข้ากับธีมทอง */
.elementor-21 .elementor-element.elementor-element-5e529ef:hover img {
    filter: blur(6px) brightness(0.5) sepia(0.3) !important;
    transform: scale(1) !important; 
}

/* สร้างข้อความ "ทดลองเล่น" ด้วย CSS ล้วน */
.elementor-21 .elementor-element.elementor-element-5e529ef::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
    font-family: 'Kanit', sans-serif;
    font-size: 28px; /* ปรับขนาดให้เล็กลงตรงนี้ */
    color: #fffdf5; 
    font-weight: 500;
    /* เอฟเฟกต์เรืองแสงธีมน้ำตาลทองหรูหรา (ไล่จากทองสว่างไปน้ำตาลเข้ม) */
    text-shadow: 0 0 10px #ffd700, 0 0 20px #d4af37, 0 0 30px #996515, 0 0 40px #5c3a21;
    transition: all 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
}

/* เอฟเฟกต์ข้อความเด้งขึ้นมาเมื่อนำเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-5e529ef:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d924bfd *//* นำเข้าฟอนต์ Kanit */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');

/* ตั้งค่าให้กล่องที่ครอบรูปอยู่เป็นจุดอ้างอิง */
.elementor-21 .elementor-element.elementor-element-d924bfd {
    position: relative;
    overflow: hidden;
    display: block;
}

/* ตั้งค่ารูปภาพและแอนิเมชันตอนยังไม่ชี้เมาส์ */
.elementor-21 .elementor-element.elementor-element-d924bfd img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* เอฟเฟกต์เมื่อนำเมาส์ไปชี้: เบลอภาพ ลดแสง และเพิ่มโทนอุ่น (sepia) ให้เข้ากับธีมทอง */
.elementor-21 .elementor-element.elementor-element-d924bfd:hover img {
    filter: blur(6px) brightness(0.5) sepia(0.3) !important;
    transform: scale(1) !important; 
}

/* สร้างข้อความ "ทดลองเล่น" ด้วย CSS ล้วน */
.elementor-21 .elementor-element.elementor-element-d924bfd::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
    font-family: 'Kanit', sans-serif;
    font-size: 28px; /* ปรับขนาดให้เล็กลงตรงนี้ */
    color: #fffdf5; 
    font-weight: 500;
    /* เอฟเฟกต์เรืองแสงธีมน้ำตาลทองหรูหรา (ไล่จากทองสว่างไปน้ำตาลเข้ม) */
    text-shadow: 0 0 10px #ffd700, 0 0 20px #d4af37, 0 0 30px #996515, 0 0 40px #5c3a21;
    transition: all 0.4s ease;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
}

/* เอฟเฟกต์ข้อความเด้งขึ้นมาเมื่อนำเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-d924bfd:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */