.elementor-120 .elementor-element.elementor-element-8376a29{--display:flex;--min-height:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-120 .elementor-element.elementor-element-8376a29::before, .elementor-120 .elementor-element.elementor-element-8376a29 > .elementor-background-video-container::before, .elementor-120 .elementor-element.elementor-element-8376a29 > .e-con-inner > .elementor-background-video-container::before, .elementor-120 .elementor-element.elementor-element-8376a29 > .elementor-background-slideshow::before, .elementor-120 .elementor-element.elementor-element-8376a29 > .e-con-inner > .elementor-background-slideshow::before, .elementor-120 .elementor-element.elementor-element-8376a29 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-120 .elementor-element.elementor-element-0d7e59b{--e-image-carousel-slides-to-show:1;padding:0px 0px 0px 0px;}.elementor-120 .elementor-element.elementor-element-0d7e59b .elementor-swiper-button.elementor-swiper-button-prev, .elementor-120 .elementor-element.elementor-element-0d7e59b .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;}.elementor-120 .elementor-element.elementor-element-2cc661e{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-120 .elementor-element.elementor-element-3d46715{--grid-columns:3;}.elementor-120 .elementor-element.elementor-element-62f8c5c{--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;--margin-top:50px;--margin-bottom:5px;--margin-left:0px;--margin-right:0px;}.elementor-120 .elementor-element.elementor-element-bb9b515{--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-120 .elementor-element.elementor-element-2e7525e{text-align:center;}.elementor-120 .elementor-element.elementor-element-2e7525e .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:36px;font-weight:600;color:#071427;}.elementor-120 .elementor-element.elementor-element-ee61f0f{text-align:center;}.elementor-120 .elementor-element.elementor-element-ee61f0f .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:400;color:#071427;}.elementor-120 .elementor-element.elementor-element-fe95773{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-120 .elementor-element.elementor-element-aaa2d82{--display:flex;--border-radius:15px 15px 15px 15px;box-shadow:-1px 1px 10px 1px rgba(0,0,0,0.5);}.elementor-120 .elementor-element.elementor-element-132d868{--display:flex;}.elementor-120 .elementor-element.elementor-element-9bb37a4{text-align:center;}.elementor-120 .elementor-element.elementor-element-9bb37a4 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:600;color:#071427;}.elementor-120 .elementor-element.elementor-element-c343449{text-align:center;}.elementor-120 .elementor-element.elementor-element-c343449 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#4B5564;}.elementor-120 .elementor-element.elementor-element-367658d{--display:flex;--border-radius:15px 15px 15px 15px;box-shadow:-1px 1px 10px 1px rgba(0,0,0,0.5);}.elementor-120 .elementor-element.elementor-element-367658d:not(.elementor-motion-effects-element-type-background), .elementor-120 .elementor-element.elementor-element-367658d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#071427;}.elementor-120 .elementor-element.elementor-element-9c332cd{--display:flex;}.elementor-120 .elementor-element.elementor-element-9c332cd.e-con{--align-self:center;}.elementor-120 .elementor-element.elementor-element-9563867{text-align:center;}.elementor-120 .elementor-element.elementor-element-9563867 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:600;color:#DBDBDB;}.elementor-120 .elementor-element.elementor-element-ea743bc{text-align:center;}.elementor-120 .elementor-element.elementor-element-ea743bc .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#B9C1CE;}.elementor-120 .elementor-element.elementor-element-a539f5b{--display:flex;--border-radius:15px 15px 15px 15px;box-shadow:-1px 1px 10px 1px rgba(0,0,0,0.5);}.elementor-120 .elementor-element.elementor-element-72368a7{--display:flex;}.elementor-120 .elementor-element.elementor-element-f2ec044{text-align:center;}.elementor-120 .elementor-element.elementor-element-f2ec044 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:600;color:#071427;}.elementor-120 .elementor-element.elementor-element-2513254{text-align:center;}.elementor-120 .elementor-element.elementor-element-2513254 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:400;color:#4B5564;}.elementor-120 .elementor-element.elementor-element-b41ea8c{--display:flex;--border-radius:15px 15px 15px 15px;box-shadow:-1px 1px 10px 1px rgba(0,0,0,0.5);}.elementor-120 .elementor-element.elementor-element-b41ea8c:not(.elementor-motion-effects-element-type-background), .elementor-120 .elementor-element.elementor-element-b41ea8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#071427;}.elementor-120 .elementor-element.elementor-element-f50a50c{--display:flex;}.elementor-120 .elementor-element.elementor-element-e2c70b4{text-align:center;}.elementor-120 .elementor-element.elementor-element-e2c70b4 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:600;color:#DBDBDB;}.elementor-120 .elementor-element.elementor-element-b53ca34{text-align:center;}.elementor-120 .elementor-element.elementor-element-b53ca34 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:400;color:#B9C1CE;}@media(max-width:1024px){.elementor-120 .elementor-element.elementor-element-3d46715{--grid-columns:2;}.elementor-120 .elementor-element.elementor-element-2e7525e .elementor-heading-title{font-size:32px;}.elementor-120 .elementor-element.elementor-element-ee61f0f .elementor-heading-title{font-size:16px;}.elementor-120 .elementor-element.elementor-element-fe95773{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-120 .elementor-element.elementor-element-3d46715{--grid-columns:1;}}@media(min-width:768px){.elementor-120 .elementor-element.elementor-element-2cc661e{--content-width:1300px;}.elementor-120 .elementor-element.elementor-element-62f8c5c{--content-width:1300px;}.elementor-120 .elementor-element.elementor-element-fe95773{--content-width:1300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-120 .elementor-element.elementor-element-fe95773{--content-width:1300px;}}/* Start custom CSS for container, class: .elementor-element-aaa2d82 *//* ================================
   FEATURE BOX : HEIGHT EQUAL + HOVER
   ใช้กับกล่อง 4 ใบ
================================ */

/* Container แม่ (ครอบการ์ดทั้งหมด) */
.tbc-feature-row{
  display: flex;
  gap: 24px;
  align-items: stretch; /* ⭐ สำคัญที่สุด: ทำให้สูงเท่ากัน */
}

/* การ์ดแต่ละใบ */
.tbc-feature-card{
  flex: 1;
  background: #ffffff;
  border-radius: 18px;
  padding: 28px 24px;
  min-height: 190px; /* ปรับได้ 180–220 */
  display: flex;
  flex-direction: column;
  justify-content: center;

  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  transition: 
    transform .3s ease,
    box-shadow .3s ease,
    background .3s ease,
    color .3s ease;
}

/* หัวข้อ */
.tbc-feature-card h3{
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

/* เนื้อหา */
.tbc-feature-card p{
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

/* ===== Hover Effect ===== */
.tbc-feature-card:hover{
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,.18);
}

/* การ์ดพื้นเข้ม */
.tbc-feature-card.is-dark{
  background: #0b1a33;
  color: #ffffff;
}

.tbc-feature-card.is-dark p{
  color: rgba(255,255,255,.85);
}

/* Hover ของการ์ดเข้ม */
.tbc-feature-card.is-dark:hover{
  background: linear-gradient(135deg,#0b1a33,#102a55);
}

/* ================================
   MOBILE
================================ */
@media (max-width: 1024px){
  .tbc-feature-row{
    flex-wrap: wrap;
  }
  .tbc-feature-card{
    min-height: 200px;
  }
}

@media (max-width: 767px){
  .tbc-feature-row{
    flex-direction: column;
  }
  .tbc-feature-card{
    min-height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-367658d *//* ===== 4 FEATURE CARDS HOVER ===== */

.tbc-feature-row{
  gap: 18px; /* ระยะห่างระหว่างการ์ด */
}

.tbc-feature-card{
  border-radius: 18px;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
  will-change: transform;
}

/* เด้งเฉพาะใบที่ชี้ */
.tbc-feature-card:hover{
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0,0,0,.16);
}

/* ทำให้สูงเท่ากัน */
.tbc-feature-card{
  height: 100%;
}

/* ใบสีเข้ม ให้สว่างขึ้นนิดตอน hover */
.tbc-feature-card.is-dark:hover{
  filter: brightness(1.08);
}

/* (ถ้าอยากให้ “หัวข้อ” ขยับนิด ๆ ตอน hover) */
.tbc-feature-card .elementor-heading-title{
  transition: transform .22s ease;
}
.tbc-feature-card:hover .elementor-heading-title{
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a539f5b *//* ===== 4 FEATURE CARDS HOVER ===== */

.tbc-feature-row{
  gap: 18px; /* ระยะห่างระหว่างการ์ด */
}

.tbc-feature-card{
  border-radius: 18px;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
  will-change: transform;
}

/* เด้งเฉพาะใบที่ชี้ */
.tbc-feature-card:hover{
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0,0,0,.16);
}

/* ทำให้สูงเท่ากัน */
.tbc-feature-card{
  height: 100%;
}

/* ใบสีเข้ม ให้สว่างขึ้นนิดตอน hover */
.tbc-feature-card.is-dark:hover{
  filter: brightness(1.08);
}

/* (ถ้าอยากให้ “หัวข้อ” ขยับนิด ๆ ตอน hover) */
.tbc-feature-card .elementor-heading-title{
  transition: transform .22s ease;
}
.tbc-feature-card:hover .elementor-heading-title{
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b41ea8c *//* ===== 4 FEATURE CARDS HOVER ===== */

.tbc-feature-row{
  gap: 18px; /* ระยะห่างระหว่างการ์ด */
}

.tbc-feature-card{
  border-radius: 18px;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
  will-change: transform;
}

/* เด้งเฉพาะใบที่ชี้ */
.tbc-feature-card:hover{
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0,0,0,.16);
}

/* ทำให้สูงเท่ากัน */
.tbc-feature-card{
  height: 100%;
}

/* ใบสีเข้ม ให้สว่างขึ้นนิดตอน hover */
.tbc-feature-card.is-dark:hover{
  filter: brightness(1.08);
}

/* (ถ้าอยากให้ “หัวข้อ” ขยับนิด ๆ ตอน hover) */
.tbc-feature-card .elementor-heading-title{
  transition: transform .22s ease;
}
.tbc-feature-card:hover .elementor-heading-title{
  transform: translateY(-2px);
}/* End custom CSS */