.elementor-231244 .elementor-element.elementor-element-6db5669{padding:02.5% 0% 0% 0%;}.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-231244 .elementor-element.elementor-element-7a9a342 .elementor-heading-title{color:#F38252;}/* Start custom CSS for section, class: .elementor-element-65363bd */<style>
.custom-grid {
  max-width: 1200px;
  margin: auto;
  padding: 20px;
}

.row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

.row.center {
  justify-content: center;
  gap: 30px; /* ระยะห่างระหว่าง 2 กล่อง */
}

.box {
  display: block;
  width: 30%; /* ขนาดกล่องเท่ากัน */
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.box:hover {
  transform: scale(1.05);
}

.box img {
  width: 100%;
  display: block;
  height: auto;
}
/* ---------- Responsive ---------- */

/* Tablet: แสดง 2 กล่องต่อแถว */
@media (max-width: 992px) {
  .box {
    width: 47%;
  }
}

/* Mobile: แสดงทีละ 1 กล่อง */
@media (max-width: 600px) {
  .box {
    width: 100%;
  }
}
</style>
</style>/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9d5c886 */<style>
.custom-grid {
  max-width: 1200px;
  margin: auto;
  padding: 20px;
}

.row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

.row.center {
  justify-content: center;
  gap: 30px; /* ระยะห่างระหว่าง 2 กล่อง */
}

.box {
  display: block;
  width: 30%; /* ขนาดกล่องเท่ากัน */
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.box:hover {
  transform: scale(1.05);
}

.box img {
  width: 100%;
  display: block;
  height: auto;
}
/* ---------- Responsive ---------- */

/* Tablet: แสดง 2 กล่องต่อแถว */
@media (max-width: 992px) {
  .box {
    width: 47%;
  }
}

/* Mobile: แสดงทีละ 1 กล่อง */
@media (max-width: 600px) {
  .box {
    width: 100%;
  }
}
</style>
</style>/* End custom CSS */