.elementor-402 .elementor-element.elementor-element-ee234ac{--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;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );}.elementor-402 .elementor-element.elementor-element-b3a5eb9 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );font-style:var( --e-global-typography-secondary-font-style );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:50px 0px 0px 50px;padding:20px 50px 15px 50px;}body:not(.rtl) .elementor-402 .elementor-element.elementor-element-b3a5eb9{right:0%;}body.rtl .elementor-402 .elementor-element.elementor-element-b3a5eb9{left:0%;}.elementor-402 .elementor-element.elementor-element-b3a5eb9{top:10%;}@media(max-width:1280px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-402 .elementor-element.elementor-element-b3a5eb9 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-402 .elementor-element.elementor-element-b3a5eb9 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-402 .elementor-element.elementor-element-b3a5eb9 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for image, class: .elementor-element-9d004b7 */.elementor-402 .elementor-element.elementor-element-9d004b7 img{
    aspect-ratio: 16/9;
    width:100%;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee234ac */.box-cate img{
    transform: scale(1);
    transition: all .5s linear;
}
.box-cate:hover img{
    transform: scale(1.05);
    transition:all .5s linear;
}
.box-cate::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(55, 126, 255,0) 0%,
    rgba(55, 126, 255,0.7) 100%
  );
  transform: translatex(100%);
  transition: transform 0.4s ease;
  z-index: 1; /* อยู่เหนือรูป แต่ต่ำกว่าตัวอักษร */
}

/* hover effect */
.box-cate:hover::before {
  transform: translatex(0);
}/* End custom CSS */