.elementor-21 .elementor-element.elementor-element-4e012ac{--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-ec35167{--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-495c369{--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-d42be2e{--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-1ba6ae4{--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-615acca .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-1663f18{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-023a3b6{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-d8334c6{--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-00c9abe img{border-radius:8px 8px 8px 8px;}.elementor-21 .elementor-element.elementor-element-2bad8f7{--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-55261f2{--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-c735a85{text-align:start;}.elementor-21 .elementor-element.elementor-element-c735a85 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-28b2a9c{padding:10px 10px 10px 10px;border-style:double;border-color:#0E7C4F;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-20797de{--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-4ce583b{--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-81d99ee{--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-5aa6a6f{--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-25145ef{text-align:center;}.elementor-21 .elementor-element.elementor-element-45112dc{padding:10px 10px 10px 10px;border-style:double;border-color:#0E7C4F;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-c41b846{--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-a9fad91{--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-cead0ab{text-align:center;}.elementor-21 .elementor-element.elementor-element-2d2dff9{padding:10px 10px 10px 10px;border-style:double;border-color:#0E7C4F;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-5f9e7f8{--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-53f2bf3{--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-5c3454d{--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-1e59d9a{--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-accd4b8{text-align:center;}.elementor-21 .elementor-element.elementor-element-e8011a6{padding:10px 10px 10px 10px;border-style:double;border-color:#0E7C4F;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-0e5c747{--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-917a655{--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-f75eb09{text-align:center;}.elementor-21 .elementor-element.elementor-element-ca4ecf9{padding:10px 10px 10px 10px;border-style:double;border-color:#0E7C4F;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-baf6c43 img{max-width:30%;}.elementor-21 .elementor-element.elementor-element-e26f775{--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-0aef72b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-1ab9ce3 img{max-width:80%;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D4AF37;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-1dff052 img{max-width:80%;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D4AF37;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-521150e img{max-width:80%;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D4AF37;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-b7214c6 img{max-width:80%;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D4AF37;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-6853902 img{max-width:80%;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D4AF37;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-f01741f img{max-width:80%;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D4AF37;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-7e3a024{--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-7fa84b5{--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-dea9bb7{--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-ea9f60e{text-align:center;}.elementor-21 .elementor-element.elementor-element-76358ec{padding:10px 10px 10px 10px;border-style:double;border-color:#0E7C4F;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-724336e{--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-17f6d42{--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-2c73218{text-align:center;}.elementor-21 .elementor-element.elementor-element-ecba771{padding:10px 10px 10px 10px;border-style:double;border-color:#0E7C4F;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-1ade015{--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-d624c87{--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-c2ea7fc .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-5cf0c37{--display:flex;}.elementor-21 .elementor-element.elementor-element-575d805{--display:flex;}.elementor-21 .elementor-element.elementor-element-c110738{--display:flex;}.elementor-21 .elementor-element.elementor-element-ef67d61{--display:flex;}.elementor-21 .elementor-element.elementor-element-ff2f279{--display:flex;}.elementor-21 .elementor-element.elementor-element-80fbf2f{--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-80fbf2f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#012A1A;border-style:none;}.elementor-21 .elementor-element.elementor-element-80fbf2f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:none;}.elementor-21 .elementor-element.elementor-element-80fbf2f > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}:where( .elementor-21 .elementor-element.elementor-element-80fbf2f > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-495c369{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-1663f18{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-0aef72b{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-ec35167{--width:80%;}.elementor-21 .elementor-element.elementor-element-d42be2e{--width:20%;}.elementor-21 .elementor-element.elementor-element-d8334c6{--width:85%;}.elementor-21 .elementor-element.elementor-element-2bad8f7{--width:26%;}.elementor-21 .elementor-element.elementor-element-81d99ee{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-5aa6a6f{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-a9fad91{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-5f9e7f8{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-5c3454d{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-1e59d9a{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-917a655{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-e26f775{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-7fa84b5{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-dea9bb7{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-17f6d42{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-1ade015{--width:33.3333%;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-495c369{--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-615acca{text-align:center;}.elementor-21 .elementor-element.elementor-element-1663f18{--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-c735a85 .elementor-heading-title{font-size:37px;}.elementor-21 .elementor-element.elementor-element-c41b846{--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-0e5c747{--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-baf6c43 img{max-width:60%;}.elementor-21 .elementor-element.elementor-element-0aef72b{--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-1ab9ce3 img{max-width:100%;}.elementor-21 .elementor-element.elementor-element-1dff052 img{max-width:100%;}.elementor-21 .elementor-element.elementor-element-521150e img{max-width:100%;}.elementor-21 .elementor-element.elementor-element-b7214c6 img{max-width:100%;}.elementor-21 .elementor-element.elementor-element-6853902 img{max-width:100%;}.elementor-21 .elementor-element.elementor-element-f01741f img{max-width:100%;}.elementor-21 .elementor-element.elementor-element-724336e{--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-c2ea7fc{text-align:center;}}/* Start custom CSS for image, class: .elementor-element-e5442fc *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-e5442fc {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-e5442fc img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-e5442fc:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "แทงเลย" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-e5442fc::after {
    content: "แทงเลย";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(135deg, #FFD700 0%, #F39C12 100%);
    color: #FFFFFF;
    
    /* ส่วนที่ปรับปรุงใหม่ */
    font-size: 15px; /* ปรับให้เล็กลงจาก 18px */
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px; /* ปรับขอบปุ่มให้เล็กลงเล็กน้อยเพื่อให้สมดุลกับตัวอักษรที่เล็กลง */
    
    font-weight: bold;
    border-radius: 50px;
    border: 2px solid #FFF;
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสง */
    animation: goldSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-e5442fc:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-816d717 *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-816d717 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-816d717 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-816d717:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "แทงเลย" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-816d717::after {
    content: "แทงเลย";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(135deg, #FFD700 0%, #F39C12 100%);
    color: #FFFFFF;
    
    /* ส่วนที่ปรับปรุงใหม่ */
    font-size: 15px; /* ปรับให้เล็กลงจาก 18px */
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px; /* ปรับขอบปุ่มให้เล็กลงเล็กน้อยเพื่อให้สมดุลกับตัวอักษรที่เล็กลง */
    
    font-weight: bold;
    border-radius: 50px;
    border: 2px solid #FFF;
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสง */
    animation: goldSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-816d717:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b776cc8 *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-b776cc8 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-b776cc8 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-b776cc8:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "แทงเลย" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-b776cc8::after {
    content: "แทงเลย";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(135deg, #FFD700 0%, #F39C12 100%);
    color: #FFFFFF;
    
    /* ส่วนที่ปรับปรุงใหม่ */
    font-size: 15px; /* ปรับให้เล็กลงจาก 18px */
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px; /* ปรับขอบปุ่มให้เล็กลงเล็กน้อยเพื่อให้สมดุลกับตัวอักษรที่เล็กลง */
    
    font-weight: bold;
    border-radius: 50px;
    border: 2px solid #FFF;
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสง */
    animation: goldSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-b776cc8:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-64a519d *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-64a519d {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-64a519d img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-64a519d:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "แทงเลย" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-64a519d::after {
    content: "แทงเลย";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(135deg, #FFD700 0%, #F39C12 100%);
    color: #FFFFFF;
    
    /* ส่วนที่ปรับปรุงใหม่ */
    font-size: 15px; /* ปรับให้เล็กลงจาก 18px */
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px; /* ปรับขอบปุ่มให้เล็กลงเล็กน้อยเพื่อให้สมดุลกับตัวอักษรที่เล็กลง */
    
    font-weight: bold;
    border-radius: 50px;
    border: 2px solid #FFF;
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสง */
    animation: goldSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-64a519d:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-38958c5 *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-38958c5 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-38958c5 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-38958c5:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "แทงเลย" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-38958c5::after {
    content: "แทงเลย";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(135deg, #FFD700 0%, #F39C12 100%);
    color: #FFFFFF;
    
    /* ส่วนที่ปรับปรุงใหม่ */
    font-size: 15px; /* ปรับให้เล็กลงจาก 18px */
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px; /* ปรับขอบปุ่มให้เล็กลงเล็กน้อยเพื่อให้สมดุลกับตัวอักษรที่เล็กลง */
    
    font-weight: bold;
    border-radius: 50px;
    border: 2px solid #FFF;
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสง */
    animation: goldSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-38958c5:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */