.elementor-134 .elementor-element.elementor-element-41b29cb{--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;--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#CCCCCC;--border-color:#CCCCCC;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-b46d0f1 img{height:230px;object-fit:cover;object-position:center center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-134 .elementor-element.elementor-element-c6f73c2 > .elementor-widget-container{margin:12px 0px 0px 0px;}.elementor-134 .elementor-element.elementor-element-c6f73c2 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:21px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-ceb06db .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-134 .elementor-element.elementor-element-41b29cb{--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-b46d0f1 img{height:140px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-134 .elementor-element.elementor-element-c6f73c2 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-134 .elementor-element.elementor-element-c6f73c2 .elementor-heading-title{font-size:17px;}.elementor-134 .elementor-element.elementor-element-ceb06db .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-134 .elementor-element.elementor-element-41b29cb{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-b46d0f1 img{height:200px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-134 .elementor-element.elementor-element-c6f73c2 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-134 .elementor-element.elementor-element-c6f73c2 .elementor-heading-title{font-size:16px;line-height:25px;}.elementor-134 .elementor-element.elementor-element-ceb06db .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for container, class: .elementor-element-41b29cb */.template-box {
  position: relative;
  overflow: hidden;
  background: #fff;
  color: #000;
  transition: color 0.45s ease-in-out;
}

/* ชั้นสำหรับทำเอฟเฟกต์ไล่สี */
.template-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #0050C8;
  transform: translateX(-101%);
  transition: transform 0.45s ease-in-out;
  z-index: 0;
}

/* ให้เนื้อหาด้านในอยู่บนสุด */
.template-box .template-text {
  position: relative;
  z-index: 1;
  transition: color 1s ease;
}

/* เมื่อ hover */
.template-box:hover::before {
  transform: translateX(0);
}

.template-box:hover .template-text * {
  color: #fff !important;
}/* End custom CSS */