.elementor-22 .elementor-element.elementor-element-cc5cc9e{--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-22 .elementor-element.elementor-element-f46177d{--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-22 .elementor-element.elementor-element-684d9ae{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-22 .elementor-element.elementor-element-0181570{--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-22 .elementor-element.elementor-element-c5523e3{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-22 .elementor-element.elementor-element-1c72740{--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-22 .elementor-element.elementor-element-a437b47{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-22 .elementor-element.elementor-element-d1273a8{--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-22 .elementor-element.elementor-element-f4bae28{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-22 .elementor-element.elementor-element-a95ef0d{--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-22 .elementor-element.elementor-element-abff24d{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-22 .elementor-element.elementor-element-c9a0d3f{--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-22 .elementor-element.elementor-element-785d98a{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-ef88279 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-22 .elementor-element.elementor-element-ef88279 .elementor-heading-title {
  /* ไล่เฉดสีทองพรีเมียม (Metallic Gold Gradient) */
  background: linear-gradient(180deg, #FDE08B 0%, #D4AF37 50%, #996515 100%) !important;
  color: #0A0A0A !important; /* ตัวหนังสือสีดำเข้มตัดกับพื้นทองให้ดูหรูหรา */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่าง */
  border: 1px solid #FFF59D !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น */
  box-shadow: 0px 4px 10px rgba(0,0,0,0.6);
  text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-684d9ae *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-22 .elementor-element.elementor-element-684d9ae {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามพื้นหลังของโลโก้ */
  background: linear-gradient(180deg, #1A1A1A 0%, #050505 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #D4AF37 !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-22 .elementor-element.elementor-element-684d9ae {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสง คุณต้องไปกำหนดสีอักษรเองใน Elementor) */
/* ----------------------------------------- */
.elementor-22 .elementor-element.elementor-element-684d9ae b, 
.elementor-22 .elementor-element.elementor-element-684d9ae strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) ล้อตามแสงแฟลร์ใต้ตัว M */
  text-shadow: 0px 0px 10px rgba(212, 175, 55, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ae3357d *//* ใส่ใน Custom CSS ของ Heading */
.elementor-22 .elementor-element.elementor-element-ae3357d .elementor-heading-title {
  /* ไล่เฉดสีทองพรีเมียม (Metallic Gold Gradient) */
  background: linear-gradient(180deg, #FDE08B 0%, #D4AF37 50%, #996515 100%) !important;
  color: #0A0A0A !important; /* ตัวหนังสือสีดำเข้มตัดกับพื้นทองให้ดูหรูหรา */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่าง */
  border: 1px solid #FFF59D !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น */
  box-shadow: 0px 4px 10px rgba(0,0,0,0.6);
  text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c5523e3 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-22 .elementor-element.elementor-element-c5523e3 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามพื้นหลังของโลโก้ */
  background: linear-gradient(180deg, #1A1A1A 0%, #050505 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #D4AF37 !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-22 .elementor-element.elementor-element-c5523e3 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสง คุณต้องไปกำหนดสีอักษรเองใน Elementor) */
/* ----------------------------------------- */
.elementor-22 .elementor-element.elementor-element-c5523e3 b, 
.elementor-22 .elementor-element.elementor-element-c5523e3 strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) ล้อตามแสงแฟลร์ใต้ตัว M */
  text-shadow: 0px 0px 10px rgba(212, 175, 55, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1344d43 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-22 .elementor-element.elementor-element-1344d43 .elementor-heading-title {
  /* ไล่เฉดสีทองพรีเมียม (Metallic Gold Gradient) */
  background: linear-gradient(180deg, #FDE08B 0%, #D4AF37 50%, #996515 100%) !important;
  color: #0A0A0A !important; /* ตัวหนังสือสีดำเข้มตัดกับพื้นทองให้ดูหรูหรา */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่าง */
  border: 1px solid #FFF59D !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น */
  box-shadow: 0px 4px 10px rgba(0,0,0,0.6);
  text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a437b47 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-22 .elementor-element.elementor-element-a437b47 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามพื้นหลังของโลโก้ */
  background: linear-gradient(180deg, #1A1A1A 0%, #050505 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #D4AF37 !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-22 .elementor-element.elementor-element-a437b47 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสง คุณต้องไปกำหนดสีอักษรเองใน Elementor) */
/* ----------------------------------------- */
.elementor-22 .elementor-element.elementor-element-a437b47 b, 
.elementor-22 .elementor-element.elementor-element-a437b47 strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) ล้อตามแสงแฟลร์ใต้ตัว M */
  text-shadow: 0px 0px 10px rgba(212, 175, 55, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b8b4fae *//* ใส่ใน Custom CSS ของ Heading */
.elementor-22 .elementor-element.elementor-element-b8b4fae .elementor-heading-title {
  /* ไล่เฉดสีทองพรีเมียม (Metallic Gold Gradient) */
  background: linear-gradient(180deg, #FDE08B 0%, #D4AF37 50%, #996515 100%) !important;
  color: #0A0A0A !important; /* ตัวหนังสือสีดำเข้มตัดกับพื้นทองให้ดูหรูหรา */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่าง */
  border: 1px solid #FFF59D !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น */
  box-shadow: 0px 4px 10px rgba(0,0,0,0.6);
  text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4bae28 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-22 .elementor-element.elementor-element-f4bae28 {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามพื้นหลังของโลโก้ */
  background: linear-gradient(180deg, #1A1A1A 0%, #050505 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #D4AF37 !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-22 .elementor-element.elementor-element-f4bae28 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสง คุณต้องไปกำหนดสีอักษรเองใน Elementor) */
/* ----------------------------------------- */
.elementor-22 .elementor-element.elementor-element-f4bae28 b, 
.elementor-22 .elementor-element.elementor-element-f4bae28 strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) ล้อตามแสงแฟลร์ใต้ตัว M */
  text-shadow: 0px 0px 10px rgba(212, 175, 55, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e3dc6a5 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-22 .elementor-element.elementor-element-e3dc6a5 .elementor-heading-title {
  /* ไล่เฉดสีทองพรีเมียม (Metallic Gold Gradient) */
  background: linear-gradient(180deg, #FDE08B 0%, #D4AF37 50%, #996515 100%) !important;
  color: #0A0A0A !important; /* ตัวหนังสือสีดำเข้มตัดกับพื้นทองให้ดูหรูหรา */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่าง */
  border: 1px solid #FFF59D !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น */
  box-shadow: 0px 4px 10px rgba(0,0,0,0.6);
  text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-abff24d *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-22 .elementor-element.elementor-element-abff24d {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามพื้นหลังของโลโก้ */
  background: linear-gradient(180deg, #1A1A1A 0%, #050505 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #D4AF37 !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-22 .elementor-element.elementor-element-abff24d {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสง คุณต้องไปกำหนดสีอักษรเองใน Elementor) */
/* ----------------------------------------- */
.elementor-22 .elementor-element.elementor-element-abff24d b, 
.elementor-22 .elementor-element.elementor-element-abff24d strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) ล้อตามแสงแฟลร์ใต้ตัว M */
  text-shadow: 0px 0px 10px rgba(212, 175, 55, 0.7);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ba2511 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-22 .elementor-element.elementor-element-8ba2511 .elementor-heading-title {
  /* ไล่เฉดสีทองพรีเมียม (Metallic Gold Gradient) */
  background: linear-gradient(180deg, #FDE08B 0%, #D4AF37 50%, #996515 100%) !important;
  color: #0A0A0A !important; /* ตัวหนังสือสีดำเข้มตัดกับพื้นทองให้ดูหรูหรา */
  
  /* รูปทรงขอบมนด้านบน */
  padding: 15px 25px !important;
  text-align: center;
  margin: 0 !important;
  border-radius: 12px 12px 0px 0px !important; 
  
  /* เส้นขอบสีทองสว่าง */
  border: 1px solid #FFF59D !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น */
  box-shadow: 0px 4px 10px rgba(0,0,0,0.6);
  text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-785d98a *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-22 .elementor-element.elementor-element-785d98a {
  /* พื้นหลังสีดำไล่เฉดมีมิติ ล้อตามพื้นหลังของโลโก้ */
  background: linear-gradient(180deg, #1A1A1A 0%, #050505 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตาสำหรับพื้นมืด */
  color: #E8E8E8 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีทอง เชื่อมต่อกับกล่องหัวข้อ */
  border: 1px solid #D4AF37 !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-22 .elementor-element.elementor-element-785d98a {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา"  */
/* (โค้ดนี้ใส่แค่เงาแสง คุณต้องไปกำหนดสีอักษรเองใน Elementor) */
/* ----------------------------------------- */
.elementor-22 .elementor-element.elementor-element-785d98a b, 
.elementor-22 .elementor-element.elementor-element-785d98a strong {
  /* เงาเรืองแสงสีทอง (Gold Glow) ล้อตามแสงแฟลร์ใต้ตัว M */
  text-shadow: 0px 0px 10px rgba(212, 175, 55, 0.7);
}/* End custom CSS */