.elementor-204 .elementor-element.elementor-element-6d18159{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.61;}.elementor-204 .elementor-element.elementor-element-6d18159:not(.elementor-motion-effects-element-type-background), .elementor-204 .elementor-element.elementor-element-6d18159 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://www.chatchawan.co.uk/wp-content/uploads/2026/03/P1010140-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-204 .elementor-element.elementor-element-6d18159::before, .elementor-204 .elementor-element.elementor-element-6d18159 > .elementor-background-video-container::before, .elementor-204 .elementor-element.elementor-element-6d18159 > .e-con-inner > .elementor-background-video-container::before, .elementor-204 .elementor-element.elementor-element-6d18159 > .elementor-background-slideshow::before, .elementor-204 .elementor-element.elementor-element-6d18159 > .e-con-inner > .elementor-background-slideshow::before, .elementor-204 .elementor-element.elementor-element-6d18159 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-204 .elementor-element.elementor-element-2310087{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-204 .elementor-element.elementor-element-b06b7bf{text-align:center;}.elementor-204 .elementor-element.elementor-element-b06b7bf .elementor-heading-title{font-size:62px;font-weight:600;line-height:55px;letter-spacing:1.5px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-204 .elementor-element.elementor-element-5b79199{text-align:center;font-family:"Caveat", Sans-serif;font-size:26px;font-weight:400;font-style:normal;text-decoration:none;letter-spacing:0.5px;color:#FFFFFF;}.elementor-204 .elementor-element.elementor-element-c1dbc75{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-204 .elementor-element.elementor-element-8d75d47 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-204 .elementor-element.elementor-element-8d75d47 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-204 .elementor-element.elementor-element-8d75d47{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 0px 30px 0px;--image-border-radius:20px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:#000000;--galleries-title-color-hover:#000000;--galleries-pointer-bg-color-hover:#009E16;--galleries-pointer-bg-color-active:#006D0F;}.elementor-204 .elementor-element.elementor-element-8d75d47 .elementor-gallery-item__title{font-size:16px;font-weight:600;}.elementor-204 .elementor-element.elementor-element-8d75d47 .elementor-gallery-title{font-size:20px;font-weight:500;--space-between:10px;}body.elementor-page-204:not(.elementor-motion-effects-element-type-background), body.elementor-page-204 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E4E4;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-204 .elementor-element.elementor-element-6d18159{--min-height:400px;}.elementor-204 .elementor-element.elementor-element-8d75d47 .elementor-gallery-title{font-size:18px;}}@media(max-width:1024px){.elementor-204 .elementor-element.elementor-element-6d18159{--min-height:300px;}.elementor-204 .elementor-element.elementor-element-8d75d47 .elementor-gallery-title{font-size:16px;}}@media(max-width:767px){.elementor-204 .elementor-element.elementor-element-b06b7bf .elementor-heading-title{font-size:42px;}.elementor-204 .elementor-element.elementor-element-8d75d47 .elementor-gallery-item__title{font-size:16px;}.elementor-204 .elementor-element.elementor-element-8d75d47 .elementor-gallery-title{font-size:14px;}}@media(min-width:768px){.elementor-204 .elementor-element.elementor-element-6d18159{--content-width:1220px;}}/* Start custom CSS for gallery, class: .elementor-element-8d75d47 *//* 1) ให้ caption box แสดงตลอด */
.elementor-gallery-item__content{
 position: relative !important;
 visibility: visible !important;
 display: block !important;
 background: #fff !important;
 transform: none !important;
 text-align: center;
 margin-top: 0 !important;
 padding: 14px 12px !important;
 pointer-events: none;
 box-sizing: border-box;
}

/* 2) ปิด overlay */
.elementor-gallery-item__overlay{
 display: none !important;
}

/* 3) ปิด animation/hover ซ่อนข้อความ */
.elementor-gallery-item__title,
.elementor-gallery-item__description,
.elementor-animated-item--fade-in{
 opacity: 1 !important;
 visibility: visible !important;
 transform: none !important;
 animation: none !important;
 transition: none !important;
}

/* 4) จัด layout ให้รูปอยู่บน ข้อความอยู่ล่าง */
.elementor-gallery-item{
 display: flex !important;
 flex-direction: column !important;
 background: #fff;
 border-radius: 10px;
 overflow: hidden;
}

.elementor-gallery-item__image{
 order: 1;
 background-size: contain !important;   /* จาก cover เป็น contain */
 background-repeat: no-repeat !important;
 background-position: center center !important;
 background-color: #fff !important;

}

.elementor-gallery-item__content{
 order: 2;
}

/* 5) ปรับข้อความ */
.elementor-gallery-item__title{
 font-size: 16px;
 line-height: 1.4;
 color: #333;
 margin-top: -15px !important;
 font-weight: 600;
}

.elementor-gallery-item__description{
 font-size: 18px;
 line-height: 1.4;
 color: #666;
 margin-top: 2px;
}

/* ให้ content ซ่อนก่อน */
.elementor-gallery-item__content{
 opacity: 0;
 animation: fadeInCaption 0.6s ease forwards;
 animation-delay: 1s; /* หน่วง 1 วินาที */
}

/* keyframe สำหรับ fade in */
@keyframes fadeInCaption {
 from {
  opacity: 0;
  transform: translateY(10px);
 }
 to {
  opacity: 1;
  transform: translateY(0);
 }
}/* End custom CSS */