.elementor-299 .elementor-element.elementor-element-39eff19{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:10px;--padding-left:240px;--padding-right:240px;}.elementor-299 .elementor-element.elementor-element-2c369e1{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-299 .elementor-element.elementor-element-6b0f527{width:100%;max-width:100%;}.elementor-299 .elementor-element.elementor-element-6b0f527 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:400;color:#2A2A35;}.elementor-299 .elementor-element.elementor-element-e86af03{--spacer-size:1px;width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-299 .elementor-element.elementor-element-e86af03 > .elementor-widget-container{background-color:#1565C0;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-299 .elementor-element.elementor-element-a8280f8{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;}.elementor-299 .elementor-element.elementor-element-dc32cd9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-299 .elementor-element.elementor-element-dc32cd9.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-299 .elementor-element.elementor-element-da88ebf{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:100px;--padding-left:240px;--padding-right:240px;}.elementor-299 .elementor-element.elementor-element-da88ebf::before, .elementor-299 .elementor-element.elementor-element-da88ebf > .elementor-background-video-container::before, .elementor-299 .elementor-element.elementor-element-da88ebf > .e-con-inner > .elementor-background-video-container::before, .elementor-299 .elementor-element.elementor-element-da88ebf > .elementor-background-slideshow::before, .elementor-299 .elementor-element.elementor-element-da88ebf > .e-con-inner > .elementor-background-slideshow::before, .elementor-299 .elementor-element.elementor-element-da88ebf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}@media(min-width:768px){.elementor-299 .elementor-element.elementor-element-2c369e1{--width:70%;}.elementor-299 .elementor-element.elementor-element-dc32cd9{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-299 .elementor-element.elementor-element-2c369e1{--width:80%;}.elementor-299 .elementor-element.elementor-element-dc32cd9{--width:20%;}}@media(max-width:1024px){.elementor-299 .elementor-element.elementor-element-39eff19{--padding-top:50px;--padding-bottom:10px;--padding-left:25px;--padding-right:25px;}.elementor-299 .elementor-element.elementor-element-2c369e1{--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-299 .elementor-element.elementor-element-6b0f527 .elementor-heading-title{font-size:22px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-299 .elementor-element.elementor-element-da88ebf{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}}@media(max-width:767px){.elementor-299 .elementor-element.elementor-element-2c369e1{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-299 .elementor-element.elementor-element-6b0f527{text-align:center;}.elementor-299 .elementor-element.elementor-element-6b0f527 .elementor-heading-title{font-size:18px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-299 .elementor-element.elementor-element-dc32cd9{--width:100%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-da88ebf */.accordion-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; /* ให้เต็ม container */
  max-width: 100%; /* กันเกิน */
  padding: 1rem;
  font-size: clamp(1rem, 2vw, 1.2rem); /* ใช้ clamp เพื่อให้ฟอนต์ยืดหยุ่น */
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  box-sizing: border-box;
  overflow: hidden; /* ป้องกันข้อความล้นออกนอกกรอบ */
  text-overflow: ellipsis; /* ให้ข้อความที่ยาวเกินไปแสดงเป็น '...' */
  white-space: nowrap; /* ห้ามข้อความไหลไปหลายบรรทัด */
  flex-shrink: 1; /* อนุญาตให้ข้อความย่อหากพื้นที่จำกัด */
}

.accordion-button .new-tab-icon {
  margin-left: 10px; /* ช่องว่างระหว่างข้อความกับไอคอน */
  flex-shrink: 0; /* ไอคอนไม่ย่อ */
}

/* เพิ่ม responsive ด้วย media queries สำหรับหน้าจอที่เล็กลง */
@media (max-width: 767px) {
  .accordion-button {
    font-size: clamp(0.9rem, 4vw, 1rem); /* ฟอนต์จะปรับขนาดให้เหมาะสมกับหน้าจอ */
    flex-direction: row; /* ให้ไอคอนและข้อความอยู่แถวเดียวกัน */
    white-space: normal; /* ให้ข้อความไหลตามขนาดของบรรทัด */
    justify-content: flex-start; /* จัดให้ข้อความและไอคอนอยู่ชิดซ้าย */
  }

  /* ให้ไอคอนมาอยู่ติดกับข้อความ */
  .accordion-button .new-tab-icon {
    margin-left: 0; /* เอาช่องว่างออก */
    padding-left: 5px; /* เพิ่มระยะห่างเล็กน้อยหากต้องการ */
  }
}/* End custom CSS */