.elementor-38 .elementor-element.elementor-element-4df157e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-38 .elementor-element.elementor-element-88be9d0{text-align:center;}.elementor-38 .elementor-element.elementor-element-88be9d0 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:24px;font-weight:700;color:#FFEC00;}.elementor-38 .elementor-element.elementor-element-6909363{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-38 .elementor-element.elementor-element-c56c229{--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-38 .elementor-element.elementor-element-8a5a4d8{text-align:center;}.elementor-38 .elementor-element.elementor-element-8a5a4d8 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:24px;font-weight:700;color:#FFEC00;}.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-38 .elementor-element.elementor-element-8a91364 img{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-38 .elementor-element.elementor-element-a21611f{--display:flex;}.elementor-38 .elementor-element.elementor-element-13abd92{text-align:center;}.elementor-38 .elementor-element.elementor-element-13abd92 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:24px;font-weight:700;color:#FFEC00;}.elementor-38 .elementor-element.elementor-element-99ebe81 img{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-38 .elementor-element.elementor-element-ac4ebb5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-38 .elementor-element.elementor-element-639eb1c{--display:flex;}.elementor-38 .elementor-element.elementor-element-3509a26{text-align:center;}.elementor-38 .elementor-element.elementor-element-3509a26 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:24px;font-weight:700;color:#FFEC00;}.elementor-38 .elementor-element.elementor-element-3dd03cf img{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-38 .elementor-element.elementor-element-aae1273{--display:flex;}.elementor-38 .elementor-element.elementor-element-79b941e{text-align:center;}.elementor-38 .elementor-element.elementor-element-79b941e .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:24px;font-weight:700;color:#FFEC00;}.elementor-38 .elementor-element.elementor-element-271d446 img{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-38 .elementor-element.elementor-element-387f646{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-38 .elementor-element.elementor-element-36d08d5{--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-38 .elementor-element.elementor-element-83b6262{text-align:center;color:#FFFFFF;}@media(min-width:768px){.elementor-38 .elementor-element.elementor-element-c56c229{--width:50%;}.elementor-38 .elementor-element.elementor-element-a21611f{--width:50%;}.elementor-38 .elementor-element.elementor-element-639eb1c{--width:50%;}.elementor-38 .elementor-element.elementor-element-aae1273{--width:50%;}}@media(max-width:1024px){.elementor-38 .elementor-element.elementor-element-88be9d0 .elementor-heading-title{font-size:20px;}.elementor-38 .elementor-element.elementor-element-8a5a4d8 .elementor-heading-title{font-size:20px;}.elementor-38 .elementor-element.elementor-element-13abd92 .elementor-heading-title{font-size:20px;}.elementor-38 .elementor-element.elementor-element-3509a26 .elementor-heading-title{font-size:20px;}.elementor-38 .elementor-element.elementor-element-79b941e .elementor-heading-title{font-size:20px;}}@media(max-width:767px){.elementor-38 .elementor-element.elementor-element-88be9d0 .elementor-heading-title{font-size:16px;}.elementor-38 .elementor-element.elementor-element-8a5a4d8 .elementor-heading-title{font-size:16px;}.elementor-38 .elementor-element.elementor-element-13abd92 .elementor-heading-title{font-size:16px;}.elementor-38 .elementor-element.elementor-element-3509a26 .elementor-heading-title{font-size:16px;}.elementor-38 .elementor-element.elementor-element-79b941e .elementor-heading-title{font-size:16px;}}/* Start custom CSS for heading, class: .elementor-element-88be9d0 *//* Heading 3D Gold */ .elementor-38 .elementor-element.elementor-element-88be9d0 .elementor-heading-title { display: inline-block; position: relative; padding-bottom: 14px; background: linear-gradient( 180deg, #fff8c5 0%, #ffd700 35%, #ff9d00 70%, #fff0a0 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 2px 3px 6px rgba(0,0,0,.2); filter: drop-shadow(0 3px 2px rgba(0,0,0,.35)); transition: transform .3s ease, filter .3s ease; } /* เส้นใต้หัวข้อ */ .elementor-38 .elementor-element.elementor-element-88be9d0 .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; border-radius: 10px; background: linear-gradient( 90deg, #ffd700, #ff4ca0, #ffd700 ); background-size: 200% 100%; animation: headingLine 3s linear infinite; } /* เมื่อชี้เมาส์ */ .elementor-38 .elementor-element.elementor-element-88be9d0:hover .elementor-heading-title { transform: translateY(-3px); filter: drop-shadow(0 5px 8px rgba(255,180,0,.5)); } @keyframes headingLine { from { background-position: 200% 0; } to { background-position: 0 0; } } @media (prefers-reduced-motion: reduce) { .elementor-38 .elementor-element.elementor-element-88be9d0 .elementor-heading-title::after { animation: none; } .elementor-38 .elementor-element.elementor-element-88be9d0 .elementor-heading-title { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8a5a4d8 *//* Heading 3D Gold */ .elementor-38 .elementor-element.elementor-element-8a5a4d8 .elementor-heading-title { display: inline-block; position: relative; padding-bottom: 14px; background: linear-gradient( 180deg, #fff8c5 0%, #ffd700 35%, #ff9d00 70%, #fff0a0 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 2px 3px 6px rgba(0,0,0,.2); filter: drop-shadow(0 3px 2px rgba(0,0,0,.35)); transition: transform .3s ease, filter .3s ease; } /* เส้นใต้หัวข้อ */ .elementor-38 .elementor-element.elementor-element-8a5a4d8 .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; border-radius: 10px; background: linear-gradient( 90deg, #ffd700, #ff4ca0, #ffd700 ); background-size: 200% 100%; animation: headingLine 3s linear infinite; } /* เมื่อชี้เมาส์ */ .elementor-38 .elementor-element.elementor-element-8a5a4d8:hover .elementor-heading-title { transform: translateY(-3px); filter: drop-shadow(0 5px 8px rgba(255,180,0,.5)); } @keyframes headingLine { from { background-position: 200% 0; } to { background-position: 0 0; } } @media (prefers-reduced-motion: reduce) { .elementor-38 .elementor-element.elementor-element-8a5a4d8 .elementor-heading-title::after { animation: none; } .elementor-38 .elementor-element.elementor-element-8a5a4d8 .elementor-heading-title { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-13abd92 *//* Heading 3D Gold */ .elementor-38 .elementor-element.elementor-element-13abd92 .elementor-heading-title { display: inline-block; position: relative; padding-bottom: 14px; background: linear-gradient( 180deg, #fff8c5 0%, #ffd700 35%, #ff9d00 70%, #fff0a0 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 2px 3px 6px rgba(0,0,0,.2); filter: drop-shadow(0 3px 2px rgba(0,0,0,.35)); transition: transform .3s ease, filter .3s ease; } /* เส้นใต้หัวข้อ */ .elementor-38 .elementor-element.elementor-element-13abd92 .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; border-radius: 10px; background: linear-gradient( 90deg, #ffd700, #ff4ca0, #ffd700 ); background-size: 200% 100%; animation: headingLine 3s linear infinite; } /* เมื่อชี้เมาส์ */ .elementor-38 .elementor-element.elementor-element-13abd92:hover .elementor-heading-title { transform: translateY(-3px); filter: drop-shadow(0 5px 8px rgba(255,180,0,.5)); } @keyframes headingLine { from { background-position: 200% 0; } to { background-position: 0 0; } } @media (prefers-reduced-motion: reduce) { .elementor-38 .elementor-element.elementor-element-13abd92 .elementor-heading-title::after { animation: none; } .elementor-38 .elementor-element.elementor-element-13abd92 .elementor-heading-title { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3509a26 *//* Heading 3D Gold */ .elementor-38 .elementor-element.elementor-element-3509a26 .elementor-heading-title { display: inline-block; position: relative; padding-bottom: 14px; background: linear-gradient( 180deg, #fff8c5 0%, #ffd700 35%, #ff9d00 70%, #fff0a0 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 2px 3px 6px rgba(0,0,0,.2); filter: drop-shadow(0 3px 2px rgba(0,0,0,.35)); transition: transform .3s ease, filter .3s ease; } /* เส้นใต้หัวข้อ */ .elementor-38 .elementor-element.elementor-element-3509a26 .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; border-radius: 10px; background: linear-gradient( 90deg, #ffd700, #ff4ca0, #ffd700 ); background-size: 200% 100%; animation: headingLine 3s linear infinite; } /* เมื่อชี้เมาส์ */ .elementor-38 .elementor-element.elementor-element-3509a26:hover .elementor-heading-title { transform: translateY(-3px); filter: drop-shadow(0 5px 8px rgba(255,180,0,.5)); } @keyframes headingLine { from { background-position: 200% 0; } to { background-position: 0 0; } } @media (prefers-reduced-motion: reduce) { .elementor-38 .elementor-element.elementor-element-3509a26 .elementor-heading-title::after { animation: none; } .elementor-38 .elementor-element.elementor-element-3509a26 .elementor-heading-title { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-79b941e *//* Heading 3D Gold */ .elementor-38 .elementor-element.elementor-element-79b941e .elementor-heading-title { display: inline-block; position: relative; padding-bottom: 14px; background: linear-gradient( 180deg, #fff8c5 0%, #ffd700 35%, #ff9d00 70%, #fff0a0 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 2px 3px 6px rgba(0,0,0,.2); filter: drop-shadow(0 3px 2px rgba(0,0,0,.35)); transition: transform .3s ease, filter .3s ease; } /* เส้นใต้หัวข้อ */ .elementor-38 .elementor-element.elementor-element-79b941e .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; border-radius: 10px; background: linear-gradient( 90deg, #ffd700, #ff4ca0, #ffd700 ); background-size: 200% 100%; animation: headingLine 3s linear infinite; } /* เมื่อชี้เมาส์ */ .elementor-38 .elementor-element.elementor-element-79b941e:hover .elementor-heading-title { transform: translateY(-3px); filter: drop-shadow(0 5px 8px rgba(255,180,0,.5)); } @keyframes headingLine { from { background-position: 200% 0; } to { background-position: 0 0; } } @media (prefers-reduced-motion: reduce) { .elementor-38 .elementor-element.elementor-element-79b941e .elementor-heading-title::after { animation: none; } .elementor-38 .elementor-element.elementor-element-79b941e .elementor-heading-title { transition: none; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-83b6262 */.elementor-38 .elementor-element.elementor-element-83b6262 { position: relative; overflow: hidden; border: 2px solid transparent; border-radius: 12px; padding: 20px; background: linear-gradient(#24232c, #24232c) padding-box, linear-gradient( 120deg, #a855f7, #ffd700, #ec4899, #a855f7 ) border-box; background-size: 100% 100%, 300% 300%; animation: borderGlow 5s linear infinite; box-shadow: 0 0 15px rgba(168,85,247,.25); transition: transform .3s ease, box-shadow .3s ease; } .elementor-38 .elementor-element.elementor-element-83b6262:hover { transform: translateY(-4px); box-shadow: 0 0 25px rgba(168,85,247,.5), 0 0 15px rgba(255,215,0,.2); } @keyframes borderGlow { 0% { background-position: 0 0, 0% 50%; } 50% { background-position: 0 0, 100% 50%; } 100% { background-position: 0 0, 0% 50%; } } @media (prefers-reduced-motion: reduce) { .elementor-38 .elementor-element.elementor-element-83b6262 { animation: none; transition: none; } .elementor-38 .elementor-element.elementor-element-83b6262:hover { transform: none; } }/* End custom CSS */