.elementor-25 .elementor-element.elementor-element-e977b48{--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-25 .elementor-element.elementor-element-9fcd5ab{--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-25 .elementor-element.elementor-element-5bbd0e7{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-25 .elementor-element.elementor-element-33319d3{--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-25 .elementor-element.elementor-element-8f93d23{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-25 .elementor-element.elementor-element-c724e05{--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-25 .elementor-element.elementor-element-e99e719{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-c14067e *//* ใส่ใน Custom CSS ของ Heading */
.elementor-25 .elementor-element.elementor-element-c14067e .elementor-heading-title {
  /* ไล่เฉดสีส้มไฟลุก-แดง (Fiery Orange Gradient) */
  background: linear-gradient(180deg, #FF9900 0%, #E63900 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 #FFB84D !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนส้ม และเงาตัวอักษรให้ดูมีมิติ */
  box-shadow: 0px -2px 15px rgba(255, 153, 0, 0.4);
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5bbd0e7 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-25 .elementor-element.elementor-element-5bbd0e7 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามป้ายด้านหลังโลโก้ */
  background: linear-gradient(180deg, #1A1410 0%, #050300 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีส้มเรืองแสง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFB84D !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-25 .elementor-element.elementor-element-5bbd0e7 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่แสง คุณสามารถไปเติมสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-25 .elementor-element.elementor-element-5bbd0e7 b, 
.elementor-25 .elementor-element.elementor-element-5bbd0e7 strong {
  /* เงาเรืองแสงสีส้มทอง (Orange Glow) */
  text-shadow: 0px 0px 10px rgba(255, 153, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dd0e721 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-25 .elementor-element.elementor-element-dd0e721 .elementor-heading-title {
  /* ไล่เฉดสีส้มไฟลุก-แดง (Fiery Orange Gradient) */
  background: linear-gradient(180deg, #FF9900 0%, #E63900 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 #FFB84D !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนส้ม และเงาตัวอักษรให้ดูมีมิติ */
  box-shadow: 0px -2px 15px rgba(255, 153, 0, 0.4);
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8f93d23 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-25 .elementor-element.elementor-element-8f93d23 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามป้ายด้านหลังโลโก้ */
  background: linear-gradient(180deg, #1A1410 0%, #050300 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีส้มเรืองแสง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFB84D !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-25 .elementor-element.elementor-element-8f93d23 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่แสง คุณสามารถไปเติมสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-25 .elementor-element.elementor-element-8f93d23 b, 
.elementor-25 .elementor-element.elementor-element-8f93d23 strong {
  /* เงาเรืองแสงสีส้มทอง (Orange Glow) */
  text-shadow: 0px 0px 10px rgba(255, 153, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7c26479 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-25 .elementor-element.elementor-element-7c26479 .elementor-heading-title {
  /* ไล่เฉดสีส้มไฟลุก-แดง (Fiery Orange Gradient) */
  background: linear-gradient(180deg, #FF9900 0%, #E63900 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 #FFB84D !important;
  border-bottom: none !important;
  
  /* เงากล่องเรืองแสงโทนส้ม และเงาตัวอักษรให้ดูมีมิติ */
  box-shadow: 0px -2px 15px rgba(255, 153, 0, 0.4);
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e99e719 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-25 .elementor-element.elementor-element-e99e719 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามป้ายด้านหลังโลโก้ */
  background: linear-gradient(180deg, #1A1410 0%, #050300 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีส้มเรืองแสง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #FFB84D !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-25 .elementor-element.elementor-element-e99e719 {
    padding: 20px !important;
  }
}

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