.elementor-77135 .elementor-element.elementor-element-19ffa9a{--display:flex;--min-height:480px;--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;--justify-content:flex-end;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--overflow:hidden;--background-transition:0.3s;--overlay-opacity:0.34;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--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-77135 .elementor-element.elementor-element-19ffa9a::before, .elementor-77135 .elementor-element.elementor-element-19ffa9a > .elementor-background-video-container::before, .elementor-77135 .elementor-element.elementor-element-19ffa9a > .e-con-inner > .elementor-background-video-container::before, .elementor-77135 .elementor-element.elementor-element-19ffa9a > .elementor-background-slideshow::before, .elementor-77135 .elementor-element.elementor-element-19ffa9a > .e-con-inner > .elementor-background-slideshow::before, .elementor-77135 .elementor-element.elementor-element-19ffa9a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-77135 .elementor-element.elementor-element-19ffa9a:hover::before, .elementor-77135 .elementor-element.elementor-element-19ffa9a:hover > .elementor-background-video-container::before, .elementor-77135 .elementor-element.elementor-element-19ffa9a:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-77135 .elementor-element.elementor-element-19ffa9a > .elementor-background-slideshow:hover::before, .elementor-77135 .elementor-element.elementor-element-19ffa9a > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-77135 .elementor-element.elementor-element-19ffa9a:hover{--overlay-opacity:0.5;border-style:none;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-77135 .elementor-element.elementor-element-19ffa9a, .elementor-77135 .elementor-element.elementor-element-19ffa9a::before{--border-transition:0.3s;}.elementor-77135 .elementor-element.elementor-element-6ea8921 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-77135 .elementor-element.elementor-element-6ea8921 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-77135 .elementor-element.elementor-element-6ea8921{--e-transform-transition-duration:800ms;}.elementor-77135 .elementor-element.elementor-element-6ea8921 img{height:480px;object-fit:cover;object-position:center center;filter:brightness( 75% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-77135 .elementor-element.elementor-element-6ea8921:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-77135 .elementor-element.elementor-element-7e92b76 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-77135 .elementor-element.elementor-element-7e92b76 .elementor-heading-title{font-family:"Dusit Display", Sans-serif;font-size:0.8em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-77135 .elementor-element.elementor-element-7e92b76 .elementor-heading-title a:hover, .elementor-77135 .elementor-element.elementor-element-7e92b76 .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-77135 .elementor-element.elementor-element-4d0b4d8 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 15px 0px 15px;}.elementor-77135 .elementor-element.elementor-element-4d0b4d8 .elementor-heading-title{font-family:"Dusit Display", Sans-serif;font-size:1.5em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-77135 .elementor-element.elementor-element-4d0b4d8 .elementor-heading-title a:hover, .elementor-77135 .elementor-element.elementor-element-4d0b4d8 .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-77135 .elementor-element.elementor-element-10a0b88 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 15px;}.elementor-77135 .elementor-element.elementor-element-10a0b88{font-family:"Dusit Text", Sans-serif;font-size:0.8em;color:#FFFFFF;}.elementor-77135 .elementor-element.elementor-element-7800b85 > .elementor-widget-container:hover{--e-transform-translateX:5px;}.elementor-77135 .elementor-element.elementor-element-7800b85 .elementor-icon-wrapper{text-align:center;}.elementor-77135 .elementor-element.elementor-element-7800b85.elementor-view-stacked .elementor-icon{background-color:#C8B68A00;}.elementor-77135 .elementor-element.elementor-element-7800b85.elementor-view-framed .elementor-icon, .elementor-77135 .elementor-element.elementor-element-7800b85.elementor-view-default .elementor-icon{color:#C8B68A00;border-color:#C8B68A00;}.elementor-77135 .elementor-element.elementor-element-7800b85.elementor-view-framed .elementor-icon, .elementor-77135 .elementor-element.elementor-element-7800b85.elementor-view-default .elementor-icon svg{fill:#C8B68A00;}.elementor-77135 .elementor-element.elementor-element-7800b85.elementor-view-stacked .elementor-icon:hover{background-color:#7A7A7A00;}.elementor-77135 .elementor-element.elementor-element-7800b85.elementor-view-framed .elementor-icon:hover, .elementor-77135 .elementor-element.elementor-element-7800b85.elementor-view-default .elementor-icon:hover{color:#7A7A7A00;border-color:#7A7A7A00;}.elementor-77135 .elementor-element.elementor-element-7800b85.elementor-view-framed .elementor-icon:hover, .elementor-77135 .elementor-element.elementor-element-7800b85.elementor-view-default .elementor-icon:hover svg{fill:#7A7A7A00;}@media(max-width:1024px){.elementor-77135 .elementor-element.elementor-element-19ffa9a{--min-height:400px;}.elementor-77135 .elementor-element.elementor-element-6ea8921 img{height:400px;}}@media(min-width:768px){.elementor-77135 .elementor-element.elementor-element-19ffa9a{--width:100%;}}@media(max-width:767px){.elementor-77135 .elementor-element.elementor-element-19ffa9a{--width:100%;--min-height:260px;}.elementor-77135 .elementor-element.elementor-element-6ea8921 img{height:260px;object-fit:cover;}}/* Start custom CSS for container, class: .elementor-element-19ffa9a */.elementor-77135 .elementor-element.elementor-element-19ffa9a {
  border-radius: 0px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a:hover img {
  transform: scale(1.08);
}

/* ปกติ — gradient เบาๆ แค่ด้านล่าง ให้รูปสดใส */
.elementor-77135 .elementor-element.elementor-element-19ffa9a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.6) 0%,
    rgba(0,0,0,0.1) 40%,
    transparent 65%
  );
  transition: background 0.4s ease;
  z-index: 1;
  pointer-events: none;
}

/* hover — overlay เข้มทั้งการ์ด */
.elementor-77135 .elementor-element.elementor-element-19ffa9a:hover::before {
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.8) 0%,
    rgba(0,0,0,0.4) 50%,
    rgba(0,0,0,0.15) 100%
  );
}

/*.elementor-77135 .elementor-element.elementor-element-19ffa9a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  width: 0%;
  background: #B49A6A;
  transition: width 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 10;
}
*/
.elementor-77135 .elementor-element.elementor-element-19ffa9a:hover::after {
  width: 100%;
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a h1, .elementor-77135 .elementor-element.elementor-element-19ffa9a h2, .elementor-77135 .elementor-element.elementor-element-19ffa9a h3,
.elementor-77135 .elementor-element.elementor-element-19ffa9a h4, .elementor-77135 .elementor-element.elementor-element-19ffa9a h5, .elementor-77135 .elementor-element.elementor-element-19ffa9a h6 {
  position: relative;
  z-index: 2;
  color: #ffffff !important;
  transition: transform 0.4s ease;
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a:hover h1, .elementor-77135 .elementor-element.elementor-element-19ffa9a:hover h2,
.elementor-77135 .elementor-element.elementor-element-19ffa9a:hover h3, .elementor-77135 .elementor-element.elementor-element-19ffa9a:hover h4,
.elementor-77135 .elementor-element.elementor-element-19ffa9a:hover h5, .elementor-77135 .elementor-element.elementor-element-19ffa9a:hover h6 {
  transform: translateY(-10px);
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a p {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease;
  position: relative;
  z-index: 2;
  color: #ffffff !important;
  font-size: 16px;
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a:hover p {
  opacity: 1;
  transform: translateY(-10px);
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a .elementor-divider {
  position: relative;
  z-index: 2;
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a .elementor-widget-image {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a .elementor-widget-icon {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 3;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a .elementor-widget-icon .elementor-icon {
  width: 36px;
  height: 36px;
  border-radius: 0%;
  background: #C8B68A00;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  font-size: 16px !important;
  
  transition: background 0.3s ease;
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a:hover .elementor-widget-icon {
  opacity: 1;
  transform: translateY(0);
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a .elementor-widget-icon:hover .elementor-icon {
  background: #C8B68A00;
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a h2 {
  position: relative;
  padding-bottom: 10px;
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0%;
  background: #B49A6A;
  transition: width 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.elementor-77135 .elementor-element.elementor-element-19ffa9a:hover h2::after {
  width: 60%;
}/* End custom CSS */