.elementor-9961 .elementor-element.elementor-element-cd511d6{--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-9961 .elementor-element.elementor-element-7e249ea{text-align:center;}.elementor-9961 .elementor-element.elementor-element-7e249ea .elementor-heading-title{font-family:"Noto Sans Thai", Noto Sans Thai;font-size:30px;font-weight:700;font-style:normal;line-height:20px;letter-spacing:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-primary );}.elementor-9961 .elementor-element.elementor-element-4943795{--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;}@media(max-width:1024px){.elementor-9961 .elementor-element.elementor-element-7e249ea .elementor-heading-title{font-size:10px;}}@media(max-width:767px){.elementor-9961 .elementor-element.elementor-element-7e249ea .elementor-heading-title{font-size:10px;}}/* Start custom CSS for html, class: .elementor-element-0171496 */<style>
/* ใช้ฟอนต์ Noto Sans Thai ทั้งหมด */
body, .news-section, .news-item, .btn-view-all {
  font-family: 'Noto Sans Thai', sans-serif !important;
}

.news-section {
  max-width: 900px;
  margin: 60px auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0 20px;
}

.news-item {
  background: #f9fafb;
  border-radius: 16px;
  padding: 30px 20px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 25px rgba(0,0,0,0.12);
}

.news-item h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #1e3a8a;
}

/* ปุ่มแบบเดิม - เงาวิ่งผ่าน */
.btn-view-all {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 16px 32px;
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 18px;
  transition: all 0.3s ease;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(30,58,138,0.4);
  cursor: pointer;
}

.btn-view-all::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  transition: left 0.3s ease;
}

.btn-view-all:hover::before {
  left: 100%;
}

.btn-view-all:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(30,58,138,0.6);
}

.arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

.btn-view-all:hover .arrow {
  transform: translateX(5px);
}
</style>/* End custom CSS */