.elementor-28 .elementor-element.elementor-element-8351f18{--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-28 .elementor-element.elementor-element-473b5da{--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-28 .elementor-element.elementor-element-f310989{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-28 .elementor-element.elementor-element-21b056e{--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-28 .elementor-element.elementor-element-7dab919{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-28 .elementor-element.elementor-element-6618ff0{--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-28 .elementor-element.elementor-element-02eb576{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-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 );}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-848d917 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-28 .elementor-element.elementor-element-848d917 .elementor-heading-title {
  /* ไล่เฉดสีส้มสว่างไปหาแดง (Orange to Red Gradient) */
  background: linear-gradient(135deg, #FF8C00 0%, #E60000 100%) !important;
  color: #FFFFFF !important; /* ข้อความสีขาวให้ตัดกับพื้นส้มแดง */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีส้มทองสว่างประกาย */
  border: 1px solid #FFB300 !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนส้มแดง */
  box-shadow: 0px -2px 15px rgba(255, 61, 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-f310989 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-28 .elementor-element.elementor-element-f310989 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามบรรยากาศฉากหลังของ 12BET */
  background: linear-gradient(180deg, #1A0A0A 0%, #050505 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีส้มทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFB300 !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-28 .elementor-element.elementor-element-f310989 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสง คุณสามารถไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-28 .elementor-element.elementor-element-f310989 b, 
.elementor-28 .elementor-element.elementor-element-f310989 strong {
  /* เงาเรืองแสงโทนส้มทอง (Orange-Gold Glow) */
  text-shadow: 0px 0px 10px rgba(255, 140, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9041a8c *//* ใส่ใน Custom CSS ของ Heading */
.elementor-28 .elementor-element.elementor-element-9041a8c .elementor-heading-title {
  /* ไล่เฉดสีส้มสว่างไปหาแดง (Orange to Red Gradient) */
  background: linear-gradient(135deg, #FF8C00 0%, #E60000 100%) !important;
  color: #FFFFFF !important; /* ข้อความสีขาวให้ตัดกับพื้นส้มแดง */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีส้มทองสว่างประกาย */
  border: 1px solid #FFB300 !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนส้มแดง */
  box-shadow: 0px -2px 15px rgba(255, 61, 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-7dab919 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-28 .elementor-element.elementor-element-7dab919 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามบรรยากาศฉากหลังของ 12BET */
  background: linear-gradient(180deg, #1A0A0A 0%, #050505 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีส้มทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFB300 !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-28 .elementor-element.elementor-element-7dab919 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสง คุณสามารถไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-28 .elementor-element.elementor-element-7dab919 b, 
.elementor-28 .elementor-element.elementor-element-7dab919 strong {
  /* เงาเรืองแสงโทนส้มทอง (Orange-Gold Glow) */
  text-shadow: 0px 0px 10px rgba(255, 140, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dd84ca6 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-28 .elementor-element.elementor-element-dd84ca6 .elementor-heading-title {
  /* ไล่เฉดสีส้มสว่างไปหาแดง (Orange to Red Gradient) */
  background: linear-gradient(135deg, #FF8C00 0%, #E60000 100%) !important;
  color: #FFFFFF !important; /* ข้อความสีขาวให้ตัดกับพื้นส้มแดง */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีส้มทองสว่างประกาย */
  border: 1px solid #FFB300 !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนส้มแดง */
  box-shadow: 0px -2px 15px rgba(255, 61, 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-02eb576 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-28 .elementor-element.elementor-element-02eb576 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามบรรยากาศฉากหลังของ 12BET */
  background: linear-gradient(180deg, #1A0A0A 0%, #050505 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีส้มทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFB300 !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-28 .elementor-element.elementor-element-02eb576 {
    padding: 20px !important;
  }
}

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