.elementor-153 .elementor-element.elementor-element-4e4d202{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:140px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-153 .elementor-element.elementor-element-4e4d202:not(.elementor-motion-effects-element-type-background), .elementor-153 .elementor-element.elementor-element-4e4d202 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3a3a3a;background-image:url("https://iglowaythailand.com/wp-content/uploads/2025/10/IMG_20251006_210052-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-153 .elementor-element.elementor-element-4e4d202::before, .elementor-153 .elementor-element.elementor-element-4e4d202 > .elementor-background-video-container::before, .elementor-153 .elementor-element.elementor-element-4e4d202 > .e-con-inner > .elementor-background-video-container::before, .elementor-153 .elementor-element.elementor-element-4e4d202 > .elementor-background-slideshow::before, .elementor-153 .elementor-element.elementor-element-4e4d202 > .e-con-inner > .elementor-background-slideshow::before, .elementor-153 .elementor-element.elementor-element-4e4d202 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-153 .elementor-element.elementor-element-fe4727b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:15%;}.elementor-153 .elementor-element.elementor-element-ad39023{text-align:center;}.elementor-153 .elementor-element.elementor-element-ad39023 .elementor-heading-title{color:#FFFFFF;}.elementor-153 .elementor-element.elementor-element-e741c70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-153 .elementor-element.elementor-element-6fec87d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-153 .elementor-element.elementor-element-cedcf23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-153 .elementor-element.elementor-element-d5a8284 img{width:200px;}.elementor-153 .elementor-element.elementor-element-c52491b{font-size:20px;line-height:1.5em;}.elementor-153 .elementor-element.elementor-element-dedb54d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-153 .elementor-element.elementor-element-4371d2c img{width:200px;}.elementor-153 .elementor-element.elementor-element-a0b7818{font-size:20px;line-height:1.5em;}.elementor-153 .elementor-element.elementor-element-acc1c32{--display:flex;}.elementor-153 .elementor-element.elementor-element-94bbb8a img{width:200px;}.elementor-153 .elementor-element.elementor-element-2abb34f{font-size:20px;line-height:1.5em;}.elementor-153 .elementor-element.elementor-element-51c6a6b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-153 .elementor-element.elementor-element-fa52ea0{--display:flex;}.elementor-153 .elementor-element.elementor-element-510781f img{width:200px;}.elementor-153 .elementor-element.elementor-element-9806346{font-size:20px;line-height:1.5em;}.elementor-153 .elementor-element.elementor-element-732cae1{--display:flex;}.elementor-153 .elementor-element.elementor-element-753cb57 img{width:200px;}.elementor-153 .elementor-element.elementor-element-d5f999a{font-size:20px;line-height:1.5em;}.elementor-153 .elementor-element.elementor-element-223c52d{--display:flex;}.elementor-153 .elementor-element.elementor-element-fdbed83{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-153 .elementor-element.elementor-element-48e31f7{--display:flex;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input:not([type=submit]):not([type=image]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field textarea,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field select,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input[type="checkbox"] + label:before,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-description.wpforms-disclaimer-description,
						.elementor-153 .elementor-element.elementor-element-1d557e5.uael-wpf-style-underline .wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label{border-radius:0px 0px 0px 0px;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form button[type=submit], .elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form button[type=submit]:hover, .elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-page-button, .elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-page-button:hover{background-color:#262262;color:#FFFFFF;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form button[type=submit]:hover, .elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-page-button:hover{background-color:#E5E5E5;color:#262262;border-color:#DDDDDD;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input:not([type=submit]):not([type=image]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field textarea,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field select,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-description.wpforms-disclaimer-description,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-container select option{background-color:#FFFFFF;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input[type="checkbox"] + label:before,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style input[type="radio"] + label:before{background-color:#FFFFFF;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style input[type="radio"]:checked + label:before{background-color:#7a7a7a;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input[type="radio"]:checked + label:before{box-shadow:inset 0px 0px 0px 4px #FFFFFF;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-label,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-page-indicator-steps,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-divider,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-divider h3,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-radio li label,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-payment-multiple li label,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-single-item-price,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-checkbox li label,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-payment-total,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-page-indicator-page-title,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-captcha .wpforms-field-label,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-likert_scale .wpforms-field-label,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-field-file-upload input[type=file]{color:#262262;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-description,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-sublabel,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-html,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-likert_scale thead tr th{color:#262262;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input:not([type=submit]):not([type=image]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field textarea,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field select{border-style:solid;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input[type="checkbox"] + label:before,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input[type="radio"] + label:before,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-description.wpforms-disclaimer-description{border-style:solid;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input:not([type=submit]):not([type=image]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field textarea,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field select,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-description.wpforms-disclaimer-description{border-width:1px 1px 1px 1px;border-color:#E5E5E5;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input[type="checkbox"] + label:before,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input[type="radio"] + label:before,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form ul.wpforms-image-choices-modern label,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form ul.wpforms-image-choices-modern label:hover,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field-description.wpforms-disclaimer-description{border-width:1px 1px 1px 1px;}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input[type="checkbox"] + label:before,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-field input[type="radio"] + label:before,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form ul.wpforms-image-choices-modern label,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form ul.wpforms-image-choices-modern label:hover,
						.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style .wpforms-form .wpforms-page-indicator.circles{border-color:#E5E5E5;}.elementor-153 .elementor-element.elementor-element-1d557e5 .wpforms-form .wpforms-field input:not([type=submit]):not([type=image]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),
									.elementor-153 .elementor-element.elementor-element-1d557e5 .wpforms-form .wpforms-field select,
									.elementor-153 .elementor-element.elementor-element-1d557e5 .wpforms-form .wpforms-field textarea,
									.elementor-153 .elementor-element.elementor-element-1d557e5 .wpforms-form .wpforms-field-description.wpforms-disclaimer-description,
									.elementor-153 .elementor-element.elementor-element-1d557e5 .wpforms-form ul.wpforms-image-choices-modern label{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.07);}.elementor-153 .elementor-element.elementor-element-1d557e5 .uael-wpf-style label.wpforms-error{color:#ff0000;}.elementor-153 .elementor-element.elementor-element-c277c6f{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-153 .elementor-element.elementor-element-7862eca iframe{height:445px;}.elementor-153 .elementor-element.elementor-element-9682e1b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-153 .elementor-element.elementor-element-11f5580{--display:flex;}.elementor-153 .elementor-element.elementor-element-f72d04e .elementor-button{background-color:#262262;border-style:none;box-shadow:0px 5px 30px 0px rgba(0, 0, 0, 0.05);}.elementor-153 .elementor-element.elementor-element-f72d04e a.elementor-button:hover, .elementor-153 .elementor-element.elementor-element-f72d04e .elementor-button:hover{background-color:#E6E6E6;color:#262262;}.elementor-153 .elementor-element.elementor-element-f72d04e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-153 .elementor-element.elementor-element-f72d04e .uael-infobox, .elementor-153 .elementor-element.elementor-element-f72d04e .uael-separator-parent{text-align:center;}.elementor-153 .elementor-element.elementor-element-f72d04e .elementor-button .elementor-align-icon-right,.elementor-153 .elementor-element.elementor-element-f72d04e .uael-infobox-link-icon-after{margin-left:15px;}.elementor-153 .elementor-element.elementor-element-f72d04e .elementor-button .elementor-align-icon-left, .elementor-153 .elementor-element.elementor-element-f72d04e .uael-infobox-link-icon-before{margin-right:15px;}.elementor-153 .elementor-element.elementor-element-f72d04e a.elementor-button, .elementor-153 .elementor-element.elementor-element-f72d04e .elementor-button{color:#FFFFFF;padding:20px 20px 20px 20px;}.elementor-153 .elementor-element.elementor-element-f72d04e a.elementor-button svg, .elementor-153 .elementor-element.elementor-element-f72d04e .elementor-button svg{fill:#FFFFFF;}.elementor-153 .elementor-element.elementor-element-f72d04e .uael-infobox-title-prefix{color:#262262;margin:0px 0px 0px 0px;}.elementor-153 .elementor-element.elementor-element-f72d04e .uael-infobox-title{font-size:4.7em;letter-spacing:-3px;color:#262262;margin:30px 0px 0px 0px;}.elementor-153 .elementor-element.elementor-element-f72d04e .uael-infobox-cta-link-style, .elementor-153 .elementor-element.elementor-element-f72d04e .uael-button-wrapper{margin:50px 0px 0px 0px;}.elementor-153 .elementor-element.elementor-element-20733b8{--display:flex;}.elementor-153 .elementor-element.elementor-element-3afd2bd:not( .elementor-widget-image ) .elementor-widget-container, .elementor-153 .elementor-element.elementor-element-3afd2bd.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://iglowaythailand.com/wp-content/plugins/elementor/assets/mask-shapes/parallelogram-right.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-153 .elementor-element.elementor-element-3afd2bd img{width:100%;height:500px;}body.elementor-page-153:not(.elementor-motion-effects-element-type-background), body.elementor-page-153 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-153 .elementor-element.elementor-element-4e4d202:not(.elementor-motion-effects-element-type-background), .elementor-153 .elementor-element.elementor-element-4e4d202 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-153 .elementor-element.elementor-element-4e4d202{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-153 .elementor-element.elementor-element-fe4727b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-153 .elementor-element.elementor-element-f72d04e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-153 .elementor-element.elementor-element-f72d04e a.elementor-button, .elementor-153 .elementor-element.elementor-element-f72d04e .elementor-button{padding:15px 30px 15px 30px;}.elementor-153 .elementor-element.elementor-element-f72d04e .uael-infobox-title{font-size:4em;letter-spacing:-2px;}.elementor-153 .elementor-element.elementor-element-f72d04e .uael-infobox-cta-link-style, .elementor-153 .elementor-element.elementor-element-f72d04e .uael-button-wrapper{margin:40px 0px 0px 0px;}}@media(max-width:767px){.elementor-153 .elementor-element.elementor-element-4e4d202:not(.elementor-motion-effects-element-type-background), .elementor-153 .elementor-element.elementor-element-4e4d202 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-182px -157px;background-repeat:no-repeat;background-size:853px auto;}.elementor-153 .elementor-element.elementor-element-4e4d202{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-153 .elementor-element.elementor-element-e741c70{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-153 .elementor-element.elementor-element-1d557e5 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-153 .elementor-element.elementor-element-f72d04e .uael-infobox, .elementor-153 .elementor-element.elementor-element-f72d04e .uael-separator-parent{text-align:center;}.elementor-153 .elementor-element.elementor-element-f72d04e a.elementor-button, .elementor-153 .elementor-element.elementor-element-f72d04e .elementor-button{padding:15px 30px 15px 30px;}.elementor-153 .elementor-element.elementor-element-f72d04e .uael-infobox-title{font-size:3em;letter-spacing:-1px;}}@media(min-width:768px){.elementor-153 .elementor-element.elementor-element-4e4d202{--content-width:70vw;}.elementor-153 .elementor-element.elementor-element-11f5580{--width:50%;}.elementor-153 .elementor-element.elementor-element-20733b8{--width:70%;}}@media(min-width:1025px){.elementor-153 .elementor-element.elementor-element-4e4d202:not(.elementor-motion-effects-element-type-background), .elementor-153 .elementor-element.elementor-element-4e4d202 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-4e4d202 */:root{
  --brand:#262262;        /* สีน้ำเงินหลัก */
  --brand-2:#244C8A;      /* สีน้ำเงินรอง/เงา */
}

/* HERO Section – พื้นหลังซ้ายสีน้ำเงิน ขวาสีขาว + overlay มิติ */
.contact-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,var(--brand) 0 60%, #fff 60%) !important;
  min-height:72vh;
  display:flex;
  align-items:center;
  isolation:isolate;                /* ป้องกัน clip-path overlay interfere */
}
.contact-hero > .elementor-container{
  position:relative;
  z-index:3;
  padding:80px 0;
}

/* overlay ให้มีแสงเงาเหมือน hero-creative */
.contact-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(40% 40% at 26% 28%, rgba(255,255,255,.16), rgba(255,255,255,0) 70%),
    radial-gradient(50% 50% at 18% 82%, rgba(0,0,0,.14), rgba(0,0,0,0) 72%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(0,0,0,.10));
  mix-blend-mode:overlay;
  opacity:.5;
  -webkit-mask:linear-gradient(90deg,#000 0 60%, transparent 60%);
          mask:linear-gradient(90deg,#000 0 60%, transparent 60%);
  z-index:1;
}

.contact-hero::after{
  content:"";
  position:absolute;
  right:-14vw; top:0;
  width:32vw; height:100%;
  background:#fff;
  transform:skewX(-18deg);
  z-index:2;
  box-shadow:-40px 0 80px rgba(0,0,0,.08) inset;
}
.contact-hero .headline{color:#fff;}
.contact-hero .subtext{color:#eef0ff; opacity:.92;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e741c70 *//* ===============================
   Contact Blade (เขียนใหม่ทั้งหมด)
   =============================== */
:root{
  --brand:#262262;         /* น้ำเงินหลัก */
  --brand-ink:#1d1a55;     /* น้ำเงินเข้ม */
  --surface:#ffffff;       /* สีพื้น */
}

/* Section ตัวนอกสุดของ contact */
.contact-blade{
  position:relative;
  background:var(--surface);
  overflow:hidden;         /* กันเลเยอร์เกินขอบ */
  isolation:isolate;       /* กัน blend-mode ล้นออกไปนอก section */
}

/* คอนเทนต์ข้างในอยู่เหนือเลเยอร์ */
.contact-blade > .elementor-container,
.contact-blade > .e-con-inner{
  position:relative;
  z-index:2;
  padding-block: clamp(56px, 6vw, 96px);
}

/* =========================================
   Desktop / Tablet : ใบมีดเฉียงทางขวา
   ========================================= */
.contact-blade::before{
  content:"";
  position:absolute;
  inset:-6% -8% -6% 46%;          /* ซ้าย 46% → กินด้านขวาประมาณครึ่ง */
  background:linear-gradient(135deg, var(--brand), var(--brand-ink) 70%);
  z-index:1; pointer-events:none;
  border-radius:22px;
  box-shadow:-14px 0 38px rgba(0,0,0,.12) inset;

  /* ทรงใบมีดแบบโค้งเล็กน้อย (ใช้ polygon เพื่อความเข้ากันได้ดี) */
  clip-path: polygon(100% 0, 100% 100%, 42% 100%, 58% 62%, 48% 0);
}

/* ไฮไลต์เงาจาง ๆ ด้านคม มีผลเฉพาะ desktop */
.contact-blade::after{
  content:"";
  position:absolute;
  right:6%; top:0; bottom:0; width:10%;
  transform:skewX(-10deg);
  background:linear-gradient(90deg, rgba(255,255,255,.22), rgba(255,255,255,0));
  z-index:1; pointer-events:none;
}

/* =========================================
   Mobile : ย้ายใบมีดไปอยู่ "ล่าง" + overlay
   ========================================= */
@media (max-width: 767px){

  /* ใบมีดล่าง – โค้งลื่น, ไม่ผ่ากลาง */
  .contact-blade::before{
    left:-6%; right:-6%;
    top:auto; bottom:0;
    height:58vw;               /* ปรับความสูงด้วย vw จะยืดหยุ่นกับจอ */
    max-height:62dvh;          /* กันยาวเกินจอสูงมาก ๆ */
    border-radius:42px 42px 0 0;
    box-shadow:0 -18px 36px rgba(0,0,0,.12) inset;
    /* คลิปทรง wave โค้งสุภาพ */
    clip-path: polygon(
      0 28%, 12% 22%, 26% 18%, 43% 16%, 60% 20%,
      74% 28%, 86% 40%, 96% 56%,
      100% 100%, 0 100%
    );
  }

  /* overlay จาง ๆ (เฉพาะมือถือ) */
  .contact-blade::after{
    content:"";
    position:absolute;
    left:-6%; right:-6%; bottom:0; height:58vw;   /* ให้ครอบใบมีดพอดี */
    border-radius:42px 42px 0 0;
    z-index:2; pointer-events:none;
    /* ไล่เฉดสว่าง→มืดแบบนุ่ม ๆ */
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.12) 0%,
      rgba(0,0,0,.20) 100%
    );
    mix-blend-mode:overlay;
  }

  /* ระยะด้านล่างกันฟอร์มชนใบมีด */
  .contact-blade > .elementor-container,
  .contact-blade > .e-con-inner{
    padding-bottom: clamp(36px, 9vw, 80px);
  }

  /* กันคอนเทนต์ชั้นในของ Elementor ตัดขอบ/มีสกรอลล์ในตัวเอง */
  .contact-blade .e-con,
  .contact-blade .elementor-container,
  .contact-blade .elementor-column,
  .contact-blade .elementor-widget-wrap{
    overflow:visible !important;
  }

  /* กันโดนจำกัดความกว้าง */
  .contact-blade .elementor-container{
    width:100% !important;
    max-width:100% !important;
  }
}

/* =========================================
   ตัวเลือก: “คมแบบเหลี่ยม” (ถ้าชอบสไตล์ sharp)
   ใช้โดยเพิ่มคลาส is-sharp ที่ section
   ========================================= */
.contact-blade.is-sharp::before{
  clip-path: polygon(100% 0, 100% 100%, 48% 100%, 65% 55%, 48% 0);
}
@media (max-width:767px){
  .contact-blade.is-sharp::before{
    clip-path: polygon(
      0 32%, 14% 26%, 32% 22%, 52% 24%, 72% 32%,
      88% 46%, 100% 66%, 100% 100%, 0 100%
    );
  }
}

/* ปรับ contrast ของฟอร์มบนใบมีด (ถ้ามี) */
.contact-blade .elementor-field-group input,
.contact-blade .elementor-field-group textarea{
  background:#f8f8fb;
  border:1px solid rgba(0,0,0,.06);
  border-radius:10px;
}

/* กัน Elementor Overlay มาทับเลเยอร์ของเรา */
.contact-blade .elementor-background-overlay{ display:none !important; }

/* เคารพผู้ใช้ที่เปิดลด motion */
@media (prefers-reduced-motion: reduce){
  .contact-blade::after{ transition:none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9682e1b *//* === Palette (เปลี่ยนค่าสีได้) === */
:root{
  --blue-main: #262262;      /* น้ำเงินหลัก */
  --blue-2:    #244C8A;      /* น้ำเงินรอง (ถ้าต้องใช้) */
  --ink:       #1E1E1E;      /* สีตัวอักษร */
}

/* === HERO SECTION พื้นหลังขาว + แพตช์น้ำเงินเฉียง === */
/* ใส่คลาสนี้ให้ Section: hero-creative */
.hero-creative{
  position: relative;
  z-index: 1;
  background: #fff;
  overflow: hidden; /* กัน before/after เกินขอบ */
  min-height: 76vh; /* สูงพอให้เห็นมุมเฉียง */
  display: flex; align-items: center;
}

/* แพทช์น้ำเงินเฉียง (ด้านขวาบน) */
.hero-creative::before{
  content: "";
  position: absolute;
  inset: 0 0 0 35%;           /* ด้านซ้ายเว้น 35% */
  background: var(--blue-main);
  z-index: -1;
  /* ปรับมุมเฉียงได้ที่ polygon */
  clip-path: polygon(35% 0, 100% 0, 100% 100%, 15% 100%);
  /* เงาจาง ๆ ให้ดูมีมิติ */
  box-shadow: -40px 0 80px rgba(0,0,0,.08) inset;
}

/* แพตช์น้ำเงินเล็กซ้อน (เงา/layer เพิ่มมิติ) */
.hero-creative::after{
  content: "";
  position: absolute;
  right: -8vw; top: -8vh;
  width: 40vw; height: 40vw;
  background: var(--blue-2);
  opacity: .15;
  transform: rotate(35deg);
  border-radius: 32px;
  z-index: -1;
}

/* คอนเทนต์ใน hero ให้ไม่ติดขอบ */
.hero-creative .elementor-container{
  position: relative;
  padding-top: 80px; padding-bottom: 80px;
}

/* ปุ่มสไตล์เรียบหรู */
.hero-btn .elementor-button{
  padding: 14px 24px;
  border-radius: 10px;
  font-weight: 600;
}
.hero-btn .elementor-button--view-primary{
  background: var(--blue-main);
  color: #fff;
  border: none;
}
.hero-btn .elementor-button--view-secondary{
  background: #fff;
  color: var(--blue-main);
  border: 2px solid var(--blue-main);
}

/* === รูปทรงหกเหลี่ยม (Hexagon Mask) === */
/* ใส่คลาสนี้ให้วิดเจ็ต Image: hex-mask */
.hex-mask img{
  display: block;
  -webkit-clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
          clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
  /* เลือกเปิดเงารอบรูปได้ */
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.12));
  border-radius: 0; /* กัน conflict จากธีม */
}

/* วงกลม/หกเหลี่ยมเล็กเป็น badge ตกแต่ง (ถ้าต้องการ) */
/* สร้าง Column หรือ Inner Section แล้วใส่คลาส: deco-hex */
.deco-hex{
  position: relative;
}
.deco-hex::before{
  content: "";
  position: absolute;
  width: 90px; height: 90px;
  left: -20px; top: -20px;
  background: var(--blue-main);
  -webkit-clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
          clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
  opacity: .12;
}

/* === แถบยอด (Topbar) แนว presentation ถ้าต้องการ === */
/* ใส่คลาสใน Section แถบเล็กด้านบน: hero-topbar */
.hero-topbar{
  background: linear-gradient(90deg, var(--blue-main), var(--blue-2));
  color: #fff;
  padding: 10px 0;
}

/* === Responsive === */
@media (max-width: 1024px){
  .hero-creative::before{
    inset: 0 0 0 20%;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 8% 100%);
  }
}
@media (max-width: 767px){
  .hero-creative{
    min-height: 62vh;
  }
  .hero-creative::before{
    inset: 45% 0 0 0;               /* เปลี่ยนเป็นแพตช์ครึ่งล่างบนมือถือ */
    clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 100%);
  }
  .deco-hex::before{
    width: 64px; height: 64px; left: -10px; top: -10px;
  }
}/* End custom CSS */