.elementor-77180 .elementor-element.elementor-element-7944378{--display:flex;--min-height:265px;--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-77180 .elementor-element.elementor-element-7944378::before, .elementor-77180 .elementor-element.elementor-element-7944378 > .elementor-background-video-container::before, .elementor-77180 .elementor-element.elementor-element-7944378 > .e-con-inner > .elementor-background-video-container::before, .elementor-77180 .elementor-element.elementor-element-7944378 > .elementor-background-slideshow::before, .elementor-77180 .elementor-element.elementor-element-7944378 > .e-con-inner > .elementor-background-slideshow::before, .elementor-77180 .elementor-element.elementor-element-7944378 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-77180 .elementor-element.elementor-element-7944378:hover::before, .elementor-77180 .elementor-element.elementor-element-7944378:hover > .elementor-background-video-container::before, .elementor-77180 .elementor-element.elementor-element-7944378:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-77180 .elementor-element.elementor-element-7944378 > .elementor-background-slideshow:hover::before, .elementor-77180 .elementor-element.elementor-element-7944378 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-77180 .elementor-element.elementor-element-7944378: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-77180 .elementor-element.elementor-element-7944378, .elementor-77180 .elementor-element.elementor-element-7944378::before{--border-transition:0.3s;}.elementor-77180 .elementor-element.elementor-element-fd1960f > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-77180 .elementor-element.elementor-element-fd1960f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-77180 .elementor-element.elementor-element-fd1960f{--e-transform-transition-duration:800ms;}.elementor-77180 .elementor-element.elementor-element-fd1960f img{height:240px;object-fit:cover;object-position:center center;filter:brightness( 75% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-77180 .elementor-element.elementor-element-fd1960f:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-77180 .elementor-element.elementor-element-24a392c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-77180 .elementor-element.elementor-element-24a392c .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-77180 .elementor-element.elementor-element-24a392c .elementor-heading-title a:hover, .elementor-77180 .elementor-element.elementor-element-24a392c .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-77180 .elementor-element.elementor-element-0b9517c > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 15px 0px 15px;}.elementor-77180 .elementor-element.elementor-element-0b9517c .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-77180 .elementor-element.elementor-element-0b9517c .elementor-heading-title a:hover, .elementor-77180 .elementor-element.elementor-element-0b9517c .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-77180 .elementor-element.elementor-element-c061c23 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 15px;}.elementor-77180 .elementor-element.elementor-element-c061c23{font-family:"Dusit Text", Sans-serif;font-size:0.8em;color:#FFFFFF;}.elementor-77180 .elementor-element.elementor-element-49f2bed > .elementor-widget-container:hover{--e-transform-translateX:5px;}.elementor-77180 .elementor-element.elementor-element-49f2bed .elementor-icon-wrapper{text-align:center;}.elementor-77180 .elementor-element.elementor-element-49f2bed.elementor-view-stacked .elementor-icon{background-color:#C8B68A00;}.elementor-77180 .elementor-element.elementor-element-49f2bed.elementor-view-framed .elementor-icon, .elementor-77180 .elementor-element.elementor-element-49f2bed.elementor-view-default .elementor-icon{color:#C8B68A00;border-color:#C8B68A00;}.elementor-77180 .elementor-element.elementor-element-49f2bed.elementor-view-framed .elementor-icon, .elementor-77180 .elementor-element.elementor-element-49f2bed.elementor-view-default .elementor-icon svg{fill:#C8B68A00;}.elementor-77180 .elementor-element.elementor-element-49f2bed.elementor-view-stacked .elementor-icon:hover{background-color:#7A7A7A00;}.elementor-77180 .elementor-element.elementor-element-49f2bed.elementor-view-framed .elementor-icon:hover, .elementor-77180 .elementor-element.elementor-element-49f2bed.elementor-view-default .elementor-icon:hover{color:#7A7A7A00;border-color:#7A7A7A00;}.elementor-77180 .elementor-element.elementor-element-49f2bed.elementor-view-framed .elementor-icon:hover, .elementor-77180 .elementor-element.elementor-element-49f2bed.elementor-view-default .elementor-icon:hover svg{fill:#7A7A7A00;}@media(max-width:1024px){.elementor-77180 .elementor-element.elementor-element-7944378{--min-height:200px;}.elementor-77180 .elementor-element.elementor-element-fd1960f img{height:200px;}}@media(max-width:767px){.elementor-77180 .elementor-element.elementor-element-7944378{--width:100%;--min-height:260px;}.elementor-77180 .elementor-element.elementor-element-fd1960f img{height:260px;object-fit:cover;}}/* Start custom CSS for container, class: .elementor-element-7944378 */.elementor-77180 .elementor-element.elementor-element-7944378 {
  border-radius: 0px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.elementor-77180 .elementor-element.elementor-element-7944378 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-77180 .elementor-element.elementor-element-7944378:hover img {
  transform: scale(1.08);
}

/* ปกติ — gradient เบาๆ แค่ด้านล่าง ให้รูปสดใส */
.elementor-77180 .elementor-element.elementor-element-7944378::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-77180 .elementor-element.elementor-element-7944378: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-77180 .elementor-element.elementor-element-7944378::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-77180 .elementor-element.elementor-element-7944378:hover::after {
  width: 100%;
}

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

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

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

.elementor-77180 .elementor-element.elementor-element-7944378:hover p {
  opacity: 1;
  transform: translateY(-10px);
}

.elementor-77180 .elementor-element.elementor-element-7944378 .elementor-divider {
  position: relative;
  z-index: 2;
}

.elementor-77180 .elementor-element.elementor-element-7944378 .elementor-widget-image {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.elementor-77180 .elementor-element.elementor-element-7944378 .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-77180 .elementor-element.elementor-element-7944378 .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-77180 .elementor-element.elementor-element-7944378:hover .elementor-widget-icon {
  opacity: 1;
  transform: translateY(0);
}

.elementor-77180 .elementor-element.elementor-element-7944378 .elementor-widget-icon:hover .elementor-icon {
  background: #C8B68A00;
}

.elementor-77180 .elementor-element.elementor-element-7944378 h2 {
  position: relative;
  padding-bottom: 10px;
}

.elementor-77180 .elementor-element.elementor-element-7944378 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-77180 .elementor-element.elementor-element-7944378:hover h2::after {
  width: 60%;
}/* End custom CSS */