.elementor-171 .elementor-element.elementor-element-9eb17d5{--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-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-171 .elementor-element.elementor-element-6cff7df{text-align:center;}.elementor-171 .elementor-element.elementor-element-6cff7df .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;color:var( --e-global-color-400b38c );}.elementor-171 .elementor-element.elementor-element-1c890f3{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;}.elementor-171 .elementor-element.elementor-element-e6a3fdd{--display:flex;}.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-171 .elementor-element.elementor-element-ec55f45{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-400b38c );}.elementor-171 .elementor-element.elementor-element-4a79dd0{text-align:left;}.elementor-171 .elementor-element.elementor-element-4a79dd0 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;color:var( --e-global-color-400b38c );}.elementor-171 .elementor-element.elementor-element-ce43599{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-400b38c );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-171 .elementor-element.elementor-element-d0db55f .elementor-button{background-color:transparent;fill:var( --e-global-color-400b38c );color:var( --e-global-color-400b38c );background-image:linear-gradient(180deg, #61CE70 0%, #086C16 100%);border-radius:10px 10px 10px 10px;padding:7px 7px 7px 7px;}.elementor-171 .elementor-element.elementor-element-d0db55f .elementor-button-content-wrapper{flex-direction:row;}.elementor-171 .elementor-element.elementor-element-c96eb2d{--display:flex;}.elementor-171 .elementor-element.elementor-element-e630205{text-align:left;}.elementor-171 .elementor-element.elementor-element-e630205 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;color:var( --e-global-color-400b38c );}.elementor-171 .elementor-element.elementor-element-81b18af{font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:var( --e-global-color-400b38c );}body.elementor-page-171:not(.elementor-motion-effects-element-type-background), body.elementor-page-171 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d10c64c );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-171 .elementor-element.elementor-element-1c890f3{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-171 .elementor-element.elementor-element-9eb17d5{--content-width:960px;}}@media(max-width:767px){.elementor-171 .elementor-element.elementor-element-6cff7df{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-171 .elementor-element.elementor-element-6cff7df .elementor-heading-title{font-size:20px;}.elementor-171 .elementor-element.elementor-element-1c890f3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-171 .elementor-element.elementor-element-ec55f45{font-size:13.5px;}.elementor-171 .elementor-element.elementor-element-4a79dd0{text-align:center;}.elementor-171 .elementor-element.elementor-element-4a79dd0 .elementor-heading-title{font-size:17px;}.elementor-171 .elementor-element.elementor-element-ce43599{font-size:13.5px;}.elementor-171 .elementor-element.elementor-element-d0db55f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-171 .elementor-element.elementor-element-e630205{text-align:center;}.elementor-171 .elementor-element.elementor-element-e630205 .elementor-heading-title{font-size:17px;}.elementor-171 .elementor-element.elementor-element-81b18af{font-size:13.5px;}}/* Start custom CSS for heading, class: .elementor-element-6cff7df *//* 1. กำหนดสไตล์หลักของหัวข้อ (H1) */
.elementor-171 .elementor-element.elementor-element-6cff7df .elementor-heading-title {
    /* **สำคัญ: ล้างสไตล์เก่าและเส้นขีดเส้นใต้เดิม** */
    -webkit-text-stroke: none !important; 
    text-stroke: none !important;
    border-bottom: none !important; 
    
    /* *********** ส่วนที่แก้ไข *********** */
    color: #FFFFFF; /* สีตัวอักษรหลักเป็นสีขาวทึบ 👈 อ่านง่ายและตัดกับพื้นหลังดำ */
    /* ********************************** */
    
    /* สร้างพื้นที่สำหรับเส้นขีดเส้นใต้เท่ๆ */
    position: relative; 
    
    /* 2. สร้างเงาเรืองแสง (Gold Glow Effect) */
    text-shadow: 0 0 7px rgba(255, 215, 0, 0.8), /* เงาสีทองอ่อน */
                 0 0 15px rgba(184, 134, 11, 0.6); /* เงาสีทองเข้ม */
    
    /* 3. ใส่แอนิเมชันเรืองแสง */
    animation: pulse-gold-glow 2s ease-in-out infinite alternate; 
    display: inline-block; 
}

/* 4. สร้างเส้นขีดเส้นใต้แบบ Gradient ด้วย Pseudo-element (Gold Gradient) */
.elementor-171 .elementor-element.elementor-element-6cff7df .elementor-heading-title:after {
    content: '';
    position: absolute;
    bottom: -5px; 
    left: 0;
    width: 100%;
    height: 3px; 
    
    /* ** สร้าง Gradient ไล่สีจากโปร่งใส -> ทองสว่าง -> ทองเข้ม -> โปร่งใส ** */
    background: linear-gradient(
        to right, 
        rgba(255, 215, 0, 0) 0%, /* ซ้ายสุด: ใส */
        #FFD700 20%, /* 20% จากซ้าย: สีทองสว่าง */
        #B8860B 50%, /* ตรงกลาง 50%: สีทองเข้มสุด (DarkGoldenrod) */
        #FFD700 80%, /* 80% จากซ้าย: สีทองสว่าง */
        rgba(255, 215, 0, 0) 100% /* ขวาสุด: ใส */
    );
}

/* 5. กำหนด Keyframes สำหรับการเรืองแสง (Gold) */
@keyframes pulse-gold-glow {
    from {
        text-shadow: 0 0 7px rgba(255, 215, 0, 0.8),
                     0 0 15px rgba(184, 134, 11, 0.6);
    }
    to {
        text-shadow: 0 0 10px rgba(255, 215, 0, 1.0), 
                     0 0 20px rgba(184, 134, 11, 0.8);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4a79dd0 *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */
.elementor-171 .elementor-element.elementor-element-4a79dd0 .elementor-heading-title {
    color: #FFFFFF; /* สีตัวอักษรหลัก: สีขาว */
    text-shadow: none; /* ยกเลิกเงาเรืองแสง */
    
    /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */
    position: relative; 
    
    /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */
    padding-left: 15px; 
    
    /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */
    margin-left: 0; 
}

/* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */
.elementor-171 .elementor-element.elementor-element-4a79dd0 .elementor-heading-title:before {
    content: '';
    position: absolute;
    top: 50%; /* จัดตำแหน่งกึ่งกลางแนวตั้ง */
    left: 0; /* ติดกับขอบซ้ายของข้อความ */
    transform: translateY(-50%); /* จัดกึ่งกลางเป๊ะ */
    
    width: 5px; /* **ความหนา:** หนา 5px */
    height: 100%; /* **ความยาว:** ยาวเต็มความสูงของข้อความ H3 */
    
    /* สีแดงเพลิง และเพิ่มเงาเรืองแสงสีแดงบางๆ */
    background-color: #FF0000; /* สีแดงหลัก */
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.8);
    border-radius: 2px; /* ทำให้ขอบมนเล็กน้อย (ไม่จำเป็นต้องใส่ก็ได้) */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e630205 *//* 1. กำหนดสไตล์หลักของหัวข้อ H3 */
.elementor-171 .elementor-element.elementor-element-e630205 .elementor-heading-title {
    color: #FFFFFF; /* สีตัวอักษรหลัก: สีขาว */
    text-shadow: none; /* ยกเลิกเงาเรืองแสง */
    
    /* 2. สร้างพื้นที่สำหรับเส้นขีดเน้น */
    position: relative; 
    
    /* เว้นพื้นที่ด้านซ้ายสำหรับเส้น Accent */
    padding-left: 15px; 
    
    /* ปรับระยะห่างระหว่างตัวอักษรและเส้น Accent */
    margin-left: 0; 
}

/* 3. สร้างเส้นขีดแนวตั้งสีแดงด้านซ้าย (Vertical Accent) */
.elementor-171 .elementor-element.elementor-element-e630205 .elementor-heading-title:before {
    content: '';
    position: absolute;
    top: 50%; /* จัดตำแหน่งกึ่งกลางแนวตั้ง */
    left: 0; /* ติดกับขอบซ้ายของข้อความ */
    transform: translateY(-50%); /* จัดกึ่งกลางเป๊ะ */
    
    width: 5px; /* **ความหนา:** หนา 5px */
    height: 100%; /* **ความยาว:** ยาวเต็มความสูงของข้อความ H3 */
    
    /* สีแดงเพลิง และเพิ่มเงาเรืองแสงสีแดงบางๆ */
    background-color: #FF0000; /* สีแดงหลัก */
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.8);
    border-radius: 2px; /* ทำให้ขอบมนเล็กน้อย (ไม่จำเป็นต้องใส่ก็ได้) */
}/* End custom CSS */