.elementor-2190 .elementor-element.elementor-element-545e4fb9{--display:flex;--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;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2190 .elementor-element.elementor-element-35b7c167 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-2190 .elementor-element.elementor-element-35b7c167 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-2190 .elementor-element.elementor-element-35b7c167.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2190 .elementor-element.elementor-element-35b7c167{border-radius:15px 15px 15px 15px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}/* Start custom CSS for gallery, class: .elementor-element-35b7c167 *//* 1. เปลี่ยนระบบการจัดเรียงของ Gallery ให้เป็น CSS Grid */
.elementor-2190 .elementor-element.elementor-element-35b7c167 .elementor-gallery-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* แบ่งเป็น 4 คอลัมน์เท่าๆ กัน */
    grid-template-rows: repeat(2, 220px) !important; /* กำหนดความสูงของแถว ปรับเพิ่ม/ลดได้ */
    gap: 10px !important; /* ระยะห่างระหว่างรูป */
}

/* ลบการทำงานเรื่อง Width/Margin เดิมของ Elementor ออกเพื่อไม่ให้เพี้ยน */
.elementor-2190 .elementor-element.elementor-element-35b7c167 .elementor-gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    position: relative !important;
}

/* 2. บังคับให้รูปที่ 1 (รูปแรกฝั่งซ้าย) ขยายใหญ่ */
.elementor-2190 .elementor-element.elementor-element-35b7c167 .elementor-gallery-item:nth-child(1) {
    grid-column: 1 / span 2 !important; /* กินพื้นที่ 2 คอลัมน์ */
    grid-row: 1 / span 2 !important;    /* กินพื้นที่ 2 แถวแนวตั้ง */
}

/* 3. บังคับให้รูปภาพยืดเต็มพื้นที่สวยงาม ไม่บิดเบี้ยว */
.elementor-2190 .elementor-element.elementor-element-35b7c167 .elementor-gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 4. สั่งซ่อนรูปภาพตั้งแต่รูปที่ 6 เป็นต้นไป ไม่ให้โชว์บนหน้าเว็บ */
.elementor-2190 .elementor-element.elementor-element-35b7c167 .elementor-gallery-item:nth-child(n+6) {
    display: none !important;
}/* End custom CSS */