.elementor-21 .elementor-element.elementor-element-8778783{--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;}.elementor-21 .elementor-element.elementor-element-0977a10{--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-2ebda8f{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(8, 1fr);--grid-auto-flow:row;}.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-f3de1a6:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 179% ) blur( 0px ) hue-rotate( 100deg );}.elementor-21 .elementor-element.elementor-element-bec724d:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 179% ) blur( 0px ) hue-rotate( 100deg );}.elementor-21 .elementor-element.elementor-element-97cd199:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 179% ) blur( 0px ) hue-rotate( 100deg );}.elementor-21 .elementor-element.elementor-element-2ead5f9:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 179% ) blur( 0px ) hue-rotate( 100deg );}.elementor-21 .elementor-element.elementor-element-63c8eab:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 179% ) blur( 0px ) hue-rotate( 100deg );}.elementor-21 .elementor-element.elementor-element-e4b40cc:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 179% ) blur( 0px ) hue-rotate( 100deg );}.elementor-21 .elementor-element.elementor-element-e66ca8c:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 179% ) blur( 0px ) hue-rotate( 100deg );}.elementor-21 .elementor-element.elementor-element-7a6a30b{--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-709b318{--e-image-carousel-slides-to-show:2;}.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-231348f{text-align:center;}.elementor-21 .elementor-element.elementor-element-231348f .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-449c580{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-d292f6e{--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-c696a42{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-64345a8{background-color:#00000087;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-a609624{--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-6130643{--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-d47f900{--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-0ed7f9e{--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-454f4de{text-align:center;}.elementor-21 .elementor-element.elementor-element-4572f77{background-color:#00000087;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-9d00230{--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-cccf449{--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-b3f540e{text-align:center;}.elementor-21 .elementor-element.elementor-element-cc9fb8d{background-color:#00000087;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-e8b357b{--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-3ec34c1{--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-e074efd{--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-5804ace{--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-69a8fea{--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-5711acd{text-align:center;}.elementor-21 .elementor-element.elementor-element-7e54c61{background-color:#00000087;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-33c7456{--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-608d5b7{--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-0ad4c12{text-align:center;}.elementor-21 .elementor-element.elementor-element-90b3904{background-color:#00000087;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-67b991a{--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-f13ce19{--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-10a5177{--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-a2a195d{background-color:#00000087;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-9be2446{--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-947689d{--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-a9f5cd2{--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-459229a{text-align:center;}.elementor-21 .elementor-element.elementor-element-1ba6d80{background-color:#00000087;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-994c079{--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:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-949bb25{--e-image-carousel-slides-to-show:4;}.elementor-21 .elementor-element.elementor-element-949bb25 .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-accent );border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-74973e3{--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-80b80d4{--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-9670ad5{text-align:center;}.elementor-21 .elementor-element.elementor-element-bf9c9d2{background-color:#00000087;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-dabe2c8{--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-cc5702b{--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-c296b03{--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-8704042{--display:flex;}.elementor-21 .elementor-element.elementor-element-ebdcf83{--display:flex;}.elementor-21 .elementor-element.elementor-element-7736393{--display:flex;}.elementor-21 .elementor-element.elementor-element-a4d7613{--display:flex;}.elementor-21 .elementor-element.elementor-element-8c4fabf{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:3px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-hover-color:var( --e-global-color-text );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;}.elementor-21 .elementor-element.elementor-element-8c4fabf > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#00000087;border-style:none;}.elementor-21 .elementor-element.elementor-element-8c4fabf > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:none;}.elementor-21 .elementor-element.elementor-element-8c4fabf > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}:where( .elementor-21 .elementor-element.elementor-element-8c4fabf > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-2ebda8f{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-449c580{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-f13ce19{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-0977a10{--width:15%;}.elementor-21 .elementor-element.elementor-element-7a6a30b{--width:90%;}.elementor-21 .elementor-element.elementor-element-d47f900{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-0ed7f9e{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-cccf449{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-e8b357b{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-5804ace{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-69a8fea{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-608d5b7{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-67b991a{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-947689d{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-a9f5cd2{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-80b80d4{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-dabe2c8{--width:33.3333%;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-2ebda8f{--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-449c580{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-c696a42{text-align:start;}.elementor-21 .elementor-element.elementor-element-9d00230{--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-33c7456{--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-f13ce19{--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-949bb25{--e-image-carousel-slides-to-show:2;}.elementor-21 .elementor-element.elementor-element-74973e3{--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-b18c6c7{text-align:center;}}/* Start custom CSS for image, class: .elementor-element-a26849d *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-a26849d {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-a26849d img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-a26849d::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-a26849d::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-a26849d:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-a26849d:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-a26849d:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a0e224 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-8a0e224 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-8a0e224 img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-8a0e224::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-8a0e224::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-8a0e224:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-8a0e224:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-8a0e224:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b1a2c0a *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-b1a2c0a {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-b1a2c0a img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-b1a2c0a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-b1a2c0a::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-b1a2c0a:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-b1a2c0a:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-b1a2c0a:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-99e7dde *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-99e7dde {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-99e7dde img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-99e7dde::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-99e7dde::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-99e7dde:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-99e7dde:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-99e7dde:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-98ce4af *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-98ce4af {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-98ce4af img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-98ce4af::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-98ce4af::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-98ce4af:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-98ce4af:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-98ce4af:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1154595 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-1154595 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-1154595 img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-1154595::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-1154595::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-1154595:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-1154595:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-1154595:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea90670 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-ea90670 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-ea90670 img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-ea90670::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-ea90670::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-ea90670:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-ea90670:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-ea90670:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed22e99 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-ed22e99 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-ed22e99 img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-ed22e99::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-ed22e99::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-ed22e99:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-ed22e99:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-ed22e99:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1837304 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-1837304 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-1837304 img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-1837304::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-1837304::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-1837304:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-1837304:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-1837304:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a1c4e08 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-a1c4e08 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-a1c4e08 img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-a1c4e08::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-a1c4e08::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-a1c4e08:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-a1c4e08:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-a1c4e08:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9472297 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-9472297 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-9472297 img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-9472297::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-9472297::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-9472297:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-9472297:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-9472297:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-52c3ac5 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-52c3ac5 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-52c3ac5 img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-52c3ac5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-52c3ac5::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-52c3ac5:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-52c3ac5:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-52c3ac5:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1dd04f3 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-1dd04f3 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-1dd04f3 img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-1dd04f3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-1dd04f3::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-1dd04f3:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-1dd04f3:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-1dd04f3:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bdf587c *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-bdf587c {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-bdf587c img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-bdf587c::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-bdf587c::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-bdf587c:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-bdf587c:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-bdf587c:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-87fc0e3 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-87fc0e3 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-87fc0e3 img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-87fc0e3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-87fc0e3::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-87fc0e3:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-87fc0e3:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-87fc0e3:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-18e59db *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-18e59db {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-18e59db img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-18e59db::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-18e59db::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-18e59db:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-18e59db:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-18e59db:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5eb0e4f *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-5eb0e4f {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-5eb0e4f img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-5eb0e4f::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-5eb0e4f::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-5eb0e4f:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-5eb0e4f:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-5eb0e4f:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7a684b4 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');

/* กำหนดให้กล่องรูปภาพเป็น Relative */
.elementor-21 .elementor-element.elementor-element-7a684b4 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

/* เอฟเฟกต์รูปภาพตอนปกติ */
.elementor-21 .elementor-element.elementor-element-7a684b4 img {
    transition: all 0.4s ease-in-out;
    display: block;
    width: 100%;
}

/* สร้างเลเยอร์เงาดำบางๆ */
.elementor-21 .elementor-element.elementor-element-7a684b4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease-in-out;
    z-index: 1;
}

/* ปรับขนาดปุ่ม "เข้าเล่น" ให้เล็กลง และอยู่ในบรรทัดเดียวกัน */
.elementor-21 .elementor-element.elementor-element-7a684b4::after {
    content: "เข้าเล่น";
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 14px; /* ปรับลดขนาดฟอนต์ลง */
    color: #ffffff;
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียวกัน ไม่ตัดคำ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: linear-gradient(180deg, #ff1a1a 0%, #b30000 100%);
    padding: 6px 18px; /* ปรับระยะขอบภายในปุ่มให้เล็กลง */
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5);
    border: 1.5px solid #ffe875;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* เมื่อนำเมาส์ไปวาง (Hover) */
.elementor-21 .elementor-element.elementor-element-7a684b4:hover img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.elementor-21 .elementor-element.elementor-element-7a684b4:hover::before {
    background: rgba(0, 0, 0, 0.4); /* เงาดำโปร่งแสง */
}

.elementor-21 .elementor-element.elementor-element-7a684b4:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */