.elementor-2840 .elementor-element.elementor-element-9eb9843{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );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-2840 .elementor-element.elementor-element-b9c6949{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;color:#001A80;}.elementor-2840 .elementor-element.elementor-element-b9c6949 a{color:#B8860B;}.elementor-2840 .elementor-element.elementor-element-aca11e1{--display:flex;}.elementor-2840 .elementor-element.elementor-element-36c9771{--spacer-size:20px;}.elementor-2840 .elementor-element.elementor-element-5d3afa8{--display:flex;}.elementor-2840 .elementor-element.elementor-element-5d3afa8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2840 .elementor-element.elementor-element-a6bdb49{--display:flex;}.elementor-2840 .elementor-element.elementor-element-a6bdb49.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2840 .elementor-element.elementor-element-5d3afa8{--width:117.937%;}.elementor-2840 .elementor-element.elementor-element-a6bdb49{--width:117.937%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-2840 .elementor-element.elementor-element-b9c6949{font-size:14px;}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS for text-editor, class: .elementor-element-7db1c5d *//* โครงสร้างพื้นฐานคุมขอบบนของรูปและข้อความให้เสมอกัน */
.elementor-2840 .elementor-element.elementor-element-7db1c5d .article-row {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    margin-bottom: 25px !important;
    width: 100% !important;
}
.elementor-2840 .elementor-element.elementor-element-7db1c5d .article-pic-box img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}
.elementor-2840 .elementor-element.elementor-element-7db1c5d .article-text-box p {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.elementor-2840 .elementor-element.elementor-element-7db1c5d .article-line {
    clear: both !important;
    border: 0 !important;
    border-top: 1px solid #e0e0e0 !important;
    margin: 30px 0 !important;
}

/* ==========================================
   1. หน้าจอคอมพิวเตอร์และแท็บเล็ต (Desktop & Tablet ทุกแนว)
   ========================================== */
@media (min-width: 768px) {
    /* ปรับขนาดรูปภาพให้อยู่ที่ 25% (ภาพจะเล็กลงกำลังดีไม่แย่งซีนเนื้อหา) */
    .elementor-2840 .elementor-element.elementor-element-7db1c5d .article-pic-box {
        width: 25% !important;
    }
    /* ปรับขนาดเนื้อหาข้อความให้อยู่ที่ 70% */
    .elementor-2840 .elementor-element.elementor-element-7db1c5d .article-text-box {
        width: 70% !important;
    }
}

/* ==========================================
   2. หน้าจอโทรศัพท์มือถือ (Mobile ทั้งแนวตั้งและแนวนอน)
   ========================================== */
@media (max-width: 767px) {
    /* เปลี่ยนจากเรียงซ้ายขวา ให้สลับมาเรียงเป็นแนวตั้ง */
    .elementor-2840 .elementor-element.elementor-element-7db1c5d .article-row {
        flex-direction: column !important;
    }
    /* บังคับให้กล่องหุ้มกว้าง 100% */
    .elementor-2840 .elementor-element.elementor-element-7db1c5d .article-pic-box,
    .elementor-2840 .elementor-element.elementor-element-7db1c5d .article-text-box {
        width: 100% !important;
    }
    /* จัดกล่องรูปให้อยู่กึ่งกลาง และเว้นระยะห่างด้านล่าง */
    .elementor-2840 .elementor-element.elementor-element-7db1c5d .article-pic-box {
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    
    /* 💡 จุดที่แก้ไข: ล็อกขนาดรูปภาพในมือถือ ไม่ให้บวมตามแนวนอน */
    .elementor-2840 .elementor-element.elementor-element-7db1c5d .article-pic-box img {
        width: 100% !important;
        max-width: 260px !important; /* 👈 ปรับให้รูปเล็กลง เปลี่ยนตัวเลขนี้ได้ตามใจชอบครับ */
        margin: 0 auto !important; /* บังคับให้รูปอยู่ตรงกลางจอเสมอ */
    }
    
    /* สั่งจัดลำดับหัวข้อที่เคยอยู่ขวา ให้รูปภาพเด้งกลับขึ้นไปอยู่ด้านบนข้อความเสมอในมือถือ */
    .elementor-2840 .elementor-element.elementor-element-7db1c5d .row-pic-right {
        flex-direction: column-reverse !important;
    }
}/* End custom CSS */