.elementor-853 .elementor-element.elementor-element-ddf0ff3{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right: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-weight:var( --e-global-typography-text-font-weight );}.elementor-853 .elementor-element.elementor-element-7a671c7 img{width:20%;}.elementor-853 .elementor-element.elementor-element-bee56ca{--spacer-size:50px;}.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-853 .elementor-element.elementor-element-97dffba{text-align:center;}.elementor-853 .elementor-element.elementor-element-97dffba .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-astglobalcolor2 );}.elementor-853 .elementor-element.elementor-element-036286f{text-align:center;}.elementor-853 .elementor-element.elementor-element-036286f .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:35px;font-weight:600;color:#51C4B7;}.elementor-853 .elementor-element.elementor-element-1d76559{--spacer-size:20px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-853 .elementor-element.elementor-element-cb8ab51{text-align:center;font-family:"Noto Sans Thai", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-853 .elementor-element.elementor-element-230be1d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-853 .elementor-element.elementor-element-230be1d:not(.elementor-motion-effects-element-type-background), .elementor-853 .elementor-element.elementor-element-230be1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F3F4;}.elementor-853 .elementor-element.elementor-element-230be1d > .elementor-shape-top svg, .elementor-853 .elementor-element.elementor-element-230be1d > .e-con-inner > .elementor-shape-top svg{height:80px;}@media(max-width:1366px){.elementor-853 .elementor-element.elementor-element-97dffba .elementor-heading-title{font-size:30px;}.elementor-853 .elementor-element.elementor-element-036286f .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-853 .elementor-element.elementor-element-97dffba .elementor-heading-title{font-size:20px;}.elementor-853 .elementor-element.elementor-element-036286f .elementor-heading-title{font-size:20px;}.elementor-853 .elementor-element.elementor-element-cb8ab51{font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-9942ca4 *//* การตั้งค่าพื้นฐาน */
.our-team-section {
  padding: 60px 20px;
  background-color: #f9f9f9;
  font-family: 'Sarabun', sans-serif; /* แนะนำให้ใช้ฟอนต์ Sarabun หรือ Prompt */
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.section-title {
  text-align: center;
  margin-bottom: 50px;
}

.section-title h2 {
  font-size: 36px;
  color: #333;
  margin-bottom: 10px;
}

.section-title p {
  font-size: 18px;
  color: #666;
}

/* Grid Layout สำหรับ 3 คน */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}

/* สไตล์ของการ์ดแต่ละใบ */
.team-card {
  background: #fff;
  border-radius: 12px;
  padding: 30px 20px;
  text-align: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}

.team-card:hover {
  transform: translateY(-10px);
}

.image-wrapper {
  width: 150px;
  height: 150px;
  margin: 0 auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #eaeaea;
}

.image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-info h3 {
  font-size: 22px;
  color: #333;
  margin: 0 0 5px;
}

.role {
  display: block;
  font-size: 14px;
  color: #007BFF;
  font-weight: 600;
  margin-bottom: 15px;
}

.bio {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 20px;
}

.social-links a {
  text-decoration: none;
  color: #666;
  font-size: 14px;
  border: 1px solid #ddd;
  padding: 5px 15px;
  border-radius: 20px;
  transition: all 0.3s;
}

.social-links a:hover {
  background: #007BFF;
  color: #fff;
  border-color: #007BFF;
}/* End custom CSS */