.elementor-394 .elementor-element.elementor-element-21d3453{--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;--border-radius:28px 28px 28px 28px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-394 .elementor-element.elementor-element-21d3453:not(.elementor-motion-effects-element-type-background), .elementor-394 .elementor-element.elementor-element-21d3453 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e965b5e );}.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-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 );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-394 .elementor-element.elementor-element-550445b{z-index:2;text-align:center;}.elementor-394 .elementor-element.elementor-element-550445b .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:20px;font-weight:600;font-style:normal;}@media(max-width:1280px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for image, class: .elementor-element-00aa797 */.elementor-394 .elementor-element.elementor-element-00aa797 img{
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21d3453 *//* gradient overlay */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(55, 126, 255, 0) 0%,
    rgba(55, 126, 255, 1) 100%
  );
  transform: translateY(100%);
  transition: transform 0.4s ease;
  z-index: 1; /* อยู่เหนือรูป แต่ต่ำกว่าตัวอักษร */
}

/* hover effect */
.card:hover::before {
  transform: translateY(0);
}
.card h1 {
  transition: all 0.4s ease, opacity 0.4s ease;
}

.card:hover h1 {
  transform: translateY(-6px);
  color:white!important;
}/* End custom CSS */