.elementor-12277 .elementor-element.elementor-element-196371c{--display:flex;--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;}.elementor-12277 .elementor-element.elementor-element-3278d85{text-align:center;}.elementor-12277 .elementor-element.elementor-element-3278d85 .elementor-heading-title{font-size:28px;}.elementor-12277 .elementor-element.elementor-element-314dd06{--display:flex;--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;}.elementor-12277 .elementor-element.elementor-element-a038e15 .widget-image-caption{color:#000000;font-family:"Noto Sans Thai", Noto Sans Thai;font-size:26px;font-style:normal;margin-block-start:26px;}.elementor-12277 .elementor-element.elementor-element-ec25221{--display:flex;--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;}.elementor-12277 .elementor-element.elementor-element-3e1309f{text-align:center;}.elementor-12277 .elementor-element.elementor-element-3e1309f .elementor-heading-title{font-family:"Noto Sans Thai", Noto Sans Thai;font-size:28px;}.elementor-12277 .elementor-element.elementor-element-c65f8fd{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12277 .elementor-element.elementor-element-17d8446 .widget-image-caption{text-align:center;color:#000000;font-family:"Noto Sans Thai", Noto Sans Thai;font-size:26px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-8cf3af0 .widget-image-caption{color:#000000;font-family:"Noto Sans Thai", Noto Sans Thai;font-size:26px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-aa9ff3b .widget-image-caption{color:#000000;font-family:"Noto Sans Thai", Noto Sans Thai;font-size:26px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-f39ff7a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12277 .elementor-element.elementor-element-e6a6c31 .widget-image-caption{color:#000000;font-family:"Noto Sans Thai", Noto Sans Thai;font-size:26px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-0b9c36b .widget-image-caption{text-align:center;color:#000000;font-family:"Noto Sans Thai", Noto Sans Thai;font-size:26px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-c4cad4c .widget-image-caption{text-align:center;color:#000000;font-size:26px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-34d34e8{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12277 .elementor-element.elementor-element-2ed3342 .widget-image-caption{color:#000000;font-size:26px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-a3b1cee .widget-image-caption{text-align:center;color:#000000;font-size:24px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-043f352 .widget-image-caption{text-align:center;color:#000000;font-size:24px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-4ff4eb3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12277 .elementor-element.elementor-element-312f82a .widget-image-caption{color:#000000;font-size:26px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-822b7c3 .widget-image-caption{color:#000000;font-size:26px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-2551b34 .widget-image-caption{color:#000000;font-size:26px;font-style:normal;margin-block-start:16px;}.elementor-12277 .elementor-element.elementor-element-51fb8b0{--display:flex;--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;}.elementor-12277 .elementor-element.elementor-element-3634be4 .widget-image-caption{color:#000000;font-size:26px;font-style:normal;margin-block-start:16px;}@media(max-width:1024px){.elementor-12277 .elementor-element.elementor-element-c65f8fd{--grid-auto-flow:row;}.elementor-12277 .elementor-element.elementor-element-f39ff7a{--grid-auto-flow:row;}.elementor-12277 .elementor-element.elementor-element-34d34e8{--grid-auto-flow:row;}.elementor-12277 .elementor-element.elementor-element-4ff4eb3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-12277 .elementor-element.elementor-element-c65f8fd{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12277 .elementor-element.elementor-element-f39ff7a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12277 .elementor-element.elementor-element-34d34e8{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12277 .elementor-element.elementor-element-4ff4eb3{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-a038e15 *//* กำหนดค่าเริ่มต้นให้กับรูปภาพ */
.elementor-12277 .elementor-element.elementor-element-a038e15 img {
    border-radius: 20px; /* ปรับความมนของขอบ */
    transition: all 0.3s ease-in-out; /* ทำให้การเคลื่อนไหวนุ่มนวล */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* เงาแบบจางๆ ตอนปกติ */
}

/* เอฟเฟกต์เมื่อเอาเมาส์ไปชี้ (Hover) */
.elementor-12277 .elementor-element.elementor-element-a038e15 img:hover {
    transform: translateY(-10px); /* ทำให้รูปลอยขึ้นด้านบน 10px */
    box-shadow: 0 15px 30px rgba(0,0,0,0.2); /* เพิ่มเงาให้ฟุ้งและเข้มขึ้นเพื่อให้ดูเหมือนลอยสูงขึ้น */
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-314dd06 *//* กำหนดขนาดและลักษณะรูปภาพ */
.elementor-12277 .elementor-element.elementor-element-314dd06 img {
    width: 100%;           /* ขยายให้เต็มคอลัมน์ */
    max-width: 300px;      /* กำหนดความกว้างสูงสุดที่ต้องการ */
    height: 350px;         /* กำหนดความสูงให้เท่ากันทุกรูป */
    object-fit: cover;     /* สำคัญมาก: ทำให้รูปไม่เบี้ยว แม้สัดส่วนไฟล์จริงจะต่างกัน */
    object-position: top;  /* ให้โฟกัสที่ส่วนบนของรูป (ใบหน้าอาจารย์) */
    
    border-radius: 20px;   /* ขอบมน */
    transition: all 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* เอฟเฟกต์เมื่อเอาเมาส์ไปชี้ (Hover) */
.elementor-12277 .elementor-element.elementor-element-314dd06 img:hover {
    transform: translateY(-10px) scale(1.03); /* ลอยขึ้นและขยายใหญ่นิดๆ */
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);  /* เงาเข้มขึ้นดูมีมิติ */
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c65f8fd *//* กำหนดขนาดและลักษณะรูปภาพ */
.elementor-12277 .elementor-element.elementor-element-c65f8fd img {
    width: 100%;           /* ขยายให้เต็มคอลัมน์ */
    max-width: 300px;      /* กำหนดความกว้างสูงสุดที่ต้องการ */
    height: 350px;         /* กำหนดความสูงให้เท่ากันทุกรูป */
    object-fit: cover;     /* สำคัญมาก: ทำให้รูปไม่เบี้ยว แม้สัดส่วนไฟล์จริงจะต่างกัน */
    object-position: top;  /* ให้โฟกัสที่ส่วนบนของรูป (ใบหน้าอาจารย์) */
    
    border-radius: 20px;   /* ขอบมน */
    transition: all 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* เอฟเฟกต์เมื่อเอาเมาส์ไปชี้ (Hover) */
.elementor-12277 .elementor-element.elementor-element-c65f8fd img:hover {
    transform: translateY(-10px) scale(1.03); /* ลอยขึ้นและขยายใหญ่นิดๆ */
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);  /* เงาเข้มขึ้นดูมีมิติ */
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f39ff7a *//* กำหนดขนาดและลักษณะรูปภาพ */
.elementor-12277 .elementor-element.elementor-element-f39ff7a img {
    width: 100%;           /* ขยายให้เต็มคอลัมน์ */
    max-width: 300px;      /* กำหนดความกว้างสูงสุดที่ต้องการ */
    height: 350px;         /* กำหนดความสูงให้เท่ากันทุกรูป */
    object-fit: cover;     /* สำคัญมาก: ทำให้รูปไม่เบี้ยว แม้สัดส่วนไฟล์จริงจะต่างกัน */
    object-position: top;  /* ให้โฟกัสที่ส่วนบนของรูป (ใบหน้าอาจารย์) */
    
    border-radius: 20px;   /* ขอบมน */
    transition: all 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* เอฟเฟกต์เมื่อเอาเมาส์ไปชี้ (Hover) */
.elementor-12277 .elementor-element.elementor-element-f39ff7a img:hover {
    transform: translateY(-10px) scale(1.03); /* ลอยขึ้นและขยายใหญ่นิดๆ */
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);  /* เงาเข้มขึ้นดูมีมิติ */
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-34d34e8 *//* กำหนดขนาดและลักษณะรูปภาพ */
.elementor-12277 .elementor-element.elementor-element-34d34e8 img {
    width: 100%;           /* ขยายให้เต็มคอลัมน์ */
    max-width: 300px;      /* กำหนดความกว้างสูงสุดที่ต้องการ */
    height: 350px;         /* กำหนดความสูงให้เท่ากันทุกรูป */
    object-fit: cover;     /* สำคัญมาก: ทำให้รูปไม่เบี้ยว แม้สัดส่วนไฟล์จริงจะต่างกัน */
    object-position: top;  /* ให้โฟกัสที่ส่วนบนของรูป (ใบหน้าอาจารย์) */
    
    border-radius: 20px;   /* ขอบมน */
    transition: all 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* เอฟเฟกต์เมื่อเอาเมาส์ไปชี้ (Hover) */
.elementor-12277 .elementor-element.elementor-element-34d34e8 img:hover {
    transform: translateY(-10px) scale(1.03); /* ลอยขึ้นและขยายใหญ่นิดๆ */
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);  /* เงาเข้มขึ้นดูมีมิติ */
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ff4eb3 *//* กำหนดขนาดและลักษณะรูปภาพ */
.elementor-12277 .elementor-element.elementor-element-4ff4eb3 img {
    width: 100%;           /* ขยายให้เต็มคอลัมน์ */
    max-width: 300px;      /* กำหนดความกว้างสูงสุดที่ต้องการ */
    height: 350px;         /* กำหนดความสูงให้เท่ากันทุกรูป */
    object-fit: cover;     /* สำคัญมาก: ทำให้รูปไม่เบี้ยว แม้สัดส่วนไฟล์จริงจะต่างกัน */
    object-position: top;  /* ให้โฟกัสที่ส่วนบนของรูป (ใบหน้าอาจารย์) */
    
    border-radius: 20px;   /* ขอบมน */
    transition: all 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* เอฟเฟกต์เมื่อเอาเมาส์ไปชี้ (Hover) */
.elementor-12277 .elementor-element.elementor-element-4ff4eb3 img:hover {
    transform: translateY(-10px) scale(1.03); /* ลอยขึ้นและขยายใหญ่นิดๆ */
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);  /* เงาเข้มขึ้นดูมีมิติ */
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51fb8b0 *//* กำหนดขนาดและลักษณะรูปภาพ */
.elementor-12277 .elementor-element.elementor-element-51fb8b0 img {
    width: 100%;           /* ขยายให้เต็มคอลัมน์ */
    max-width: 300px;      /* กำหนดความกว้างสูงสุดที่ต้องการ */
    height: 350px;         /* กำหนดความสูงให้เท่ากันทุกรูป */
    object-fit: cover;     /* สำคัญมาก: ทำให้รูปไม่เบี้ยว แม้สัดส่วนไฟล์จริงจะต่างกัน */
    object-position: top;  /* ให้โฟกัสที่ส่วนบนของรูป (ใบหน้าอาจารย์) */
    
    border-radius: 20px;   /* ขอบมน */
    transition: all 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* เอฟเฟกต์เมื่อเอาเมาส์ไปชี้ (Hover) */
.elementor-12277 .elementor-element.elementor-element-51fb8b0 img:hover {
    transform: translateY(-10px) scale(1.03); /* ลอยขึ้นและขยายใหญ่นิดๆ */
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);  /* เงาเข้มขึ้นดูมีมิติ */
    cursor: pointer;
}/* End custom CSS */