.elementor-4781 .elementor-element.elementor-element-840892f{--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-4781 .elementor-element.elementor-element-f0ba10a{--display:flex;}.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-4781 .elementor-element.elementor-element-f1f4812{text-align:center;}.elementor-4781 .elementor-element.elementor-element-f1f4812 .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-weight:600;color:#493232;}.elementor-4781 .elementor-element.elementor-element-67f25ac{--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-4781 .elementor-element.elementor-element-5b5ed34{--display:flex;--min-height:254px;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-text-editor{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 );}.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-4781 .elementor-element.elementor-element-b646272{width:var( --container-widget-width, 101.786% );max-width:101.786%;--container-widget-width:101.786%;--container-widget-flex-grow:0;column-gap:0px;}.elementor-4781 .elementor-element.elementor-element-b646272.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4781 .elementor-element.elementor-element-35a70bc{--display:grid;--min-height:15px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.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 );}.elementor-4781 .elementor-element.elementor-element-c144ca6 img{width:100%;max-width:100%;height:170px;object-fit:fill;opacity:1;}.elementor-4781 .elementor-element.elementor-element-33b2b10 img{width:99%;max-width:98%;height:172px;opacity:1;}.elementor-4781 .elementor-element.elementor-element-b0d1c56{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4781 .elementor-element.elementor-element-e9fd569{text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-4781 .elementor-element.elementor-element-7b01091{--display:flex;--min-height:0px;}@media(max-width:1024px){.elementor-4781 .elementor-element.elementor-element-35a70bc{--grid-auto-flow:row;}.elementor-4781 .elementor-element.elementor-element-b0d1c56{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-4781 .elementor-element.elementor-element-5b5ed34{--width:100%;}.elementor-4781 .elementor-element.elementor-element-35a70bc{--content-width:1018px;}.elementor-4781 .elementor-element.elementor-element-b0d1c56{--content-width:957px;}.elementor-4781 .elementor-element.elementor-element-7b01091{--width:64%;}}@media(max-width:767px){.elementor-4781 .elementor-element.elementor-element-35a70bc{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4781 .elementor-element.elementor-element-b0d1c56{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-b646272 *//* กำหนดสีพื้นหลังของหน้าเว็บ (ลบออกได้หากธีมของคุณเป็นสีเทาอยู่แล้ว) */
body {
  background-color: #f5f5f5;
}

/* กล่องสีขาวครอบวิดีโอ */
.video-card-container {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  margin: 40px auto;           /* จัดกล่องให้อยู่กึ่งกลางหน้าจอ */
  
  /* 📐 [ส่วนกำหนดขนาดความกว้างและระยะขอบ] 📐 */
  max-width: 800px;            /* เปลี่ยนเลขนี้เพื่อปรับความกว้างของกล่อง (เช่น 600px, 1000px) */
  padding: 40px 50px;          /* เลขตัวแรก = ระยะขอบบน-ล่าง, เลขตัวที่สอง = ระยะขอบซ้าย-ขวา แบบในรูป */
  width: 90%;                  /* ป้องกันกล่องล้นหน้าจอเมื่อเปิดในมือถือ */
}

/* คลาสควบคุมขนาดวิดีโอให้เป็น 16:9 แบบ Responsive (ยืดหยุ่นตามความกว้างของกล่องด้านบน) */
.video-responsive {
  position: relative;
  padding-bottom: 56.25%;      /* ล็อคอัตราส่วนความสูงไว้ที่ 16:9 อัตโนมัติ ความสูงจะปรับตามความกว้างของกล่อง */
  height: 0;
  overflow: hidden;
}

.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e9fd569 *//* กล่องการ์ดสีขาว มีขอบมนและเงาฟุ้งแบบนุ่มนวล */
.ita-summary-card {
  background-color: #ffffff;
  border-radius: 16px;         /* ความโค้งมนของมุมกล่อง */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* เงาฟุ้งลึกแบบในรูปตัวอย่าง */
  padding: 30px 35px;          /* ระยะห่างจากขอบกล่องเข้ามาด้านใน */
  max-width: 450px;            /* ความกว้างของกล่องข้อความ */
  margin: 30px auto;           /* จัดให้อยู่กึ่งกลางหน้าจอ */
  font-family: 'Sarabun', 'Helvetica Neue', Arial, sans-serif; /* ใช้ฟอนต์ที่อ่านง่าย */
  color: #333333;
}

/* หัวข้อหลักด้านบน */
.ita-card-title {
  color: #0b5ed7;              /* สีน้ำเงินของหัวข้อ */
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: bold;
}

/* ส่วนเนื้อหารายการ */
.ita-card-content {
  margin-bottom: 25px;
}

/* ข้อความชื่อแบบวัด */
.ita-item-label {
  font-size: 15px;
  color: #555555;
  margin-bottom: 2px;
}

/* ตัวเลขสถิติ */
.ita-item-value {
  font-size: 16px;
  font-weight: bold;
  color: #444444;
  margin-top: 0;
  margin-bottom: 15px;
  padding-left: 10px;
}

/* เครื่องหมายถูกสีเขียว/เหลืองทอง */
.check-mark {
  color: #2ec4b6;              /* สีเขียวมิ้นท์/เขียวสดตามภาพ */
  font-weight: bold;
  font-size: 18px;
  margin-left: 5px;
}

/* ส่วนท้ายของการ์ด */
.ita-card-footer {
  border-top: 1px dashed #e0e0e0; /* เส้นประคั่นบางๆ เพิ่มความสวยงาม */
  padding-top: 15px;
}

/* วันที่อัปเดตข้อมูล */
.ita-date {
  font-size: 15px;
  color: #2b6cb0;              /* สีน้ำเงินเข้ม */
  margin-bottom: 5px;
}

/* ส่วนลิงก์ URL */
.ita-link {
  font-size: 14px;
  margin-bottom: 8px;
  word-break: break-all;      /* ป้องกันลิงก์ยาวเกินหน้าจอโทรศัพท์ */
}

.ita-link a {
  color: #3182ce;
  text-decoration: none;      /* เอาเส้นใต้ลิงก์ออกเพื่อความสะอาดตา */
}

.ita-link a:hover {
  text-decoration: underline; /* แสดงเส้นใต้เฉพาะตอนเอาเมาส์ไปชี้ */
}

/* ข้อความเชิญชวนด้านล่างสุด */
.ita-action-text {
  font-size: 15px;
  color: #2d3748;
}

/* เน้นคำว่า ITA ให้เด่นชัดเป็นสีส้ม/แดง */
.highlight-text {
  color: #e53e3e;
  font-weight: bold;
}/* End custom CSS */