.elementor-21 .elementor-element.elementor-element-6efc518{--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-c436943{--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-21 .elementor-element.elementor-element-b23f736{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-21 .elementor-element.elementor-element-a1e8677{--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-0d6b330{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-21 .elementor-element.elementor-element-55bf8b1{--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-89b3799{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-21 .elementor-element.elementor-element-0e32d1e{--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-902a89c{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-21 .elementor-element.elementor-element-b270673{--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-40597f6{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-21 .elementor-element.elementor-element-07be5bb{--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-0478941{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-cd88d6f *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-cd88d6f .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-b23f736 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-b23f736 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามป้ายด้านหลังโลโก้ */
  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-21 .elementor-element.elementor-element-b23f736 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่แสง คุณสามารถไปเติมสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-21 .elementor-element.elementor-element-b23f736 b, 
.elementor-21 .elementor-element.elementor-element-b23f736 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-496b58d *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-496b58d .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-0d6b330 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-0d6b330 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามป้ายด้านหลังโลโก้ */
  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-21 .elementor-element.elementor-element-0d6b330 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่แสง คุณสามารถไปเติมสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-21 .elementor-element.elementor-element-0d6b330 b, 
.elementor-21 .elementor-element.elementor-element-0d6b330 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-add2b2c *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-add2b2c .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-89b3799 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-89b3799 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามป้ายด้านหลังโลโก้ */
  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-21 .elementor-element.elementor-element-89b3799 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่แสง คุณสามารถไปเติมสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-21 .elementor-element.elementor-element-89b3799 b, 
.elementor-21 .elementor-element.elementor-element-89b3799 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-7f71f40 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-7f71f40 .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-902a89c *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-902a89c {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามป้ายด้านหลังโลโก้ */
  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-21 .elementor-element.elementor-element-902a89c {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่แสง คุณสามารถไปเติมสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-21 .elementor-element.elementor-element-902a89c b, 
.elementor-21 .elementor-element.elementor-element-902a89c 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-5833728 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-5833728 .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-40597f6 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-40597f6 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามป้ายด้านหลังโลโก้ */
  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-21 .elementor-element.elementor-element-40597f6 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่แสง คุณสามารถไปเติมสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-21 .elementor-element.elementor-element-40597f6 b, 
.elementor-21 .elementor-element.elementor-element-40597f6 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-1dddb33 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-1dddb33 .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-0478941 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-0478941 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามป้ายด้านหลังโลโก้ */
  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-21 .elementor-element.elementor-element-0478941 {
    padding: 20px !important;
  }
}

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