.elementor-27 .elementor-element.elementor-element-18272a3{--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-27 .elementor-element.elementor-element-58cb1b2{--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-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-27 .elementor-element.elementor-element-f82c7e2{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #FFBF44 0%, #FF9F0A 100%);border-radius:10px 10px 10px 10px;font-family:"Roboto", Sans-serif;font-weight:600;color:#1A1A1A;}.elementor-27 .elementor-element.elementor-element-ccbaa14{--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-27 .elementor-element.elementor-element-7ba4ea5{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #FFBF44 0%, #FF9F0A 100%);border-radius:10px 10px 10px 10px;font-family:"Roboto", Sans-serif;font-weight:600;color:#1A1A1A;}.elementor-27 .elementor-element.elementor-element-49dfa74{--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-27 .elementor-element.elementor-element-e79087c{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #FFBF44 0%, #FF9F0A 100%);border-radius:10px 10px 10px 10px;font-family:"Roboto", Sans-serif;font-weight:600;color:#1A1A1A;}.elementor-27 .elementor-element.elementor-element-2795bb6{--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-27 .elementor-element.elementor-element-aa7f0be{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #FFBF44 0%, #FF9F0A 100%);border-radius:10px 10px 10px 10px;font-family:"Roboto", Sans-serif;font-weight:600;color:#1A1A1A;}.elementor-27 .elementor-element.elementor-element-e8bcb50{--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-27 .elementor-element.elementor-element-c50caaf{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #FFBF44 0%, #FF9F0A 100%);border-radius:10px 10px 10px 10px;font-family:"Roboto", Sans-serif;font-weight:600;color:#1A1A1A;}.elementor-27 .elementor-element.elementor-element-eca1c23{--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-27 .elementor-element.elementor-element-783017d{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #FFBF44 0%, #FF9F0A 100%);border-radius:10px 10px 10px 10px;font-family:"Roboto", Sans-serif;font-weight:600;color:#1A1A1A;}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-76cc306 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-27 .elementor-element.elementor-element-76cc306 .elementor-heading-title {
  /* ไล่เฉดสีแดงสดไปหาแดงเข้ม (Neon Red Gradient) */
  background: linear-gradient(180deg, #E60000 0%, #800000 100%) !important;
  color: #FFFFFF !important; /* ข้อความสีขาวตัดกับพื้นแดง */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่างประกาย ล้อตามขอบโลโก้ JOKER369 */
  border: 1px solid #FFD700 !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนแดง-ทอง */
  box-shadow: 0px -2px 15px rgba(230, 0, 0, 0.4);
  text-shadow: 1px 2px 2px rgba(0,0,0,0.5);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f82c7e2 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-27 .elementor-element.elementor-element-f82c7e2 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามฉากหลังของ 12BET */
  background: linear-gradient(180deg, #1A0505 0%, #050000 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFD700 !important;
  border-top: none !important;
  
  /* ดันกล่องให้เชื่อมติดกับหัวข้อด้านบน */
  margin-top: -1px !important; 
  
  /* เงากล่องให้ดูมีความลึก */
  box-shadow: 0px 10px 20px rgba(0,0,0,0.8);
  line-height: 1.8;
}

/* ปรับ Padding เฉพาะมือถือให้พอดี */
@media (max-width: 767px) {
  .elementor-27 .elementor-element.elementor-element-f82c7e2 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสงสีทอง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-27 .elementor-element.elementor-element-f82c7e2 b, 
.elementor-27 .elementor-element.elementor-element-f82c7e2 strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) เพื่อขับสีตัวหนังสือให้เด้งขึ้นมา */
  text-shadow: 0px 0px 10px rgba(255, 215, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7b66e74 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-27 .elementor-element.elementor-element-7b66e74 .elementor-heading-title {
  /* ไล่เฉดสีแดงสดไปหาแดงเข้ม (Neon Red Gradient) */
  background: linear-gradient(180deg, #E60000 0%, #800000 100%) !important;
  color: #FFFFFF !important; /* ข้อความสีขาวตัดกับพื้นแดง */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่างประกาย ล้อตามขอบโลโก้ JOKER369 */
  border: 1px solid #FFD700 !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนแดง-ทอง */
  box-shadow: 0px -2px 15px rgba(230, 0, 0, 0.4);
  text-shadow: 1px 2px 2px rgba(0,0,0,0.5);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7ba4ea5 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-27 .elementor-element.elementor-element-7ba4ea5 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามฉากหลังของ 12BET */
  background: linear-gradient(180deg, #1A0505 0%, #050000 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFD700 !important;
  border-top: none !important;
  
  /* ดันกล่องให้เชื่อมติดกับหัวข้อด้านบน */
  margin-top: -1px !important; 
  
  /* เงากล่องให้ดูมีความลึก */
  box-shadow: 0px 10px 20px rgba(0,0,0,0.8);
  line-height: 1.8;
}

/* ปรับ Padding เฉพาะมือถือให้พอดี */
@media (max-width: 767px) {
  .elementor-27 .elementor-element.elementor-element-7ba4ea5 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสงสีทอง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-27 .elementor-element.elementor-element-7ba4ea5 b, 
.elementor-27 .elementor-element.elementor-element-7ba4ea5 strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) เพื่อขับสีตัวหนังสือให้เด้งขึ้นมา */
  text-shadow: 0px 0px 10px rgba(255, 215, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0dc2568 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-27 .elementor-element.elementor-element-0dc2568 .elementor-heading-title {
  /* ไล่เฉดสีแดงสดไปหาแดงเข้ม (Neon Red Gradient) */
  background: linear-gradient(180deg, #E60000 0%, #800000 100%) !important;
  color: #FFFFFF !important; /* ข้อความสีขาวตัดกับพื้นแดง */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่างประกาย ล้อตามขอบโลโก้ JOKER369 */
  border: 1px solid #FFD700 !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนแดง-ทอง */
  box-shadow: 0px -2px 15px rgba(230, 0, 0, 0.4);
  text-shadow: 1px 2px 2px rgba(0,0,0,0.5);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e79087c *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-27 .elementor-element.elementor-element-e79087c {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามฉากหลังของ 12BET */
  background: linear-gradient(180deg, #1A0505 0%, #050000 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFD700 !important;
  border-top: none !important;
  
  /* ดันกล่องให้เชื่อมติดกับหัวข้อด้านบน */
  margin-top: -1px !important; 
  
  /* เงากล่องให้ดูมีความลึก */
  box-shadow: 0px 10px 20px rgba(0,0,0,0.8);
  line-height: 1.8;
}

/* ปรับ Padding เฉพาะมือถือให้พอดี */
@media (max-width: 767px) {
  .elementor-27 .elementor-element.elementor-element-e79087c {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสงสีทอง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-27 .elementor-element.elementor-element-e79087c b, 
.elementor-27 .elementor-element.elementor-element-e79087c strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) เพื่อขับสีตัวหนังสือให้เด้งขึ้นมา */
  text-shadow: 0px 0px 10px rgba(255, 215, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3e38b60 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-27 .elementor-element.elementor-element-3e38b60 .elementor-heading-title {
  /* ไล่เฉดสีแดงสดไปหาแดงเข้ม (Neon Red Gradient) */
  background: linear-gradient(180deg, #E60000 0%, #800000 100%) !important;
  color: #FFFFFF !important; /* ข้อความสีขาวตัดกับพื้นแดง */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่างประกาย ล้อตามขอบโลโก้ JOKER369 */
  border: 1px solid #FFD700 !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนแดง-ทอง */
  box-shadow: 0px -2px 15px rgba(230, 0, 0, 0.4);
  text-shadow: 1px 2px 2px rgba(0,0,0,0.5);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-aa7f0be *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-27 .elementor-element.elementor-element-aa7f0be {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามฉากหลังของ 12BET */
  background: linear-gradient(180deg, #1A0505 0%, #050000 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFD700 !important;
  border-top: none !important;
  
  /* ดันกล่องให้เชื่อมติดกับหัวข้อด้านบน */
  margin-top: -1px !important; 
  
  /* เงากล่องให้ดูมีความลึก */
  box-shadow: 0px 10px 20px rgba(0,0,0,0.8);
  line-height: 1.8;
}

/* ปรับ Padding เฉพาะมือถือให้พอดี */
@media (max-width: 767px) {
  .elementor-27 .elementor-element.elementor-element-aa7f0be {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสงสีทอง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-27 .elementor-element.elementor-element-aa7f0be b, 
.elementor-27 .elementor-element.elementor-element-aa7f0be strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) เพื่อขับสีตัวหนังสือให้เด้งขึ้นมา */
  text-shadow: 0px 0px 10px rgba(255, 215, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36248bf *//* ใส่ใน Custom CSS ของ Heading */
.elementor-27 .elementor-element.elementor-element-36248bf .elementor-heading-title {
  /* ไล่เฉดสีแดงสดไปหาแดงเข้ม (Neon Red Gradient) */
  background: linear-gradient(180deg, #E60000 0%, #800000 100%) !important;
  color: #FFFFFF !important; /* ข้อความสีขาวตัดกับพื้นแดง */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่างประกาย ล้อตามขอบโลโก้ JOKER369 */
  border: 1px solid #FFD700 !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนแดง-ทอง */
  box-shadow: 0px -2px 15px rgba(230, 0, 0, 0.4);
  text-shadow: 1px 2px 2px rgba(0,0,0,0.5);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c50caaf *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-27 .elementor-element.elementor-element-c50caaf {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามฉากหลังของ 12BET */
  background: linear-gradient(180deg, #1A0505 0%, #050000 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFD700 !important;
  border-top: none !important;
  
  /* ดันกล่องให้เชื่อมติดกับหัวข้อด้านบน */
  margin-top: -1px !important; 
  
  /* เงากล่องให้ดูมีความลึก */
  box-shadow: 0px 10px 20px rgba(0,0,0,0.8);
  line-height: 1.8;
}

/* ปรับ Padding เฉพาะมือถือให้พอดี */
@media (max-width: 767px) {
  .elementor-27 .elementor-element.elementor-element-c50caaf {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสงสีทอง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-27 .elementor-element.elementor-element-c50caaf b, 
.elementor-27 .elementor-element.elementor-element-c50caaf strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) เพื่อขับสีตัวหนังสือให้เด้งขึ้นมา */
  text-shadow: 0px 0px 10px rgba(255, 215, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f8fec7 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-27 .elementor-element.elementor-element-4f8fec7 .elementor-heading-title {
  /* ไล่เฉดสีแดงสดไปหาแดงเข้ม (Neon Red Gradient) */
  background: linear-gradient(180deg, #E60000 0%, #800000 100%) !important;
  color: #FFFFFF !important; /* ข้อความสีขาวตัดกับพื้นแดง */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่างประกาย ล้อตามขอบโลโก้ JOKER369 */
  border: 1px solid #FFD700 !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนแดง-ทอง */
  box-shadow: 0px -2px 15px rgba(230, 0, 0, 0.4);
  text-shadow: 1px 2px 2px rgba(0,0,0,0.5);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-783017d *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-27 .elementor-element.elementor-element-783017d {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามฉากหลังของ 12BET */
  background: linear-gradient(180deg, #1A0505 0%, #050000 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFD700 !important;
  border-top: none !important;
  
  /* ดันกล่องให้เชื่อมติดกับหัวข้อด้านบน */
  margin-top: -1px !important; 
  
  /* เงากล่องให้ดูมีความลึก */
  box-shadow: 0px 10px 20px rgba(0,0,0,0.8);
  line-height: 1.8;
}

/* ปรับ Padding เฉพาะมือถือให้พอดี */
@media (max-width: 767px) {
  .elementor-27 .elementor-element.elementor-element-783017d {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสงสีทอง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-27 .elementor-element.elementor-element-783017d b, 
.elementor-27 .elementor-element.elementor-element-783017d strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) เพื่อขับสีตัวหนังสือให้เด้งขึ้นมา */
  text-shadow: 0px 0px 10px rgba(255, 215, 0, 0.7);
}/* End custom CSS */