.elementor-9731 .elementor-element.elementor-element-8d4614b .elementor-repeater-item-a3d6a8d.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-9731 .elementor-element.elementor-element-b45706d .elementor-repeater-item-5fc48b7.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-9731 .elementor-element.elementor-element-82770f0 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-9731 .elementor-element.elementor-element-82770f0{text-align:left;}.elementor-9731 .elementor-element.elementor-element-82770f0 img{max-width:4%;}.elementor-9731 .elementor-element.elementor-element-84711f0 > .elementor-widget-container{margin:0px 0px -39px 0px;}.elementor-9731 .elementor-element.elementor-element-84711f0{text-align:left;}.elementor-9731 .elementor-element.elementor-element-84711f0 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:60px;font-weight:300;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#CB232D;}.elementor-9731 .elementor-element.elementor-element-450a008 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-450a008 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:60px;font-weight:400;line-height:2.5em;letter-spacing:1px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#CB232D;}.elementor-9731 .elementor-element.elementor-element-6a48bb5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-9731 .elementor-element.elementor-element-6a48bb5 > .elementor-widget-container{margin:15px 0px 030px 0px;}.elementor-9731 .elementor-element.elementor-element-6a48bb5 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:400;line-height:1.5em;letter-spacing:0.1px;word-spacing:0px;color:#000000;}.elementor-9731 .elementor-element.elementor-element-b45706d{margin-top:0px;margin-bottom:0px;}.elementor-9731 .elementor-element.elementor-element-8d4614b:not(.elementor-motion-effects-element-type-background), .elementor-9731 .elementor-element.elementor-element-8d4614b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9731 .elementor-element.elementor-element-8d4614b > .elementor-container{max-width:1604px;}.elementor-9731 .elementor-element.elementor-element-8d4614b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-8d4614b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9731 .elementor-element.elementor-element-0d0a0dc{padding:60px 0px 60px 0px;}.elementor-9731 .elementor-element.elementor-element-281ee98 .elementor-repeater-item-a3d6a8d.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-9731 .elementor-element.elementor-element-fa39a31{text-align:left;}.elementor-9731 .elementor-element.elementor-element-fa39a31 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:400;letter-spacing:2.8px;color:#1A1A1A;}.elementor-9731 .elementor-element.elementor-element-f4c543c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;font-family:"Kanit", Sans-serif;font-size:20px;font-weight:400;line-height:1.5em;letter-spacing:0.1px;word-spacing:0px;}.elementor-9731 .elementor-element.elementor-element-281ee98:not(.elementor-motion-effects-element-type-background), .elementor-9731 .elementor-element.elementor-element-281ee98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9731 .elementor-element.elementor-element-281ee98 > .elementor-container{max-width:1604px;}.elementor-9731 .elementor-element.elementor-element-281ee98{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-281ee98 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9731 .elementor-element.elementor-element-1b504ce > .elementor-widget-container{margin:20px 0px -50px 0px;}.elementor-9731 .elementor-element.elementor-element-8003726{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9731 .elementor-element.elementor-element-8003726 .elementor-divider-separator{width:100%;}.elementor-9731 .elementor-element.elementor-element-8003726 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9731 .elementor-element.elementor-element-bc66f63, .elementor-9731 .elementor-element.elementor-element-bc66f63 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9731 .elementor-element.elementor-element-bc66f63{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-fb5db70 img{border-radius:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-8f3c2af{text-align:left;}.elementor-9731 .elementor-element.elementor-element-8f3c2af .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9731 .elementor-element.elementor-element-6315d80 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-6315d80{text-align:left;}.elementor-9731 .elementor-element.elementor-element-6315d80 img{max-width:4%;}.elementor-9731 .elementor-element.elementor-element-54f8036{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9731 .elementor-element.elementor-element-e233745{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9731 .elementor-element.elementor-element-e233745 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-e233745 .elementor-divider-separator{width:100%;}.elementor-9731 .elementor-element.elementor-element-e233745 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9731 .elementor-element.elementor-element-a73192a, .elementor-9731 .elementor-element.elementor-element-a73192a > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9731 .elementor-element.elementor-element-a73192a{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-f18073c img{border-radius:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-1bf900d{text-align:left;}.elementor-9731 .elementor-element.elementor-element-1bf900d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9731 .elementor-element.elementor-element-e146d0f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-e146d0f{text-align:left;}.elementor-9731 .elementor-element.elementor-element-e146d0f img{max-width:4%;}.elementor-9731 .elementor-element.elementor-element-8473b0f{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9731 .elementor-element.elementor-element-6c7cacb{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9731 .elementor-element.elementor-element-6c7cacb > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-6c7cacb .elementor-divider-separator{width:100%;}.elementor-9731 .elementor-element.elementor-element-6c7cacb .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9731 .elementor-element.elementor-element-f2bab27, .elementor-9731 .elementor-element.elementor-element-f2bab27 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9731 .elementor-element.elementor-element-f2bab27{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-27b17d3 img{border-radius:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-48aa004{text-align:left;}.elementor-9731 .elementor-element.elementor-element-48aa004 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9731 .elementor-element.elementor-element-8ab29b1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-8ab29b1{text-align:left;}.elementor-9731 .elementor-element.elementor-element-8ab29b1 img{max-width:4%;}.elementor-9731 .elementor-element.elementor-element-06c8658{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9731 .elementor-element.elementor-element-1545c5c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9731 .elementor-element.elementor-element-1545c5c > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-1545c5c .elementor-divider-separator{width:100%;}.elementor-9731 .elementor-element.elementor-element-1545c5c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9731 .elementor-element.elementor-element-22e20e5, .elementor-9731 .elementor-element.elementor-element-22e20e5 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9731 .elementor-element.elementor-element-22e20e5{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-960f5e2 img{border-radius:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-eb35497{text-align:left;}.elementor-9731 .elementor-element.elementor-element-eb35497 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9731 .elementor-element.elementor-element-4941b6c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-4941b6c{text-align:left;}.elementor-9731 .elementor-element.elementor-element-4941b6c img{max-width:4%;}.elementor-9731 .elementor-element.elementor-element-6f41ab9{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9731 .elementor-element.elementor-element-82517bd{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9731 .elementor-element.elementor-element-82517bd > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-82517bd .elementor-divider-separator{width:100%;}.elementor-9731 .elementor-element.elementor-element-82517bd .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9731 .elementor-element.elementor-element-f48eb37, .elementor-9731 .elementor-element.elementor-element-f48eb37 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9731 .elementor-element.elementor-element-f48eb37{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-6031ba7 img{border-radius:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-c447b42{text-align:left;}.elementor-9731 .elementor-element.elementor-element-c447b42 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9731 .elementor-element.elementor-element-4ca2127 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-4ca2127{text-align:left;}.elementor-9731 .elementor-element.elementor-element-4ca2127 img{max-width:4%;}.elementor-9731 .elementor-element.elementor-element-bdee946{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9731 .elementor-element.elementor-element-35fec8a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9731 .elementor-element.elementor-element-35fec8a > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-35fec8a .elementor-divider-separator{width:100%;}.elementor-9731 .elementor-element.elementor-element-35fec8a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9731 .elementor-element.elementor-element-890245c, .elementor-9731 .elementor-element.elementor-element-890245c > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9731 .elementor-element.elementor-element-890245c{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-35da063 img{border-radius:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-62102f8{text-align:left;}.elementor-9731 .elementor-element.elementor-element-62102f8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9731 .elementor-element.elementor-element-a3db34a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-a3db34a{text-align:left;}.elementor-9731 .elementor-element.elementor-element-a3db34a img{max-width:4%;}.elementor-9731 .elementor-element.elementor-element-f49c3c6{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9731 .elementor-element.elementor-element-62e5787 .elementor-repeater-item-a3d6a8d.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-9731 .elementor-element.elementor-element-eb6db7a > .elementor-widget-container{margin:20px 0px -50px 0px;}.elementor-9731 .elementor-element.elementor-element-deb1b2d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9731 .elementor-element.elementor-element-deb1b2d .elementor-divider-separator{width:100%;}.elementor-9731 .elementor-element.elementor-element-deb1b2d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9731 .elementor-element.elementor-element-2438a9d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9731 .elementor-element.elementor-element-2438a9d .elementor-divider-separator{width:100%;}.elementor-9731 .elementor-element.elementor-element-2438a9d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9731 .elementor-element.elementor-element-9365eb0, .elementor-9731 .elementor-element.elementor-element-9365eb0 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9731 .elementor-element.elementor-element-9365eb0{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-915c0f2 img{border-radius:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-9731 .elementor-element.elementor-element-8c175b1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9731 .elementor-element.elementor-element-8c175b1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9731 .elementor-element.elementor-element-7d6feec .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:39px;}.elementor-9731 .elementor-element.elementor-element-dcd8aa5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-dcd8aa5{text-align:left;}.elementor-9731 .elementor-element.elementor-element-dcd8aa5 img{max-width:4%;}.elementor-9731 .elementor-element.elementor-element-63928f8 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:300;}.elementor-9731 .elementor-element.elementor-element-432a0ff{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9731 .elementor-element.elementor-element-432a0ff .elementor-divider-separator{width:100%;}.elementor-9731 .elementor-element.elementor-element-432a0ff .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9731 .elementor-element.elementor-element-f2eef3a, .elementor-9731 .elementor-element.elementor-element-f2eef3a > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9731 .elementor-element.elementor-element-f2eef3a{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-6a562c0 img{border-radius:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-9731 .elementor-element.elementor-element-00e26fe.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9731 .elementor-element.elementor-element-00e26fe.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9731 .elementor-element.elementor-element-1d0204e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:39px;}.elementor-9731 .elementor-element.elementor-element-68dc1ee > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-68dc1ee{text-align:left;}.elementor-9731 .elementor-element.elementor-element-68dc1ee img{max-width:4%;}.elementor-9731 .elementor-element.elementor-element-431cd66 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:300;}.elementor-9731 .elementor-element.elementor-element-dc5117e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9731 .elementor-element.elementor-element-dc5117e .elementor-divider-separator{width:100%;}.elementor-9731 .elementor-element.elementor-element-dc5117e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9731 .elementor-element.elementor-element-8443543, .elementor-9731 .elementor-element.elementor-element-8443543 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9731 .elementor-element.elementor-element-8443543{margin-top:0px;margin-bottom:20px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-665f64f img{border-radius:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-9731 .elementor-element.elementor-element-5c2e154.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9731 .elementor-element.elementor-element-5c2e154.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9731 .elementor-element.elementor-element-ea8cf9a .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:39px;}.elementor-9731 .elementor-element.elementor-element-2bc8f93 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-2bc8f93{text-align:left;}.elementor-9731 .elementor-element.elementor-element-2bc8f93 img{max-width:4%;}.elementor-9731 .elementor-element.elementor-element-f5a8686 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:300;}.elementor-9731 .elementor-element.elementor-element-62e5787:not(.elementor-motion-effects-element-type-background), .elementor-9731 .elementor-element.elementor-element-62e5787 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9731 .elementor-element.elementor-element-62e5787 > .elementor-container{max-width:1604px;}.elementor-9731 .elementor-element.elementor-element-62e5787{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-62e5787 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9731 .elementor-element.elementor-element-f213f22, .elementor-9731 .elementor-element.elementor-element-f213f22 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-f213f22{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-e42f1bb > .elementor-container{max-width:1068px;}.elementor-9731 .elementor-element.elementor-element-e42f1bb{margin-top:-22px;margin-bottom:0px;}.elementor-9731 .elementor-element.elementor-element-2a9e3f7 > .elementor-widget-container{margin:-75px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-2a9e3f7 .ekit-btt{text-align:center;}.elementor-9731 .elementor-element.elementor-element-2a9e3f7 .ekit-btt__button{font-size:41px;font-weight:400;text-transform:uppercase;width:50px;height:50px;line-height:50px;}.elementor-9731 .elementor-element.elementor-element-2a9e3f7 :is( .ekit-btt__button, #canvas ){border-radius:50px 50px 50px 50px;}@media(max-width:1024px){.elementor-9731 .elementor-element.elementor-element-82770f0 img{max-width:8%;}.elementor-9731 .elementor-element.elementor-element-84711f0 > .elementor-widget-container{margin:0px 0px -28px 0px;}.elementor-9731 .elementor-element.elementor-element-84711f0 .elementor-heading-title{font-size:40px;}.elementor-9731 .elementor-element.elementor-element-450a008 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-450a008 .elementor-heading-title{font-size:40px;}.elementor-9731 .elementor-element.elementor-element-6a48bb5 > .elementor-widget-container{margin:15px 0px 30px 0px;}.elementor-9731 .elementor-element.elementor-element-6a48bb5{text-align:left;}.elementor-9731 .elementor-element.elementor-element-6a48bb5 .elementor-heading-title{font-size:20px;}.elementor-9731 .elementor-element.elementor-element-0d0a0dc{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-fa39a31{width:var( --container-widget-width, 259.719px );max-width:259.719px;--container-widget-width:259.719px;--container-widget-flex-grow:0;}.elementor-9731 .elementor-element.elementor-element-fa39a31 .elementor-heading-title{letter-spacing:2.8px;}.elementor-9731 .elementor-element.elementor-element-f4c543c{width:var( --container-widget-width, 725px );max-width:725px;--container-widget-width:725px;--container-widget-flex-grow:0;column-gap:0px;text-align:left;font-size:20px;}.elementor-9731 .elementor-element.elementor-element-8f3c2af .elementor-heading-title{font-size:40px;}.elementor-9731 .elementor-element.elementor-element-6315d80 img{max-width:8%;}.elementor-9731 .elementor-element.elementor-element-54f8036{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-1bf900d .elementor-heading-title{font-size:40px;}.elementor-9731 .elementor-element.elementor-element-e146d0f img{max-width:8%;}.elementor-9731 .elementor-element.elementor-element-8473b0f{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-48aa004 .elementor-heading-title{font-size:40px;}.elementor-9731 .elementor-element.elementor-element-8ab29b1 img{max-width:8%;}.elementor-9731 .elementor-element.elementor-element-06c8658{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-eb35497 .elementor-heading-title{font-size:40px;}.elementor-9731 .elementor-element.elementor-element-4941b6c img{max-width:8%;}.elementor-9731 .elementor-element.elementor-element-6f41ab9{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-c447b42 .elementor-heading-title{font-size:40px;}.elementor-9731 .elementor-element.elementor-element-4ca2127 img{max-width:8%;}.elementor-9731 .elementor-element.elementor-element-bdee946{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-62102f8 .elementor-heading-title{font-size:40px;}.elementor-9731 .elementor-element.elementor-element-a3db34a img{max-width:8%;}.elementor-9731 .elementor-element.elementor-element-f49c3c6{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-dcd8aa5 img{max-width:8%;}.elementor-9731 .elementor-element.elementor-element-68dc1ee img{max-width:8%;}.elementor-9731 .elementor-element.elementor-element-2bc8f93 img{max-width:8%;}.elementor-9731 .elementor-element.elementor-element-2a9e3f7 > .elementor-widget-container{margin:-67px 0px 0px 0px;}}@media(max-width:767px){.elementor-9731 .elementor-element.elementor-element-82770f0 img{max-width:16%;}.elementor-9731 .elementor-element.elementor-element-84711f0 > .elementor-widget-container{margin:0px 0px -11px 0px;}.elementor-9731 .elementor-element.elementor-element-84711f0 .elementor-heading-title{font-size:49px;line-height:1em;letter-spacing:1px;}.elementor-9731 .elementor-element.elementor-element-450a008 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-450a008 .elementor-heading-title{font-size:49px;line-height:1em;letter-spacing:1px;}.elementor-9731 .elementor-element.elementor-element-6a48bb5 > .elementor-widget-container{margin:22px 0px 22px 0px;}.elementor-9731 .elementor-element.elementor-element-6a48bb5{text-align:left;}.elementor-9731 .elementor-element.elementor-element-6a48bb5 .elementor-heading-title{font-size:17px;}.elementor-9731 .elementor-element.elementor-element-8d4614b{padding:0px 0px 60px 0px;}.elementor-9731 .elementor-element.elementor-element-0d0a0dc{margin-top:-30px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-fa39a31 .elementor-heading-title{font-size:36px;letter-spacing:2.8px;}.elementor-9731 .elementor-element.elementor-element-f4c543c{width:var( --container-widget-width, 307px );max-width:307px;--container-widget-width:307px;--container-widget-flex-grow:0;text-align:left;font-size:17px;}.elementor-9731 .elementor-element.elementor-element-281ee98{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-bc66f63, .elementor-9731 .elementor-element.elementor-element-bc66f63 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9731 .elementor-element.elementor-element-8f3c2af .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9731 .elementor-element.elementor-element-6315d80 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-6315d80 img{max-width:10%;}.elementor-9731 .elementor-element.elementor-element-54f8036{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-a73192a, .elementor-9731 .elementor-element.elementor-element-a73192a > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9731 .elementor-element.elementor-element-1bf900d .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9731 .elementor-element.elementor-element-e146d0f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-e146d0f img{max-width:10%;}.elementor-9731 .elementor-element.elementor-element-8473b0f{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-f2bab27, .elementor-9731 .elementor-element.elementor-element-f2bab27 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9731 .elementor-element.elementor-element-48aa004 .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9731 .elementor-element.elementor-element-8ab29b1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-8ab29b1 img{max-width:10%;}.elementor-9731 .elementor-element.elementor-element-06c8658{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-22e20e5, .elementor-9731 .elementor-element.elementor-element-22e20e5 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9731 .elementor-element.elementor-element-eb35497 .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9731 .elementor-element.elementor-element-4941b6c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-4941b6c img{max-width:10%;}.elementor-9731 .elementor-element.elementor-element-6f41ab9{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-f48eb37, .elementor-9731 .elementor-element.elementor-element-f48eb37 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9731 .elementor-element.elementor-element-c447b42 .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9731 .elementor-element.elementor-element-4ca2127 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-4ca2127 img{max-width:10%;}.elementor-9731 .elementor-element.elementor-element-bdee946{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-890245c, .elementor-9731 .elementor-element.elementor-element-890245c > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9731 .elementor-element.elementor-element-62102f8 .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9731 .elementor-element.elementor-element-a3db34a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-a3db34a img{max-width:10%;}.elementor-9731 .elementor-element.elementor-element-f49c3c6{font-size:15px;}.elementor-9731 .elementor-element.elementor-element-9365eb0, .elementor-9731 .elementor-element.elementor-element-9365eb0 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9731 .elementor-element.elementor-element-dcd8aa5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-dcd8aa5 img{max-width:10%;}.elementor-9731 .elementor-element.elementor-element-63928f8 .elementor-heading-title{font-size:20px;}.elementor-9731 .elementor-element.elementor-element-f2eef3a, .elementor-9731 .elementor-element.elementor-element-f2eef3a > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9731 .elementor-element.elementor-element-68dc1ee > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-68dc1ee img{max-width:10%;}.elementor-9731 .elementor-element.elementor-element-431cd66 .elementor-heading-title{font-size:20px;}.elementor-9731 .elementor-element.elementor-element-8443543, .elementor-9731 .elementor-element.elementor-element-8443543 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9731 .elementor-element.elementor-element-2bc8f93 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-2bc8f93 img{max-width:10%;}.elementor-9731 .elementor-element.elementor-element-f5a8686 .elementor-heading-title{font-size:20px;}.elementor-9731 .elementor-element.elementor-element-62e5787{padding:0px 0px 60px 0px;}.elementor-9731 .elementor-element.elementor-element-f213f22, .elementor-9731 .elementor-element.elementor-element-f213f22 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-9731 .elementor-element.elementor-element-2a9e3f7 > .elementor-widget-container{margin:-55px 0px 0px 0px;}}@media(min-width:768px){.elementor-9731 .elementor-element.elementor-element-3ee7aad{width:30.659%;}.elementor-9731 .elementor-element.elementor-element-d3dc0f3{width:69.341%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9731 .elementor-element.elementor-element-3ee7aad{width:40%;}.elementor-9731 .elementor-element.elementor-element-d3dc0f3{width:100%;}}/* Start custom CSS for image, class: .elementor-element-c327a1f */.elementor-9731 .elementor-element.elementor-element-c327a1f {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ทำให้ภาพไม่ล้นขอบ section */
  border-radius: 0px; /* ขอบมน 10px */
}

.elementor-9731 .elementor-element.elementor-element-c327a1f img {
  transition: transform 0.3s ease; /* เพิ่ม transition เพื่อให้การขยายเป็นไปอย่างนุ่มนวล */
  width: 100%; /* ขนาดภาพเต็มขนาดของ container */
  height: auto; /* ให้ความสูงสัมพันธ์กับความกว้าง */
  border-radius: 0px; /* ขอบมนของภาพ */
}

.elementor-9731 .elementor-element.elementor-element-c327a1f:hover img {
  transform: scale(1.1); /* ขยายภาพเมื่อ hover */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82770f0 */.elementor-9731 .elementor-element.elementor-element-82770f0 img {
  animation: floatUpDown 2s ease-in-out infinite;
}

/* สร้าง animation */
@keyframes floatUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(7px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-450a008 *//* Custom CSS สำหรับ Gradient และฟอนต์ */
.gradient-text {
  display: inline-block;
  background: linear-gradient(to right, #c79015, #d30d28);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 30px; /* ✅ Desktop */
}

/* Tablet: ความกว้างน้อยกว่า 1024px */
@media (max-width: 1024px) {
  .gradient-text {
    font-size: 25px; /* ✅ Tablet */
  }
}

/* Mobile: ความกว้างน้อยกว่า 768px */
@media (max-width: 768px) {
  .gradient-text {
    font-size: 20px; /* ✅ Mobile */
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82770f0 */.elementor-9731 .elementor-element.elementor-element-82770f0 img {
  animation: floatUpDown 2s ease-in-out infinite;
}

/* สร้าง animation */
@keyframes floatUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(7px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-450a008 *//* Custom CSS สำหรับ Gradient และฟอนต์ */
.gradient-text {
  display: inline-block;
  background: linear-gradient(to right, #c79015, #d30d28);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 30px; /* ✅ Desktop */
}

/* Tablet: ความกว้างน้อยกว่า 1024px */
@media (max-width: 1024px) {
  .gradient-text {
    font-size: 25px; /* ✅ Tablet */
  }
}

/* Mobile: ความกว้างน้อยกว่า 768px */
@media (max-width: 768px) {
  .gradient-text {
    font-size: 20px; /* ✅ Mobile */
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82770f0 */.elementor-9731 .elementor-element.elementor-element-82770f0 img {
  animation: floatUpDown 2s ease-in-out infinite;
}

/* สร้าง animation */
@keyframes floatUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(7px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-450a008 *//* Custom CSS สำหรับ Gradient และฟอนต์ */
.gradient-text {
  display: inline-block;
  background: linear-gradient(to right, #c79015, #d30d28);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 30px; /* ✅ Desktop */
}

/* Tablet: ความกว้างน้อยกว่า 1024px */
@media (max-width: 1024px) {
  .gradient-text {
    font-size: 25px; /* ✅ Tablet */
  }
}

/* Mobile: ความกว้างน้อยกว่า 768px */
@media (max-width: 768px) {
  .gradient-text {
    font-size: 20px; /* ✅ Mobile */
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82770f0 */.elementor-9731 .elementor-element.elementor-element-82770f0 img {
  animation: floatUpDown 2s ease-in-out infinite;
}

/* สร้าง animation */
@keyframes floatUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(7px);
  }
  100% {
    transform: translateY(0px);
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-450a008 *//* Custom CSS สำหรับ Gradient และฟอนต์ */
.gradient-text {
  display: inline-block;
  background: linear-gradient(to right, #c79015, #d30d28);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 30px; /* ✅ Desktop */
}

/* Tablet: ความกว้างน้อยกว่า 1024px */
@media (max-width: 1024px) {
  .gradient-text {
    font-size: 25px; /* ✅ Tablet */
  }
}

/* Mobile: ความกว้างน้อยกว่า 768px */
@media (max-width: 768px) {
  .gradient-text {
    font-size: 20px; /* ✅ Mobile */
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b2d28d6 */.elementor-9731 .elementor-element.elementor-element-b2d28d6 {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ทำให้ภาพไม่ล้นขอบ section */
  border-radius: 0px; /* ขอบมน 10px */
}

.elementor-9731 .elementor-element.elementor-element-b2d28d6 img {
  transition: transform 0.3s ease; /* เพิ่ม transition เพื่อให้การขยายเป็นไปอย่างนุ่มนวล */
  width: 100%; /* ขนาดภาพเต็มขนาดของ container */
  height: auto; /* ให้ความสูงสัมพันธ์กับความกว้าง */
  border-radius: 0px; /* ขอบมนของภาพ */
}

.elementor-9731 .elementor-element.elementor-element-b2d28d6:hover img {
  transform: scale(1.1); /* ขยายภาพเมื่อ hover */
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-8003726 */.elementor-9731 .elementor-element.elementor-element-8003726 .elementor-divider-separator {
  height: 1px; /* ความหนาของเส้น */
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  border: none !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fb5db70 */.elementor-9731 .elementor-element.elementor-element-fb5db70 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9731 .elementor-element.elementor-element-fb5db70 img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.elementor-9731 .elementor-element.elementor-element-fb5db70:hover img {
  transform: scale(1.06);
}

/* ถ้ามี element อื่นอยู่ระหว่าง .elementor-9731 .elementor-element.elementor-element-fb5db70 กับ img */
/* Commented out to avoid affecting child elements
.elementor-9731 .elementor-element.elementor-element-fb5db70 * {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
} */

/* Add hover effect for background without hiding Elementor controls */
.elementor-9731 .elementor-element.elementor-element-fb5db70::before,
.elementor-9731 .elementor-element.elementor-element-fb5db70::after {
  content: "";
  display: none;
}

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-fb5db70 .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-fb5db70 .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-fb5db70:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-fb5db70:hover .elementor-background-overlay {
  display: none;
  opacity: 0;
  background-color: transparent;
  border: none;
}

/* Frontend-only styles for transition effects */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-fb5db70 .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-fb5db70:hover .elementor-element-overlay {
  display: none;
}

/* Responsive styles for tablet */
@media only screen and (max-width: 1024px) {
  .elementor-9731 .elementor-element.elementor-element-fb5db70 {
    height: 350px;
  }
}

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9731 .elementor-element.elementor-element-fb5db70 {
    height: 250px;
  }
  
  .elementor-9731 .elementor-element.elementor-element-fb5db70 img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9731 .elementor-element.elementor-element-fb5db70:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-54f8036 *//* Gradient Text */
.elementor-9731 .elementor-element.elementor-element-54f8036 {
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  -webkit-background-clip: text;
  background-clip: text; /* เพิ่มคำสั่งมาตรฐาน */
  -webkit-text-fill-color: transparent;
  color: transparent; /* เพิ่มคำสั่งมาตรฐาน */

  /* ปรับขนาด gradient ตามความยาวข้อความ */
  display: inline-block; /* ทำให้ gradient คำนวณขนาดตามข้อความ */
  background-size: auto 100%; /* ปรับขนาด gradient ให้พอดีกับข้อความ */
  background-repeat: no-repeat; /* ไม่ให้ gradient ซ้ำ */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-bc66f63 */.elementor-9731 .elementor-element.elementor-element-bc66f63 {
  --opacity: 1.5; /* ปรับค่า opacity ที่นี่ */
  background: linear-gradient(to top right, rgba(77, 0, 3, var(--opacity)), rgba(43, 0, 3, var(--opacity)));
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-e233745 */.elementor-9731 .elementor-element.elementor-element-e233745 .elementor-divider-separator {
  height: 1px; /* ความหนาของเส้น */
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  border: none !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f18073c */.elementor-9731 .elementor-element.elementor-element-f18073c {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9731 .elementor-element.elementor-element-f18073c img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.elementor-9731 .elementor-element.elementor-element-f18073c:hover img {
  transform: scale(1.06);
}

/* ถ้ามี element อื่นอยู่ระหว่าง .elementor-9731 .elementor-element.elementor-element-f18073c กับ img */
/* Commented out to avoid affecting child elements
.elementor-9731 .elementor-element.elementor-element-f18073c * {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
} */

/* Add hover effect for background without hiding Elementor controls */
.elementor-9731 .elementor-element.elementor-element-f18073c::before,
.elementor-9731 .elementor-element.elementor-element-f18073c::after {
  content: "";
  display: none;
}

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-f18073c .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-f18073c .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-f18073c:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-f18073c:hover .elementor-background-overlay {
  display: none;
  opacity: 0;
  background-color: transparent;
  border: none;
}

/* Frontend-only styles for transition effects */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-f18073c .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-f18073c:hover .elementor-element-overlay {
  display: none;
}

/* Responsive styles for tablet */
@media only screen and (max-width: 1024px) {
  .elementor-9731 .elementor-element.elementor-element-f18073c {
    height: 350px;
  }
}

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9731 .elementor-element.elementor-element-f18073c {
    height: 250px;
  }
  
  .elementor-9731 .elementor-element.elementor-element-f18073c img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9731 .elementor-element.elementor-element-f18073c:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8473b0f *//* Gradient Text */
.elementor-9731 .elementor-element.elementor-element-8473b0f {
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  -webkit-background-clip: text;
  background-clip: text; /* เพิ่มคำสั่งมาตรฐาน */
  -webkit-text-fill-color: transparent;
  color: transparent; /* เพิ่มคำสั่งมาตรฐาน */

  /* ปรับขนาด gradient ตามความยาวข้อความ */
  display: inline-block; /* ทำให้ gradient คำนวณขนาดตามข้อความ */
  background-size: auto 100%; /* ปรับขนาด gradient ให้พอดีกับข้อความ */
  background-repeat: no-repeat; /* ไม่ให้ gradient ซ้ำ */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a73192a */.elementor-9731 .elementor-element.elementor-element-a73192a {
  --opacity: 1.5; /* ปรับค่า opacity ที่นี่ */
  background: linear-gradient(to top right, rgba(77, 0, 3, var(--opacity)), rgba(43, 0, 3, var(--opacity)));
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-6c7cacb */.elementor-9731 .elementor-element.elementor-element-6c7cacb .elementor-divider-separator {
  height: 1px; /* ความหนาของเส้น */
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  border: none !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-27b17d3 */.elementor-9731 .elementor-element.elementor-element-27b17d3 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9731 .elementor-element.elementor-element-27b17d3 img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.elementor-9731 .elementor-element.elementor-element-27b17d3:hover img {
  transform: scale(1.06);
}

/* ถ้ามี element อื่นอยู่ระหว่าง .elementor-9731 .elementor-element.elementor-element-27b17d3 กับ img */
/* Commented out to avoid affecting child elements
.elementor-9731 .elementor-element.elementor-element-27b17d3 * {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
} */

/* Add hover effect for background without hiding Elementor controls */
.elementor-9731 .elementor-element.elementor-element-27b17d3::before,
.elementor-9731 .elementor-element.elementor-element-27b17d3::after {
  content: "";
  display: none;
}

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-27b17d3 .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-27b17d3 .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-27b17d3:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-27b17d3:hover .elementor-background-overlay {
  display: none;
  opacity: 0;
  background-color: transparent;
  border: none;
}

/* Frontend-only styles for transition effects */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-27b17d3 .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-27b17d3:hover .elementor-element-overlay {
  display: none;
}

/* Responsive styles for tablet */
@media only screen and (max-width: 1024px) {
  .elementor-9731 .elementor-element.elementor-element-27b17d3 {
    height: 350px;
  }
}

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9731 .elementor-element.elementor-element-27b17d3 {
    height: 250px;
  }
  
  .elementor-9731 .elementor-element.elementor-element-27b17d3 img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9731 .elementor-element.elementor-element-27b17d3:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-06c8658 *//* Gradient Text */
.elementor-9731 .elementor-element.elementor-element-06c8658 {
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  -webkit-background-clip: text;
  background-clip: text; /* เพิ่มคำสั่งมาตรฐาน */
  -webkit-text-fill-color: transparent;
  color: transparent; /* เพิ่มคำสั่งมาตรฐาน */

  /* ปรับขนาด gradient ตามความยาวข้อความ */
  display: inline-block; /* ทำให้ gradient คำนวณขนาดตามข้อความ */
  background-size: auto 100%; /* ปรับขนาด gradient ให้พอดีกับข้อความ */
  background-repeat: no-repeat; /* ไม่ให้ gradient ซ้ำ */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f2bab27 */.elementor-9731 .elementor-element.elementor-element-f2bab27 {
  --opacity: 1.5; /* ปรับค่า opacity ที่นี่ */
  background: linear-gradient(to top right, rgba(77, 0, 3, var(--opacity)), rgba(43, 0, 3, var(--opacity)));
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-1545c5c */.elementor-9731 .elementor-element.elementor-element-1545c5c .elementor-divider-separator {
  height: 1px; /* ความหนาของเส้น */
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  border: none !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-960f5e2 */.elementor-9731 .elementor-element.elementor-element-960f5e2 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9731 .elementor-element.elementor-element-960f5e2 img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.elementor-9731 .elementor-element.elementor-element-960f5e2:hover img {
  transform: scale(1.06);
}

/* ถ้ามี element อื่นอยู่ระหว่าง .elementor-9731 .elementor-element.elementor-element-960f5e2 กับ img */
/* Commented out to avoid affecting child elements
.elementor-9731 .elementor-element.elementor-element-960f5e2 * {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
} */

/* Add hover effect for background without hiding Elementor controls */
.elementor-9731 .elementor-element.elementor-element-960f5e2::before,
.elementor-9731 .elementor-element.elementor-element-960f5e2::after {
  content: "";
  display: none;
}

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-960f5e2 .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-960f5e2 .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-960f5e2:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-960f5e2:hover .elementor-background-overlay {
  display: none;
  opacity: 0;
  background-color: transparent;
  border: none;
}

/* Frontend-only styles for transition effects */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-960f5e2 .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-960f5e2:hover .elementor-element-overlay {
  display: none;
}

/* Responsive styles for tablet */
@media only screen and (max-width: 1024px) {
  .elementor-9731 .elementor-element.elementor-element-960f5e2 {
    height: 350px;
  }
}

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9731 .elementor-element.elementor-element-960f5e2 {
    height: 250px;
  }
  
  .elementor-9731 .elementor-element.elementor-element-960f5e2 img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9731 .elementor-element.elementor-element-960f5e2:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6f41ab9 *//* Gradient Text */
.elementor-9731 .elementor-element.elementor-element-6f41ab9 {
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  -webkit-background-clip: text;
  background-clip: text; /* เพิ่มคำสั่งมาตรฐาน */
  -webkit-text-fill-color: transparent;
  color: transparent; /* เพิ่มคำสั่งมาตรฐาน */

  /* ปรับขนาด gradient ตามความยาวข้อความ */
  display: inline-block; /* ทำให้ gradient คำนวณขนาดตามข้อความ */
  background-size: auto 100%; /* ปรับขนาด gradient ให้พอดีกับข้อความ */
  background-repeat: no-repeat; /* ไม่ให้ gradient ซ้ำ */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-22e20e5 */.elementor-9731 .elementor-element.elementor-element-22e20e5 {
  --opacity: 1.5; /* ปรับค่า opacity ที่นี่ */
  background: linear-gradient(to top right, rgba(77, 0, 3, var(--opacity)), rgba(43, 0, 3, var(--opacity)));
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-82517bd */.elementor-9731 .elementor-element.elementor-element-82517bd .elementor-divider-separator {
  height: 1px; /* ความหนาของเส้น */
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  border: none !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6031ba7 */.elementor-9731 .elementor-element.elementor-element-6031ba7 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9731 .elementor-element.elementor-element-6031ba7 img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.elementor-9731 .elementor-element.elementor-element-6031ba7:hover img {
  transform: scale(1.06);
}

/* ถ้ามี element อื่นอยู่ระหว่าง .elementor-9731 .elementor-element.elementor-element-6031ba7 กับ img */
/* Commented out to avoid affecting child elements
.elementor-9731 .elementor-element.elementor-element-6031ba7 * {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
} */

/* Add hover effect for background without hiding Elementor controls */
.elementor-9731 .elementor-element.elementor-element-6031ba7::before,
.elementor-9731 .elementor-element.elementor-element-6031ba7::after {
  content: "";
  display: none;
}

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-6031ba7 .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-6031ba7 .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-6031ba7:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-6031ba7:hover .elementor-background-overlay {
  display: none;
  opacity: 0;
  background-color: transparent;
  border: none;
}

/* Frontend-only styles for transition effects */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-6031ba7 .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-6031ba7:hover .elementor-element-overlay {
  display: none;
}

/* Responsive styles for tablet */
@media only screen and (max-width: 1024px) {
  .elementor-9731 .elementor-element.elementor-element-6031ba7 {
    height: 350px;
  }
}

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9731 .elementor-element.elementor-element-6031ba7 {
    height: 250px;
  }
  
  .elementor-9731 .elementor-element.elementor-element-6031ba7 img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9731 .elementor-element.elementor-element-6031ba7:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bdee946 *//* Gradient Text */
.elementor-9731 .elementor-element.elementor-element-bdee946 {
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  -webkit-background-clip: text;
  background-clip: text; /* เพิ่มคำสั่งมาตรฐาน */
  -webkit-text-fill-color: transparent;
  color: transparent; /* เพิ่มคำสั่งมาตรฐาน */

  /* ปรับขนาด gradient ตามความยาวข้อความ */
  display: inline-block; /* ทำให้ gradient คำนวณขนาดตามข้อความ */
  background-size: auto 100%; /* ปรับขนาด gradient ให้พอดีกับข้อความ */
  background-repeat: no-repeat; /* ไม่ให้ gradient ซ้ำ */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f48eb37 */.elementor-9731 .elementor-element.elementor-element-f48eb37 {
  --opacity: 1.5; /* ปรับค่า opacity ที่นี่ */
  background: linear-gradient(to top right, rgba(77, 0, 3, var(--opacity)), rgba(43, 0, 3, var(--opacity)));
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-35fec8a */.elementor-9731 .elementor-element.elementor-element-35fec8a .elementor-divider-separator {
  height: 1px; /* ความหนาของเส้น */
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  border: none !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35da063 */.elementor-9731 .elementor-element.elementor-element-35da063 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9731 .elementor-element.elementor-element-35da063 img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.elementor-9731 .elementor-element.elementor-element-35da063:hover img {
  transform: scale(1.06);
}

/* ถ้ามี element อื่นอยู่ระหว่าง .elementor-9731 .elementor-element.elementor-element-35da063 กับ img */
/* Commented out to avoid affecting child elements
.elementor-9731 .elementor-element.elementor-element-35da063 * {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
} */

/* Add hover effect for background without hiding Elementor controls */
.elementor-9731 .elementor-element.elementor-element-35da063::before,
.elementor-9731 .elementor-element.elementor-element-35da063::after {
  content: "";
  display: none;
}

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-35da063 .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-35da063 .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-35da063:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-35da063:hover .elementor-background-overlay {
  display: none;
  opacity: 0;
  background-color: transparent;
  border: none;
}

/* Frontend-only styles for transition effects */
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-35da063 .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9731 .elementor-element.elementor-element-35da063:hover .elementor-element-overlay {
  display: none;
}

/* Responsive styles for tablet */
@media only screen and (max-width: 1024px) {
  .elementor-9731 .elementor-element.elementor-element-35da063 {
    height: 350px;
  }
}

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9731 .elementor-element.elementor-element-35da063 {
    height: 250px;
  }
  
  .elementor-9731 .elementor-element.elementor-element-35da063 img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9731 .elementor-element.elementor-element-35da063:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f49c3c6 *//* Gradient Text */
.elementor-9731 .elementor-element.elementor-element-f49c3c6 {
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  -webkit-background-clip: text;
  background-clip: text; /* เพิ่มคำสั่งมาตรฐาน */
  -webkit-text-fill-color: transparent;
  color: transparent; /* เพิ่มคำสั่งมาตรฐาน */

  /* ปรับขนาด gradient ตามความยาวข้อความ */
  display: inline-block; /* ทำให้ gradient คำนวณขนาดตามข้อความ */
  background-size: auto 100%; /* ปรับขนาด gradient ให้พอดีกับข้อความ */
  background-repeat: no-repeat; /* ไม่ให้ gradient ซ้ำ */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-890245c */.elementor-9731 .elementor-element.elementor-element-890245c {
  --opacity: 1.5; /* ปรับค่า opacity ที่นี่ */
  background: linear-gradient(to top right, rgba(77, 0, 3, var(--opacity)), rgba(43, 0, 3, var(--opacity)));
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-deb1b2d */.elementor-9731 .elementor-element.elementor-element-deb1b2d .elementor-divider-separator {
  height: 1px; /* ความหนาของเส้น */
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  border: none !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-98c04f1 */.my-custom-column-text .elementor-heading-title {
  /* Style สำหรับ Heading */
  color: #333; /* สีข้อความ */
  font-size: 24px; /* ขนาดตัวอักษร */
  text-align: center; /* จัดข้อความให้อยู่ตรงกลาง (ถ้าต้องการ) */
}

.my-custom-column-text .elementor-widget-text-editor {
  /* Style สำหรับ Text Editor */
  color: #666; /* สีข้อความ */
  font-size: 16px; /* ขนาดตัวอักษร */
  text-align: center; /* จัดข้อความให้อยู่ตรงกลาง (ถ้าต้องการ) */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-915c0f2 */.elementor-9731 .elementor-element.elementor-element-915c0f2 {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ทำให้ภาพไม่ล้นขอบ section */
  border-radius: 10px; /* ขอบมน 10px */
}

.elementor-9731 .elementor-element.elementor-element-915c0f2 img {
  transition: transform 0.3s ease; /* เพิ่ม transition เพื่อให้การขยายเป็นไปอย่างนุ่มนวล */
  width: 100%; /* ขนาดภาพเต็มขนาดของ container */
  height: auto; /* ให้ความสูงสัมพันธ์กับความกว้าง */
  border-radius: 10px; /* ขอบมนของภาพ */
}

.elementor-9731 .elementor-element.elementor-element-915c0f2:hover img {
  transform: scale(1.2); /* ขยายภาพเมื่อ hover */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6a562c0 */.elementor-9731 .elementor-element.elementor-element-6a562c0 {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ทำให้ภาพไม่ล้นขอบ section */
  border-radius: 10px; /* ขอบมน 10px */
}

.elementor-9731 .elementor-element.elementor-element-6a562c0 img {
  transition: transform 0.3s ease; /* เพิ่ม transition เพื่อให้การขยายเป็นไปอย่างนุ่มนวล */
  width: 100%; /* ขนาดภาพเต็มขนาดของ container */
  height: auto; /* ให้ความสูงสัมพันธ์กับความกว้าง */
  border-radius: 10px; /* ขอบมนของภาพ */
}

.elementor-9731 .elementor-element.elementor-element-6a562c0:hover img {
  transform: scale(1.2); /* ขยายภาพเมื่อ hover */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-665f64f */.elementor-9731 .elementor-element.elementor-element-665f64f {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ทำให้ภาพไม่ล้นขอบ section */
  border-radius: 10px; /* ขอบมน 10px */
}

.elementor-9731 .elementor-element.elementor-element-665f64f img {
  transition: transform 0.3s ease; /* เพิ่ม transition เพื่อให้การขยายเป็นไปอย่างนุ่มนวล */
  width: 100%; /* ขนาดภาพเต็มขนาดของ container */
  height: auto; /* ให้ความสูงสัมพันธ์กับความกว้าง */
  border-radius: 10px; /* ขอบมนของภาพ */
}

.elementor-9731 .elementor-element.elementor-element-665f64f:hover img {
  transform: scale(1.2); /* ขยายภาพเมื่อ hover */
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-deb1b2d */.elementor-9731 .elementor-element.elementor-element-deb1b2d .elementor-divider-separator {
  height: 1px; /* ความหนาของเส้น */
  background: linear-gradient(to right, #c69214 0%, #c69214 20%, #d30528 60%, #d30528 100%);
  border: none !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-98c04f1 */.my-custom-column-text .elementor-heading-title {
  /* Style สำหรับ Heading */
  color: #333; /* สีข้อความ */
  font-size: 24px; /* ขนาดตัวอักษร */
  text-align: center; /* จัดข้อความให้อยู่ตรงกลาง (ถ้าต้องการ) */
}

.my-custom-column-text .elementor-widget-text-editor {
  /* Style สำหรับ Text Editor */
  color: #666; /* สีข้อความ */
  font-size: 16px; /* ขนาดตัวอักษร */
  text-align: center; /* จัดข้อความให้อยู่ตรงกลาง (ถ้าต้องการ) */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-915c0f2 */.elementor-9731 .elementor-element.elementor-element-915c0f2 {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ทำให้ภาพไม่ล้นขอบ section */
  border-radius: 10px; /* ขอบมน 10px */
}

.elementor-9731 .elementor-element.elementor-element-915c0f2 img {
  transition: transform 0.3s ease; /* เพิ่ม transition เพื่อให้การขยายเป็นไปอย่างนุ่มนวล */
  width: 100%; /* ขนาดภาพเต็มขนาดของ container */
  height: auto; /* ให้ความสูงสัมพันธ์กับความกว้าง */
  border-radius: 10px; /* ขอบมนของภาพ */
}

.elementor-9731 .elementor-element.elementor-element-915c0f2:hover img {
  transform: scale(1.2); /* ขยายภาพเมื่อ hover */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6a562c0 */.elementor-9731 .elementor-element.elementor-element-6a562c0 {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ทำให้ภาพไม่ล้นขอบ section */
  border-radius: 10px; /* ขอบมน 10px */
}

.elementor-9731 .elementor-element.elementor-element-6a562c0 img {
  transition: transform 0.3s ease; /* เพิ่ม transition เพื่อให้การขยายเป็นไปอย่างนุ่มนวล */
  width: 100%; /* ขนาดภาพเต็มขนาดของ container */
  height: auto; /* ให้ความสูงสัมพันธ์กับความกว้าง */
  border-radius: 10px; /* ขอบมนของภาพ */
}

.elementor-9731 .elementor-element.elementor-element-6a562c0:hover img {
  transform: scale(1.2); /* ขยายภาพเมื่อ hover */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-665f64f */.elementor-9731 .elementor-element.elementor-element-665f64f {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ทำให้ภาพไม่ล้นขอบ section */
  border-radius: 10px; /* ขอบมน 10px */
}

.elementor-9731 .elementor-element.elementor-element-665f64f img {
  transition: transform 0.3s ease; /* เพิ่ม transition เพื่อให้การขยายเป็นไปอย่างนุ่มนวล */
  width: 100%; /* ขนาดภาพเต็มขนาดของ container */
  height: auto; /* ให้ความสูงสัมพันธ์กับความกว้าง */
  border-radius: 10px; /* ขอบมนของภาพ */
}

.elementor-9731 .elementor-element.elementor-element-665f64f:hover img {
  transform: scale(1.2); /* ขยายภาพเมื่อ hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55e7a4b *//* ใช้วิธีการโหลดฟอนต์ที่เชื่อถือได้มากขึ้น */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* จำกัดขอบเขตของ CSS ให้อยู่เฉพาะภายใน .contact-section เท่านั้น */
.contact-section {
  color: #fff;
  text-align: center;
  padding: 80px 0;
  /* ไม่กำหนด font-family ที่นี่ แต่จะกำหนดเฉพาะภายในแต่ละ element */
}

.contact-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.contact-section .title {
  font-family: 'Inter', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  color: transparent;
  margin-bottom: 30px;
  line-height: 1.2;

  background: linear-gradient(270deg, #c69214, #d30528, #c69214);
  background-size: 600% 100%;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: animateContactGradient 4s ease-in-out infinite;
}

@keyframes animateContactGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


.contact-section .cta-container {
  background: linear-gradient(to right, #c69214, #d30528);
  border-radius: 30px;
  padding: 15px 30px;
  box-shadow: 0 4px 15px rgba(198, 146, 20, 0.5); /* ทองอมส้มในเงา */
  display: inline-block;
  margin-bottom: 40px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-section .cta-container:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(198, 146, 20, 0.7); /* เงามากขึ้นเมื่อ hover */
}


.contact-section .cta-text {
  font-family: 'Inter', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

/* ปรับปรุงการจัดวาง contact details */
.contact-section .contact-details {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 50px;
  gap: 60px;
  flex-wrap: wrap;
}

.contact-section .contact-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: left;
  min-width: 250px;
}

.contact-section .contact-info .info-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  transition: background-color 0.3s ease;
  font-family: 'Inter', sans-serif;
}

.contact-section .contact-info .info-item:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.contact-section .contact-info img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

/* ปรับปรุงการจัดวาง QR codes */
.contact-section .qr-codes {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}

.contact-section .qr-code {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 15px;
  border-radius: 10px;
  transition: transform 0.3s ease;
  font-family: 'Inter', sans-serif;
}

.contact-section .qr-code:hover {
  transform: translateY(-5px);
}

.contact-section .qr-code img {
  width: 120px;
  height: 120px;
  margin-bottom: 10px;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.contact-section .qr-code p {
  font-weight: 500;
  margin: 0;
}

/* ปรับปรุง footer */
.contact-section .footer {
  margin-top: 70px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-transform: uppercase;
}

.contact-section .company-name {
  font-family: 'Inter', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #FFA500;
  margin: 0;
  letter-spacing: 1px;
}

.contact-section .established {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  margin: 10px 0 0 0;
  letter-spacing: 2px;
}

/* Responsive Design - ปรับปรุงให้ดีขึ้น */
@media (max-width: 1024px) {
  .contact-section .contact-details {
    gap: 40px;
  }
  
  .contact-section .title {
    font-size: 2.5rem;
  }
  
  .contact-section .cta-text {
    font-size: 1.3rem;
  }
  
  .contact-section .qr-code img {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 768px) {
  .contact-section {
    padding: 60px 0;
  }
  
  .contact-section .contact-details {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  
  .contact-section .contact-info {
    width: 100%;
    max-width: 400px;
  }
  
  .contact-section .title {
    font-size: 2rem;
  }
  
  .contact-section .cta-container {
    padding: 12px 25px;
  }
  
  .contact-section .cta-text {
    font-size: 1.1rem;
  }
}

@media (max-width: 480px) {
  .contact-section .title {
    font-size: 1.7rem;
  }
  
  .contact-section .qr-codes {
    flex-direction: column;
    gap: 20px;
  }
  
  .contact-section .contact-info .info-item {
    padding: 8px;
  }
  
  .contact-section .company-name {
    font-size: 1.5rem;
  }
  
  .contact-section .established {
    font-size: 0.9rem;
  }
}
  /* ปรับสีข้อความ "WhatsApp" และ "Social Media" */
  .contact-section .qr-code p {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #fff; /* สีขาว */
    margin-top: 10px;
    transition: color 0.3s ease;
  }

  .contact-section .qr-code:hover p {
    color: #d30528; /* สีแดงเข้มเมื่อ hover */
  }
  
  /* เพิ่มสไตล์สำหรับอีเมลและเบอร์โทรศัพท์ */
.contact-section .contact-info a {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  color: #fff; /* สีขาว */
  transition: color 0.3s ease;
}

.contact-section .contact-info a:hover {
  color: #d30528; /* สีแดงเมื่อ hover */
}

 
/* Inquiry Section - แบบเรียบง่าย */
.contact-section .inquiry-section {
  margin-top: 40px;
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.contact-section .inquiry-description {
  font-family: 'Inter', sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  margin-bottom: 15px;
}

.contact-section .inquiry-link {
  font-family: 'Inter', sans-serif; /* ฟอนต์เหมือนกับ inquiry-description */
  font-size: 1.2rem; /* ขนาดฟอนต์เท่ากัน */
  font-weight: 600;
  text-decoration: none;
  color: #FFA500;
  transition: color 0.3s ease;
  display: inline-block;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
}

.contact-section .inquiry-link:hover {
  color: #d30528;
  border-bottom-color: #d30528;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .contact-section .inquiry-section {
    margin-top: 30px;
    padding: 15px 0;
  }
  
  .contact-section .inquiry-description {
    font-size: 1.1rem;
  }

  .contact-section .inquiry-link {
    font-size: 1.1rem; /* ขนาดฟอนต์ของลิงค์เล็กลงเมื่อหน้าจอเล็กลง */
  }
}

@media (max-width: 480px) {
  .contact-section .inquiry-description {
    font-size: 1rem;
  }
  
  .contact-section .inquiry-link {
    font-size: 1rem; /* ขนาดฟอนต์เท่ากัน */
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f213f22 */.elementor-9731 .elementor-element.elementor-element-f213f22 {
  --opacity: 1.5; /* ปรับค่า opacity ที่นี่ */
  background: linear-gradient(to top right, rgba(77, 0, 3, var(--opacity)), rgba(43, 0, 3, var(--opacity)));
}/* End custom CSS */
/* Start custom CSS for elementskit-back-to-top, class: .elementor-element-2a9e3f7 */.elementor-9731 .elementor-element.elementor-element-2a9e3f7 i {
  background: linear-gradient(to bottom, #c69214 0%, #d30528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent; /* fallback */
  display: inline-block;
  animation: bounceUpDown 2s ease-in-out infinite; /* เพิ่มการเคลื่อนไหว */
}

/* สร้าง keyframes สำหรับการเคลื่อนไหว */
@keyframes bounceUpDown {
  0% {
    transform: translateY(0); /* เริ่มที่ตำแหน่งเดิม */
  }
  50% {
    transform: translateY(-10px); /* เลื่อนขึ้นไป 10px */
  }
  100% {
    transform: translateY(0); /* กลับมาที่ตำแหน่งเดิม */
  }
}/* End custom CSS */