.elementor-21 .elementor-element.elementor-element-0cf6f0a{--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-606b8ae{--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-9e1174b{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-1c82783{--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-332b8a3{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-1c2b5b4{--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-1dad5b7{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-f91fdfc{--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-0aebb01{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-ad4d00d{--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-f09da64{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-0351a79{--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-f02ebdd{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-9b87696 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-9b87696 .elementor-heading-title {
  /* ไล่เฉดสีฟ้าไฟฟ้า (Electric Blue Gradient) ล้อตามโลโก้ KUBET */
  background: linear-gradient(135deg, #00C6FF 0%, #0072FF 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 #71E3FF !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น (Glow Effect) */
  box-shadow: 0px -4px 15px rgba(0, 198, 255, 0.4);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9e1174b *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-9e1174b {
  /* พื้นหลังสีน้ำเงินเข้มไล่เฉด (Deep Navy Gradient) */
  background: linear-gradient(180deg, #0B162C 0%, #030712 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตา */
  color: #E2E8F0 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีฟ้า เชื่อมต่อกับหัวข้อ */
  border: 1px solid #0072FF !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-9e1174b {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา" */
/* (โค้ดนี้ใส่แค่เงาแสง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-21 .elementor-element.elementor-element-9e1174b b, 
.elementor-21 .elementor-element.elementor-element-9e1174b strong {
  /* เงาเรืองแสงโทนสีฟ้าไฟฟ้า (Cyan Neon Glow) ช่วยให้ตัวหนาเรืองแสงเด้งออกมา */
  text-shadow: 0px 0px 8px rgba(0, 198, 255, 0.8) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-774c9ff *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-774c9ff .elementor-heading-title {
  /* ไล่เฉดสีฟ้าไฟฟ้า (Electric Blue Gradient) ล้อตามโลโก้ KUBET */
  background: linear-gradient(135deg, #00C6FF 0%, #0072FF 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 #71E3FF !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น (Glow Effect) */
  box-shadow: 0px -4px 15px rgba(0, 198, 255, 0.4);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-332b8a3 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-332b8a3 {
  /* พื้นหลังสีน้ำเงินเข้มไล่เฉด (Deep Navy Gradient) */
  background: linear-gradient(180deg, #0B162C 0%, #030712 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตา */
  color: #E2E8F0 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีฟ้า เชื่อมต่อกับหัวข้อ */
  border: 1px solid #0072FF !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-332b8a3 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา" */
/* (โค้ดนี้ใส่แค่เงาแสง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-21 .elementor-element.elementor-element-332b8a3 b, 
.elementor-21 .elementor-element.elementor-element-332b8a3 strong {
  /* เงาเรืองแสงโทนสีฟ้าไฟฟ้า (Cyan Neon Glow) ช่วยให้ตัวหนาเรืองแสงเด้งออกมา */
  text-shadow: 0px 0px 8px rgba(0, 198, 255, 0.8) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-03040e3 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-03040e3 .elementor-heading-title {
  /* ไล่เฉดสีฟ้าไฟฟ้า (Electric Blue Gradient) ล้อตามโลโก้ KUBET */
  background: linear-gradient(135deg, #00C6FF 0%, #0072FF 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 #71E3FF !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น (Glow Effect) */
  box-shadow: 0px -4px 15px rgba(0, 198, 255, 0.4);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1dad5b7 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-1dad5b7 {
  /* พื้นหลังสีน้ำเงินเข้มไล่เฉด (Deep Navy Gradient) */
  background: linear-gradient(180deg, #0B162C 0%, #030712 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตา */
  color: #E2E8F0 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีฟ้า เชื่อมต่อกับหัวข้อ */
  border: 1px solid #0072FF !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-1dad5b7 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา" */
/* (โค้ดนี้ใส่แค่เงาแสง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-21 .elementor-element.elementor-element-1dad5b7 b, 
.elementor-21 .elementor-element.elementor-element-1dad5b7 strong {
  /* เงาเรืองแสงโทนสีฟ้าไฟฟ้า (Cyan Neon Glow) ช่วยให้ตัวหนาเรืองแสงเด้งออกมา */
  text-shadow: 0px 0px 8px rgba(0, 198, 255, 0.8) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-efff13f *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-efff13f .elementor-heading-title {
  /* ไล่เฉดสีฟ้าไฟฟ้า (Electric Blue Gradient) ล้อตามโลโก้ KUBET */
  background: linear-gradient(135deg, #00C6FF 0%, #0072FF 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 #71E3FF !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น (Glow Effect) */
  box-shadow: 0px -4px 15px rgba(0, 198, 255, 0.4);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0aebb01 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-0aebb01 {
  /* พื้นหลังสีน้ำเงินเข้มไล่เฉด (Deep Navy Gradient) */
  background: linear-gradient(180deg, #0B162C 0%, #030712 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตา */
  color: #E2E8F0 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีฟ้า เชื่อมต่อกับหัวข้อ */
  border: 1px solid #0072FF !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-0aebb01 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา" */
/* (โค้ดนี้ใส่แค่เงาแสง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-21 .elementor-element.elementor-element-0aebb01 b, 
.elementor-21 .elementor-element.elementor-element-0aebb01 strong {
  /* เงาเรืองแสงโทนสีฟ้าไฟฟ้า (Cyan Neon Glow) ช่วยให้ตัวหนาเรืองแสงเด้งออกมา */
  text-shadow: 0px 0px 8px rgba(0, 198, 255, 0.8) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4369424 *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-4369424 .elementor-heading-title {
  /* ไล่เฉดสีฟ้าไฟฟ้า (Electric Blue Gradient) ล้อตามโลโก้ KUBET */
  background: linear-gradient(135deg, #00C6FF 0%, #0072FF 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 #71E3FF !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น (Glow Effect) */
  box-shadow: 0px -4px 15px rgba(0, 198, 255, 0.4);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f09da64 *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-f09da64 {
  /* พื้นหลังสีน้ำเงินเข้มไล่เฉด (Deep Navy Gradient) */
  background: linear-gradient(180deg, #0B162C 0%, #030712 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตา */
  color: #E2E8F0 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีฟ้า เชื่อมต่อกับหัวข้อ */
  border: 1px solid #0072FF !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-f09da64 {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา" */
/* (โค้ดนี้ใส่แค่เงาแสง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-21 .elementor-element.elementor-element-f09da64 b, 
.elementor-21 .elementor-element.elementor-element-f09da64 strong {
  /* เงาเรืองแสงโทนสีฟ้าไฟฟ้า (Cyan Neon Glow) ช่วยให้ตัวหนาเรืองแสงเด้งออกมา */
  text-shadow: 0px 0px 8px rgba(0, 198, 255, 0.8) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-20ce0bd *//* ใส่ใน Custom CSS ของ Heading */
.elementor-21 .elementor-element.elementor-element-20ce0bd .elementor-heading-title {
  /* ไล่เฉดสีฟ้าไฟฟ้า (Electric Blue Gradient) ล้อตามโลโก้ KUBET */
  background: linear-gradient(135deg, #00C6FF 0%, #0072FF 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 #71E3FF !important;
  border-bottom: none !important;
  
  /* เงากล่องให้ดูลอยเด่น (Glow Effect) */
  box-shadow: 0px -4px 15px rgba(0, 198, 255, 0.4);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f02ebdd *//* ใส่ใน Custom CSS ของ Text Editor */
.elementor-21 .elementor-element.elementor-element-f02ebdd {
  /* พื้นหลังสีน้ำเงินเข้มไล่เฉด (Deep Navy Gradient) */
  background: linear-gradient(180deg, #0B162C 0%, #030712 100%) !important;
  
  /* สีข้อความขาวเทา ถนอมสายตา */
  color: #E2E8F0 !important; 
  
  /* รูปทรงขอบมนด้านล่าง */
  padding: 30px !important;
  border-radius: 0px 0px 12px 12px !important; 
  
  /* เส้นขอบสีฟ้า เชื่อมต่อกับหัวข้อ */
  border: 1px solid #0072FF !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-f02ebdd {
    padding: 20px !important;
  }
}

/* ----------------------------------------- */
/* ส่วนที่ 4: เอฟเฟกต์แสงเรืองแสงสำหรับ "ตัวหนา" */
/* (โค้ดนี้ใส่แค่เงาแสง คุณไปกำหนดสีอักษรเองได้เลย) */
/* ----------------------------------------- */
.elementor-21 .elementor-element.elementor-element-f02ebdd b, 
.elementor-21 .elementor-element.elementor-element-f02ebdd strong {
  /* เงาเรืองแสงโทนสีฟ้าไฟฟ้า (Cyan Neon Glow) ช่วยให้ตัวหนาเรืองแสงเด้งออกมา */
  text-shadow: 0px 0px 8px rgba(0, 198, 255, 0.8) !important;
}/* End custom CSS */