.elementor-9747 .elementor-element.elementor-element-fcc0bc9 .elementor-repeater-item-a3d6a8d.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-9747 .elementor-element.elementor-element-016796b .elementor-repeater-item-5fc48b7.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-9747 .elementor-element.elementor-element-a5d025d > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-9747 .elementor-element.elementor-element-a5d025d{text-align:left;}.elementor-9747 .elementor-element.elementor-element-a5d025d img{max-width:4%;}.elementor-9747 .elementor-element.elementor-element-7d4ac01 > .elementor-widget-container{margin:0px 0px -39px 0px;}.elementor-9747 .elementor-element.elementor-element-7d4ac01{text-align:left;}.elementor-9747 .elementor-element.elementor-element-7d4ac01 .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-9747 .elementor-element.elementor-element-52f0aa3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-52f0aa3 .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-9747 .elementor-element.elementor-element-c9c851f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-9747 .elementor-element.elementor-element-c9c851f > .elementor-widget-container{margin:15px 0px 030px 0px;}.elementor-9747 .elementor-element.elementor-element-c9c851f .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;line-height:1.5em;letter-spacing:0.1px;word-spacing:0px;color:#000000;}.elementor-9747 .elementor-element.elementor-element-016796b{margin-top:0px;margin-bottom:0px;}.elementor-9747 .elementor-element.elementor-element-fcc0bc9:not(.elementor-motion-effects-element-type-background), .elementor-9747 .elementor-element.elementor-element-fcc0bc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9747 .elementor-element.elementor-element-fcc0bc9 > .elementor-container{max-width:1604px;}.elementor-9747 .elementor-element.elementor-element-fcc0bc9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-fcc0bc9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9747 .elementor-element.elementor-element-67d651a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9747 .elementor-element.elementor-element-67d651a .elementor-divider-separator{width:100%;}.elementor-9747 .elementor-element.elementor-element-67d651a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9747 .elementor-element.elementor-element-8c071ee, .elementor-9747 .elementor-element.elementor-element-8c071ee > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9747 .elementor-element.elementor-element-8c071ee{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-e1be8e3 img{border-radius:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-da0c545{text-align:left;}.elementor-9747 .elementor-element.elementor-element-da0c545 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9747 .elementor-element.elementor-element-fb4ec86 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-fb4ec86{text-align:left;}.elementor-9747 .elementor-element.elementor-element-fb4ec86 img{max-width:4%;}.elementor-9747 .elementor-element.elementor-element-644a648{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9747 .elementor-element.elementor-element-0023a73{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9747 .elementor-element.elementor-element-0023a73 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-0023a73 .elementor-divider-separator{width:100%;}.elementor-9747 .elementor-element.elementor-element-0023a73 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9747 .elementor-element.elementor-element-f6cd892, .elementor-9747 .elementor-element.elementor-element-f6cd892 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9747 .elementor-element.elementor-element-f6cd892{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-42af727 img{border-radius:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-a651396{text-align:left;}.elementor-9747 .elementor-element.elementor-element-a651396 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9747 .elementor-element.elementor-element-49e62fe > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-49e62fe{text-align:left;}.elementor-9747 .elementor-element.elementor-element-49e62fe img{max-width:4%;}.elementor-9747 .elementor-element.elementor-element-3dfb663{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9747 .elementor-element.elementor-element-11724ec{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9747 .elementor-element.elementor-element-11724ec > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-11724ec .elementor-divider-separator{width:100%;}.elementor-9747 .elementor-element.elementor-element-11724ec .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9747 .elementor-element.elementor-element-6cb3528, .elementor-9747 .elementor-element.elementor-element-6cb3528 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9747 .elementor-element.elementor-element-6cb3528{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-3dd7e1d img{border-radius:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-aa355a4{text-align:left;}.elementor-9747 .elementor-element.elementor-element-aa355a4 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9747 .elementor-element.elementor-element-894e3d2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-894e3d2{text-align:left;}.elementor-9747 .elementor-element.elementor-element-894e3d2 img{max-width:4%;}.elementor-9747 .elementor-element.elementor-element-d66b9be{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9747 .elementor-element.elementor-element-b2785fd{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9747 .elementor-element.elementor-element-b2785fd > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-b2785fd .elementor-divider-separator{width:100%;}.elementor-9747 .elementor-element.elementor-element-b2785fd .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9747 .elementor-element.elementor-element-fcf2833, .elementor-9747 .elementor-element.elementor-element-fcf2833 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9747 .elementor-element.elementor-element-fcf2833{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-9d62d87 img{border-radius:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-65b1a99{text-align:left;}.elementor-9747 .elementor-element.elementor-element-65b1a99 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9747 .elementor-element.elementor-element-63527e6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-63527e6{text-align:left;}.elementor-9747 .elementor-element.elementor-element-63527e6 img{max-width:4%;}.elementor-9747 .elementor-element.elementor-element-36a8646{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9747 .elementor-element.elementor-element-c609c52{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9747 .elementor-element.elementor-element-c609c52 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-c609c52 .elementor-divider-separator{width:100%;}.elementor-9747 .elementor-element.elementor-element-c609c52 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9747 .elementor-element.elementor-element-651d2d2, .elementor-9747 .elementor-element.elementor-element-651d2d2 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9747 .elementor-element.elementor-element-651d2d2{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-5a339f3 img{border-radius:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-14d9749{text-align:left;}.elementor-9747 .elementor-element.elementor-element-14d9749 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9747 .elementor-element.elementor-element-13302e0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-13302e0{text-align:left;}.elementor-9747 .elementor-element.elementor-element-13302e0 img{max-width:4%;}.elementor-9747 .elementor-element.elementor-element-3d44527{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9747 .elementor-element.elementor-element-5abb56e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9747 .elementor-element.elementor-element-5abb56e > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-5abb56e .elementor-divider-separator{width:100%;}.elementor-9747 .elementor-element.elementor-element-5abb56e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9747 .elementor-element.elementor-element-afde131, .elementor-9747 .elementor-element.elementor-element-afde131 > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-9747 .elementor-element.elementor-element-afde131{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-caa5115 img{border-radius:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-4359d42{text-align:left;}.elementor-9747 .elementor-element.elementor-element-4359d42 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-9747 .elementor-element.elementor-element-b2ad28d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-b2ad28d{text-align:left;}.elementor-9747 .elementor-element.elementor-element-b2ad28d img{max-width:4%;}.elementor-9747 .elementor-element.elementor-element-148255c{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#5A5A5A;}.elementor-9747 .elementor-element.elementor-element-b4149f5, .elementor-9747 .elementor-element.elementor-element-b4149f5 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-b4149f5{margin-top:20px;margin-bottom:0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-9747 .elementor-element.elementor-element-a5d025d img{max-width:8%;}.elementor-9747 .elementor-element.elementor-element-7d4ac01 > .elementor-widget-container{margin:0px 0px -28px 0px;}.elementor-9747 .elementor-element.elementor-element-7d4ac01 .elementor-heading-title{font-size:40px;}.elementor-9747 .elementor-element.elementor-element-52f0aa3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-52f0aa3 .elementor-heading-title{font-size:40px;}.elementor-9747 .elementor-element.elementor-element-c9c851f > .elementor-widget-container{margin:15px 0px 30px 0px;}.elementor-9747 .elementor-element.elementor-element-c9c851f{text-align:left;}.elementor-9747 .elementor-element.elementor-element-c9c851f .elementor-heading-title{font-size:20px;}.elementor-9747 .elementor-element.elementor-element-da0c545 .elementor-heading-title{font-size:40px;}.elementor-9747 .elementor-element.elementor-element-fb4ec86 img{max-width:8%;}.elementor-9747 .elementor-element.elementor-element-644a648{font-size:15px;}.elementor-9747 .elementor-element.elementor-element-a651396 .elementor-heading-title{font-size:40px;}.elementor-9747 .elementor-element.elementor-element-49e62fe img{max-width:8%;}.elementor-9747 .elementor-element.elementor-element-3dfb663{font-size:15px;}.elementor-9747 .elementor-element.elementor-element-aa355a4 .elementor-heading-title{font-size:40px;}.elementor-9747 .elementor-element.elementor-element-894e3d2 img{max-width:8%;}.elementor-9747 .elementor-element.elementor-element-d66b9be{font-size:15px;}.elementor-9747 .elementor-element.elementor-element-65b1a99 .elementor-heading-title{font-size:40px;}.elementor-9747 .elementor-element.elementor-element-63527e6 img{max-width:8%;}.elementor-9747 .elementor-element.elementor-element-36a8646{font-size:15px;}.elementor-9747 .elementor-element.elementor-element-14d9749 .elementor-heading-title{font-size:40px;}.elementor-9747 .elementor-element.elementor-element-13302e0 img{max-width:8%;}.elementor-9747 .elementor-element.elementor-element-3d44527{font-size:15px;}.elementor-9747 .elementor-element.elementor-element-4359d42 .elementor-heading-title{font-size:40px;}.elementor-9747 .elementor-element.elementor-element-b2ad28d img{max-width:8%;}.elementor-9747 .elementor-element.elementor-element-148255c{font-size:15px;}}@media(max-width:767px){.elementor-9747 .elementor-element.elementor-element-a5d025d img{max-width:16%;}.elementor-9747 .elementor-element.elementor-element-7d4ac01 > .elementor-widget-container{margin:0px 0px -11px 0px;}.elementor-9747 .elementor-element.elementor-element-7d4ac01 .elementor-heading-title{font-size:49px;line-height:1em;letter-spacing:1px;}.elementor-9747 .elementor-element.elementor-element-52f0aa3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-52f0aa3 .elementor-heading-title{font-size:49px;line-height:1em;letter-spacing:1px;}.elementor-9747 .elementor-element.elementor-element-c9c851f > .elementor-widget-container{margin:22px 0px 22px 0px;}.elementor-9747 .elementor-element.elementor-element-c9c851f{text-align:left;}.elementor-9747 .elementor-element.elementor-element-c9c851f .elementor-heading-title{font-size:17px;}.elementor-9747 .elementor-element.elementor-element-fcc0bc9{padding:0px 0px 60px 0px;}.elementor-9747 .elementor-element.elementor-element-8c071ee, .elementor-9747 .elementor-element.elementor-element-8c071ee > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9747 .elementor-element.elementor-element-da0c545 .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9747 .elementor-element.elementor-element-fb4ec86 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-fb4ec86 img{max-width:10%;}.elementor-9747 .elementor-element.elementor-element-644a648{font-size:15px;}.elementor-9747 .elementor-element.elementor-element-f6cd892, .elementor-9747 .elementor-element.elementor-element-f6cd892 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9747 .elementor-element.elementor-element-a651396 .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9747 .elementor-element.elementor-element-49e62fe > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-49e62fe img{max-width:10%;}.elementor-9747 .elementor-element.elementor-element-3dfb663{font-size:15px;}.elementor-9747 .elementor-element.elementor-element-6cb3528, .elementor-9747 .elementor-element.elementor-element-6cb3528 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9747 .elementor-element.elementor-element-aa355a4 .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9747 .elementor-element.elementor-element-894e3d2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-894e3d2 img{max-width:10%;}.elementor-9747 .elementor-element.elementor-element-d66b9be{font-size:15px;}.elementor-9747 .elementor-element.elementor-element-fcf2833, .elementor-9747 .elementor-element.elementor-element-fcf2833 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9747 .elementor-element.elementor-element-65b1a99 .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9747 .elementor-element.elementor-element-63527e6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-63527e6 img{max-width:10%;}.elementor-9747 .elementor-element.elementor-element-36a8646{font-size:15px;}.elementor-9747 .elementor-element.elementor-element-651d2d2, .elementor-9747 .elementor-element.elementor-element-651d2d2 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9747 .elementor-element.elementor-element-14d9749 .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9747 .elementor-element.elementor-element-13302e0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-13302e0 img{max-width:10%;}.elementor-9747 .elementor-element.elementor-element-3d44527{font-size:15px;}.elementor-9747 .elementor-element.elementor-element-afde131, .elementor-9747 .elementor-element.elementor-element-afde131 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9747 .elementor-element.elementor-element-4359d42 .elementor-heading-title{font-size:30px;letter-spacing:1px;}.elementor-9747 .elementor-element.elementor-element-b2ad28d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9747 .elementor-element.elementor-element-b2ad28d img{max-width:10%;}.elementor-9747 .elementor-element.elementor-element-148255c{font-size:15px;}.elementor-9747 .elementor-element.elementor-element-b4149f5, .elementor-9747 .elementor-element.elementor-element-b4149f5 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}}/* Start custom CSS for image, class: .elementor-element-61c4125 */.elementor-9747 .elementor-element.elementor-element-61c4125 {
  position: relative;
  display: inline-block;
  overflow: hidden; /* ทำให้ภาพไม่ล้นขอบ section */
  border-radius: 0px; /* ขอบมน 10px */
}

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

.elementor-9747 .elementor-element.elementor-element-61c4125:hover img {
  transform: scale(1.1); /* ขยายภาพเมื่อ hover */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5d025d */.elementor-9747 .elementor-element.elementor-element-a5d025d 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-52f0aa3 *//* 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: 'Kanit', 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-a5d025d */.elementor-9747 .elementor-element.elementor-element-a5d025d 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-52f0aa3 *//* 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: 'Kanit', 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-a5d025d */.elementor-9747 .elementor-element.elementor-element-a5d025d 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-52f0aa3 *//* 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: 'Kanit', 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-a5d025d */.elementor-9747 .elementor-element.elementor-element-a5d025d 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-52f0aa3 *//* 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: 'Kanit', 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 divider, class: .elementor-element-67d651a */.elementor-9747 .elementor-element.elementor-element-67d651a .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-e1be8e3 */.elementor-9747 .elementor-element.elementor-element-e1be8e3 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9747 .elementor-element.elementor-element-e1be8e3 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-9747 .elementor-element.elementor-element-e1be8e3:hover img {
  transform: scale(1.06);
}

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

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

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-e1be8e3 .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-e1be8e3 .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-e1be8e3:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-e1be8e3: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-9747 .elementor-element.elementor-element-e1be8e3 .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-e1be8e3:hover .elementor-element-overlay {
  display: none;
}

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

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9747 .elementor-element.elementor-element-e1be8e3 {
    height: 250px;
  }
  
  .elementor-9747 .elementor-element.elementor-element-e1be8e3 img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9747 .elementor-element.elementor-element-e1be8e3:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-644a648 *//* Gradient Text */
.elementor-9747 .elementor-element.elementor-element-644a648 {
  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-8c071ee */.elementor-9747 .elementor-element.elementor-element-8c071ee {
  --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-0023a73 */.elementor-9747 .elementor-element.elementor-element-0023a73 .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-42af727 */.elementor-9747 .elementor-element.elementor-element-42af727 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9747 .elementor-element.elementor-element-42af727 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-9747 .elementor-element.elementor-element-42af727:hover img {
  transform: scale(1.06);
}

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

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

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-42af727 .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-42af727 .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-42af727:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-42af727: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-9747 .elementor-element.elementor-element-42af727 .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-42af727:hover .elementor-element-overlay {
  display: none;
}

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

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9747 .elementor-element.elementor-element-42af727 {
    height: 250px;
  }
  
  .elementor-9747 .elementor-element.elementor-element-42af727 img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9747 .elementor-element.elementor-element-42af727:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3dfb663 *//* Gradient Text */
.elementor-9747 .elementor-element.elementor-element-3dfb663 {
  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-f6cd892 */.elementor-9747 .elementor-element.elementor-element-f6cd892 {
  --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-11724ec */.elementor-9747 .elementor-element.elementor-element-11724ec .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-3dd7e1d */.elementor-9747 .elementor-element.elementor-element-3dd7e1d {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9747 .elementor-element.elementor-element-3dd7e1d 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-9747 .elementor-element.elementor-element-3dd7e1d:hover img {
  transform: scale(1.06);
}

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

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

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-3dd7e1d .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-3dd7e1d .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-3dd7e1d:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-3dd7e1d: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-9747 .elementor-element.elementor-element-3dd7e1d .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-3dd7e1d:hover .elementor-element-overlay {
  display: none;
}

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

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9747 .elementor-element.elementor-element-3dd7e1d {
    height: 250px;
  }
  
  .elementor-9747 .elementor-element.elementor-element-3dd7e1d img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9747 .elementor-element.elementor-element-3dd7e1d:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d66b9be *//* Gradient Text */
.elementor-9747 .elementor-element.elementor-element-d66b9be {
  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-6cb3528 */.elementor-9747 .elementor-element.elementor-element-6cb3528 {
  --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-b2785fd */.elementor-9747 .elementor-element.elementor-element-b2785fd .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-9d62d87 */.elementor-9747 .elementor-element.elementor-element-9d62d87 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9747 .elementor-element.elementor-element-9d62d87 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-9747 .elementor-element.elementor-element-9d62d87:hover img {
  transform: scale(1.06);
}

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

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

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-9d62d87 .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-9d62d87 .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-9d62d87:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-9d62d87: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-9747 .elementor-element.elementor-element-9d62d87 .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-9d62d87:hover .elementor-element-overlay {
  display: none;
}

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

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9747 .elementor-element.elementor-element-9d62d87 {
    height: 250px;
  }
  
  .elementor-9747 .elementor-element.elementor-element-9d62d87 img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9747 .elementor-element.elementor-element-9d62d87:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-36a8646 *//* Gradient Text */
.elementor-9747 .elementor-element.elementor-element-36a8646 {
  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-fcf2833 */.elementor-9747 .elementor-element.elementor-element-fcf2833 {
  --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-c609c52 */.elementor-9747 .elementor-element.elementor-element-c609c52 .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-5a339f3 */.elementor-9747 .elementor-element.elementor-element-5a339f3 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9747 .elementor-element.elementor-element-5a339f3 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-9747 .elementor-element.elementor-element-5a339f3:hover img {
  transform: scale(1.06);
}

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

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

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-5a339f3 .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-5a339f3 .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-5a339f3:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-5a339f3: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-9747 .elementor-element.elementor-element-5a339f3 .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-5a339f3:hover .elementor-element-overlay {
  display: none;
}

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

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9747 .elementor-element.elementor-element-5a339f3 {
    height: 250px;
  }
  
  .elementor-9747 .elementor-element.elementor-element-5a339f3 img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9747 .elementor-element.elementor-element-5a339f3:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3d44527 *//* Gradient Text */
.elementor-9747 .elementor-element.elementor-element-3d44527 {
  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-651d2d2 */.elementor-9747 .elementor-element.elementor-element-651d2d2 {
  --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-5abb56e */.elementor-9747 .elementor-element.elementor-element-5abb56e .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-caa5115 */.elementor-9747 .elementor-element.elementor-element-caa5115 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 400px;
  width: 100%;
}

.elementor-9747 .elementor-element.elementor-element-caa5115 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-9747 .elementor-element.elementor-element-caa5115:hover img {
  transform: scale(1.06);
}

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

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

/* Frontend-only styles - these won't apply in the editor */
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-caa5115 .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-caa5115 .elementor-background-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-caa5115:hover .elementor-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-caa5115: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-9747 .elementor-element.elementor-element-caa5115 .elementor-element-overlay,
body:not(.elementor-editor-active) .elementor-9747 .elementor-element.elementor-element-caa5115:hover .elementor-element-overlay {
  display: none;
}

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

/* Responsive styles for mobile */
@media only screen and (max-width: 767px) {
  .elementor-9747 .elementor-element.elementor-element-caa5115 {
    height: 250px;
  }
  
  .elementor-9747 .elementor-element.elementor-element-caa5115 img {
    transition: transform 0.2s ease;
  }
  
  .elementor-9747 .elementor-element.elementor-element-caa5115:hover img {
    transform: scale(1.04);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-148255c *//* Gradient Text */
.elementor-9747 .elementor-element.elementor-element-148255c {
  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-afde131 */.elementor-9747 .elementor-element.elementor-element-afde131 {
  --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 html, class: .elementor-element-4e9e63a *//* ใช้วิธีการโหลดฟอนต์ที่เชื่อถือได้มากขึ้น */
@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-b4149f5 */.elementor-9747 .elementor-element.elementor-element-b4149f5 {
  --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 */