.elementor-11782 .elementor-element.elementor-element-6338873{--spacer-size:50px;}.elementor-11782 .elementor-element.elementor-element-3f076a2{text-align:center;}.elementor-11782 .elementor-element.elementor-element-3f076a2 .elementor-heading-title{font-family:"poppins", Sans-serif;font-size:25px;font-weight:700;line-height:30px;}.elementor-11782 .elementor-element.elementor-element-4f016a6{text-align:justify;}.elementor-11782 .elementor-element.elementor-element-571914e{--spacer-size:50px;}/* Start custom CSS for html, class: .elementor-element-0098ef9 *//* กำหนดให้คอนเทนเนอร์อยู่กลางของหน้า */
.image-container {
    position: relative;
    display: inline-block;
    text-align: left; /* จัดกลางในแนวนอน */
}

/* รูปภาพ */
.hover-image {
    display: block;
    max-width: 100%; /* ทำให้แน่ใจว่ารูปภาพไม่ขยายเกินขนาดของคอนเทนเนอร์ */
    height: auto; /* รักษาอัตราส่วนของรูปภาพ */
}

/* กำหนดการแสดงผลของข้อความป๊อปอัพ */
.hover-text {
    display: none;
    position: absolute;
    top: 100%; /* ตำแหน่งอยู่ใต้รูปภาพ */
    left: -100%;
    transform: translateX(20%); /* ขยายข้อความไปทางซ้ายจากจุดกลาง */
    color: black; /* เปลี่ยนเป็นสีข้อความที่ชัดเจน */
    background-color: rgba(255, 255, 255, 1); /* สีขาวที่มีความโปร่งใส 70% */
    padding: 15px;
    border-radius: 5px;
    white-space: normal; /* ข้อความไม่ล้น */
    z-index: 5000; /* ทำให้ป๊อปอัพอยู่เหนือเนื้อหาอื่น */
    width: auto; /* ขยายขนาดตามเนื้อหาข้อความ */
    max-width: 800px; /* ปรับตามความต้องการของคุณ */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* แสดงข้อความป๊อปอัพเมื่อเม้าส์ขยับผ่านรูปภาพ */
.image-container:hover .hover-text {
    display: block;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'poppins';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.icnwp.org/wp-content/uploads/2023/07/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'poppins';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.icnwp.org/wp-content/uploads/2023/07/Poppins-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'poppins';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.icnwp.org/wp-content/uploads/2023/07/Poppins-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */