.elementor-135 .elementor-element.elementor-element-f2defb9{width:var( --container-widget-width, 101.158% );max-width:101.158%;--container-widget-width:101.158%;--container-widget-flex-grow:0;}.elementor-135 .elementor-element.elementor-element-ebcbf69{--spacer-size:50px;}.elementor-135 .elementor-element.elementor-element-727578d{width:var( --container-widget-width, 100.002% );max-width:100.002%;--container-widget-width:100.002%;--container-widget-flex-grow:0;}/* Start custom CSS for html, class: .elementor-element-727578d */.modern-table {
  width: 100%;
  border-collapse: collapse; /* ทำให้เส้นขอบตารางชนกัน */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* เพิ่มเงาให้ตารางโดยรวม */
  border-radius: 8px; /* ทำให้มุมตารางโค้งมน */
  overflow: hidden; /* ซ่อนส่วนที่เกินจาก border-radius */
  margin-bottom: 20px; /* ระยะห่างด้านล่าง */
}

.modern-table th,
.modern-table td {
  padding: 15px 20px; /* เพิ่ม padding ให้ดูโปร่งขึ้น */
  text-align: left;
  border-bottom: 1px solid #e0e0e0; /* เส้นขอบด้านล่างสีอ่อนลง */
}

.modern-table th {
  background-color: #007bff; /* สีพื้นหลังส่วนหัวตาราง */
  color: #ffffff; /* สีตัวอักษรส่วนหัวตาราง */
  font-weight: 600;
  text-transform: uppercase; /* ตัวพิมพ์ใหญ่ทั้งหมด */
}

.modern-table tbody tr:nth-child(even) {
  background-color: #f8f8f8; /* แถวสลับสีเพื่อให้อ่านง่ายขึ้น */
}

.modern-table tbody tr:hover {
  background-color: #e9f7ff; /* เปลี่ยนสีเมื่อนำเมาส์ไปชี้ */
  transition: background-color 0.3s ease; /* เพิ่ม transition ให้ดูนุ่มนวล */
}

/* สไตล์สำหรับราคาที่เป็นตัวหนา */
.modern-table td:last-child {
  font-weight: 600;
  color: #333;
}/* End custom CSS */