.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1139 .elementor-element.elementor-element-34aee4c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-1139 .elementor-element.elementor-element-5e397f0{--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;--justify-content:center;--border-radius:30px 0px 0px 30px;box-shadow:10px 10px 3px 0px rgba(0, 0, 0, 0.21);}.elementor-1139 .elementor-element.elementor-element-5e397f0:not(.elementor-motion-effects-element-type-background), .elementor-1139 .elementor-element.elementor-element-5e397f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-14c3635 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1139 .elementor-element.elementor-element-152efe9 img{width:40%;}.elementor-1139 .elementor-element.elementor-element-152efe9{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-1139 .elementor-element.elementor-element-49e4e25{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1139 .elementor-element.elementor-element-77cdaa9{text-align:start;padding:3% 0% 0% 0%;}.elementor-1139 .elementor-element.elementor-element-77cdaa9 .elementor-heading-title{font-family:"LINESeedSansTH", Sans-serif;font-size:40px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1139 .elementor-element.elementor-element-0dd8f31{text-align:start;font-family:"LINESeedSansTH", Sans-serif;font-size:20px;font-weight:500;line-height:1.3em;color:#FFFFFF;width:var( --container-widget-width, 83% );max-width:83%;--container-widget-width:83%;--container-widget-flex-grow:0;}.elementor-1139 .elementor-element.elementor-element-8d32926{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-1139 .elementor-element.elementor-element-cf3d36b img{width:100%;}.elementor-1139 .elementor-element.elementor-element-cf3d36b{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1139 .elementor-element.elementor-element-4894846 img{width:100%;}.elementor-1139 .elementor-element.elementor-element-4894846{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1139 .elementor-element.elementor-element-28ea110{--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;--border-radius:0px 30px 30px 0px;box-shadow:7px 10px 3px 0px rgba(0, 0, 0, 0.21);--padding-top:4%;--padding-bottom:4%;--padding-left:5%;--padding-right:5%;}.elementor-1139 .elementor-element.elementor-element-28ea110:not(.elementor-motion-effects-element-type-background), .elementor-1139 .elementor-element.elementor-element-28ea110 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1139 .elementor-element.elementor-element-e968232 .elementor-heading-title{font-family:"LINESeedSansTH", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-1139 .elementor-element.elementor-element-1a2b4a4{font-family:"LINESeedSansTH", Sans-serif;font-size:20px;font-weight:500;}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_wrapper .gform_title, html body .elementor-widget-eael-gravity-form .eael-gravity-form .eael-gravity-form-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_wrapper .gform_description, html body .elementor-widget-eael-gravity-form .eael-gravity-form .eael-gravity-form-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar_title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage, .elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gfield.gsection .gsection_title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload input[type="file"]::file-selector-button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload input[type="file"]::-webkit-file-upload-button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload .button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload .large{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_footer input[type="submit"], html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body .gform_page_footer input[type="submit"], html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body input[type="submit"].gform-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body .gform_page_footer input[type="button"]{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_confirmation_wrapper .gform_confirmation_message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-eael-gravity-form .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-gravity-form .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1139 .elementor-element.elementor-element-09ed171 .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage{display:flex;justify-content:end;}html body .elementor-1139 .elementor-element.elementor-element-09ed171 .eael-gravity-form .gfield.gsection{border-bottom-style:solid;border-bottom-width:1px;}html body .elementor-1139 .elementor-element.elementor-element-09ed171 .eael-gravity-form .gform_wrapper .gf_scroll_text{width:100%;}html body .elementor-1139 .elementor-element.elementor-element-09ed171 .eael-gravity-form .gform_footer input[type="submit"]{width:100px !important;}html body .elementor-1139 .elementor-element.elementor-element-09ed171 .eael-gravity-form .gform_body .gform_page_footer input[type="submit"]{width:100px !important;}html body .elementor-1139 .elementor-element.elementor-element-09ed171 .eael-gravity-form .gform_body input[type="submit"].gform-button{width:100px !important;}html body .elementor-1139 .elementor-element.elementor-element-09ed171 .eael-gravity-form .gform_body .gform_page_footer input[type="button"]{width:100px;}html body .elementor-1139 .elementor-element.elementor-element-09ed171 .eael-gravity-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), html body .elementor-1139 .elementor-element.elementor-element-09ed171 .gform_wrapper li.gfield_error textarea{border-width:1px;}.elementor-1139 .elementor-element.elementor-element-a9298cd{--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;--justify-content:center;--gap:10px 5px;--row-gap:10px;--column-gap:5px;}.elementor-1139 .elementor-element.elementor-element-10542fa{text-align:center;}.elementor-1139 .elementor-element.elementor-element-10542fa .elementor-heading-title{font-family:"LINESeedSansTH", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-text );}.elementor-1139 .elementor-element.elementor-element-872a1fc{text-align:center;}.elementor-1139 .elementor-element.elementor-element-872a1fc .elementor-heading-title{font-family:"LINESeedSansTH", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-14c3635 );}.elementor-1139 .elementor-element.elementor-element-963018a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-1139 .elementor-element.elementor-element-33b4035{--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;--border-radius:0px 30px 30px 0px;box-shadow:7px 10px 3px 0px rgba(0, 0, 0, 0.21);--padding-top:4%;--padding-bottom:4%;--padding-left:5%;--padding-right:5%;}.elementor-1139 .elementor-element.elementor-element-33b4035:not(.elementor-motion-effects-element-type-background), .elementor-1139 .elementor-element.elementor-element-33b4035 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1139 .elementor-element.elementor-element-93d629d .elementor-heading-title{font-family:"LINESeedSansTH", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-1139 .elementor-element.elementor-element-dc17510{font-family:"LINESeedSansTH", Sans-serif;font-size:20px;font-weight:500;}.elementor-1139 .elementor-element.elementor-element-8e8e3d8 .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage{display:flex;justify-content:end;}html body .elementor-1139 .elementor-element.elementor-element-8e8e3d8 .eael-gravity-form .gfield.gsection{border-bottom-style:solid;border-bottom-width:1px;}html body .elementor-1139 .elementor-element.elementor-element-8e8e3d8 .eael-gravity-form .gform_wrapper .gf_scroll_text{width:100%;}html body .elementor-1139 .elementor-element.elementor-element-8e8e3d8 .eael-gravity-form .gform_footer input[type="submit"]{width:100px !important;}html body .elementor-1139 .elementor-element.elementor-element-8e8e3d8 .eael-gravity-form .gform_body .gform_page_footer input[type="submit"]{width:100px !important;}html body .elementor-1139 .elementor-element.elementor-element-8e8e3d8 .eael-gravity-form .gform_body input[type="submit"].gform-button{width:100px !important;}html body .elementor-1139 .elementor-element.elementor-element-8e8e3d8 .eael-gravity-form .gform_body .gform_page_footer input[type="button"]{width:100px;}html body .elementor-1139 .elementor-element.elementor-element-8e8e3d8 .eael-gravity-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), html body .elementor-1139 .elementor-element.elementor-element-8e8e3d8 .gform_wrapper li.gfield_error textarea{border-width:1px;}.elementor-1139 .elementor-element.elementor-element-6122c26{text-align:center;}.elementor-1139 .elementor-element.elementor-element-6122c26 .elementor-heading-title{font-family:"LINESeedSansTH", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-text );}.elementor-1139 .elementor-element.elementor-element-f3fa9a5{--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;--justify-content:center;--border-radius:30px 0px 0px 30px;box-shadow:10px 10px 3px 0px rgba(0, 0, 0, 0.21);}.elementor-1139 .elementor-element.elementor-element-f3fa9a5:not(.elementor-motion-effects-element-type-background), .elementor-1139 .elementor-element.elementor-element-f3fa9a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-14c3635 );}.elementor-1139 .elementor-element.elementor-element-16457c6 img{width:40%;}.elementor-1139 .elementor-element.elementor-element-16457c6{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-1139 .elementor-element.elementor-element-3bb9933{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1139 .elementor-element.elementor-element-6e1fdc6{text-align:start;padding:3% 0% 0% 0%;}.elementor-1139 .elementor-element.elementor-element-6e1fdc6 .elementor-heading-title{font-family:"LINESeedSansTH", Sans-serif;font-size:40px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-1139 .elementor-element.elementor-element-60fd056{text-align:start;font-family:"LINESeedSansTH", Sans-serif;font-size:20px;font-weight:500;line-height:1.3em;color:#FFFFFF;width:var( --container-widget-width, 83% );max-width:83%;--container-widget-width:83%;--container-widget-flex-grow:0;}.elementor-1139 .elementor-element.elementor-element-08ead15{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-1139 .elementor-element.elementor-element-5d117b5 img{width:100%;}.elementor-1139 .elementor-element.elementor-element-5d117b5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1139 .elementor-element.elementor-element-3b05fe0 img{width:100%;}.elementor-1139 .elementor-element.elementor-element-3b05fe0{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-1139 .elementor-element.elementor-element-34aee4c{--width:70%;}.elementor-1139 .elementor-element.elementor-element-5e397f0{--width:35%;}.elementor-1139 .elementor-element.elementor-element-28ea110{--width:65%;}.elementor-1139 .elementor-element.elementor-element-963018a{--width:70%;}.elementor-1139 .elementor-element.elementor-element-33b4035{--width:65%;}.elementor-1139 .elementor-element.elementor-element-f3fa9a5{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1139 .elementor-element.elementor-element-34aee4c{--width:90%;}.elementor-1139 .elementor-element.elementor-element-5e397f0{--width:40%;}.elementor-1139 .elementor-element.elementor-element-963018a{--width:90%;}.elementor-1139 .elementor-element.elementor-element-f3fa9a5{--width:40%;}}@media(max-width:1024px){.elementor-1139 .elementor-element.elementor-element-152efe9 img{width:70%;}.elementor-1139 .elementor-element.elementor-element-77cdaa9 .elementor-heading-title{font-size:30px;}.elementor-1139 .elementor-element.elementor-element-0dd8f31{font-size:18px;}.elementor-1139 .elementor-element.elementor-element-16457c6 img{width:70%;}.elementor-1139 .elementor-element.elementor-element-6e1fdc6 .elementor-heading-title{font-size:30px;}.elementor-1139 .elementor-element.elementor-element-60fd056{font-size:18px;}}@media(max-width:767px){.elementor-1139 .elementor-element.elementor-element-33b4035{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-1139 .elementor-element.elementor-element-93d629d{text-align:center;}.elementor-1139 .elementor-element.elementor-element-dc17510{text-align:center;font-size:18px;}.elementor-1139 .elementor-element.elementor-element-8e8e3d8{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-1139 .elementor-element.elementor-element-f3fa9a5{--border-radius:0px 0px 0px 0px;}}/* Start custom CSS for eael-gravity-form, class: .elementor-element-09ed171 *//* ===== Reset GF defaults ===== */ #gform_wrapper_1 { font-family: inherit; } #gform_wrapper_1 .gform_heading { display: none; } #gform_wrapper_1 .gfield_required { display: none; } #gform_wrapper_1 .gform-field-label--type-sub { display: none; } #gform_wrapper_1 .gf_clear { display: none; } /* ===== Fields layout ===== */ #gform_fields_1 { display: flex; flex-direction: column; gap: 18px; } #gform_wrapper_1 .gfield { margin: 0 !important; padding: 0 !important; } /* ===== Labels ===== */ #gform_wrapper_1 .gfield_label, #gform_wrapper_1 legend.gfield_label { display: block; font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; } /* ===== All Inputs base style ===== */ #gform_wrapper_1 input[type="text"], #gform_wrapper_1 input[type="email"], #gform_wrapper_1 input[type="tel"], #gform_wrapper_1 input[type="password"] { width: 100% !important; height: 58px !important; border: 1.5px solid #e0e0e0 !important; border-radius: 16px !important; padding: 0 48px 0 52px !important; font-size: 15px !important; color: #333 !important; background-color: #fff !important; box-shadow: none !important; outline: none !important; transition: border-color 0.2s ease; box-sizing: border-box !important; } #gform_wrapper_1 input[type="text"]:focus, #gform_wrapper_1 input[type="email"]:focus, #gform_wrapper_1 input[type="tel"]:focus, #gform_wrapper_1 input[type="password"]:focus { border-color: #4dc9b0 !important; box-shadow: 0 0 0 3px rgba(77,201,176,0.12) !important; } /* ===== Name field (suffix = input เดียว) ===== */ #gform_wrapper_1 .ginput_container--name { display: block; } #gform_wrapper_1 .name_suffix { display: block; width: 100%; position: relative; } /* Icon: User */ #gform_wrapper_1 .name_suffix::before { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23aaa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; pointer-events: none; z-index: 1; } /* ===== Email field ===== */ #gform_wrapper_1 .ginput_container_email { position: relative; } #gform_wrapper_1 .ginput_container_email::before { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23aaa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 8l9 6 9-6M3 8a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V8z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; pointer-events: none; z-index: 1; } /* ===== Phone field ===== */ #gform_wrapper_1 .ginput_container_phone { position: relative; } #gform_wrapper_1 .ginput_container_phone::before { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23aaa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.95.68l1.26 3.77a1 1 0 01-.23 1.03L8.5 9.84a11 11 0 005.66 5.66l1.36-1.76a1 1 0 011.03-.23l3.77 1.26a1 1 0 01.68.95V19a2 2 0 01-2 2C9.16 21 3 14.84 3 7V5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; pointer-events: none; z-index: 1; } /* ===== Password: stack แนวตั้ง ===== */ #gform_wrapper_1 .ginput_container_password { display: flex !important; flex-direction: column !important; gap: 18px !important; } #gform_wrapper_1 .ginput_container_password .gform-grid-col { width: 100% !important; flex: unset !important; } /* Password icon + eye toggle wrapper */ #gform_wrapper_1 .password_input_container { position: relative; display: block; } /* Icon: Lock */ #gform_wrapper_1 .password_input_container::before { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23aaa'%3E%3Crect x='5' y='11' width='14' height='10' rx='2' stroke-width='1.8'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M8 11V7a4 4 0 018 0v4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; pointer-events: none; z-index: 1; } /* Eye toggle button */ .gf-eye-toggle { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 0; color: #aaa; display: flex; align-items: center; z-index: 2; } .gf-eye-toggle svg { width: 20px; height: 20px; stroke: #aaa; } /* ===== Hint text ใต้รหัสผ่าน ===== */ #input_1_4_1_container::after { content: "รหัสผ่านต้องมีความยาวอย่างน้อย 8 ตัวอักษร"; display: block; font-size: 13px; color: #888; margin-top: 6px; padding-left: 2px; } /* ===== ยืนยันรหัสผ่าน label (แสดงแทน sub-label) ===== */ #input_1_4_2_container > label { display: block !important; font-size: 15px !important; font-weight: 700 !important; color: #1a1a2e !important; margin-bottom: 8px !important; } /* Override ซ่อน sub-label เฉพาะ password confirm */ #input_1_4_2_container > label.gform-field-label--type-sub { display: block !important; font-size: 15px !important; font-weight: 700 !important; color: #1a1a2e !important; } /* ===== Submit button ===== */ #gform_wrapper_1 .gform_footer { margin-top: 8px; } #gform_submit_button_1 { width: 100% !important; height: 58px !important; background: linear-gradient(135deg, #4dc9b0, #38b29d) !important; color: #fff !important; font-size: 17px !important; font-weight: 600 !important; border: none !important; border-radius: 16px !important; cursor: pointer !important; letter-spacing: 0.5px; transition: opacity 0.2s ease, transform 0.1s ease !important; } #gform_submit_button_1:hover { opacity: 0.92 !important; transform: translateY(-1px) !important; }/* End custom CSS */ /* Start custom CSS for eael-gravity-form, class: .elementor-element-8e8e3d8 *//* ===== Reset GF defaults ===== */ #gform_wrapper_1 { font-family: inherit; } #gform_wrapper_1 .gform_heading { display: none; } #gform_wrapper_1 .gfield_required { display: none; } #gform_wrapper_1 .gform-field-label--type-sub { display: none; } #gform_wrapper_1 .gf_clear { display: none; } /* ===== Fields layout ===== */ #gform_fields_1 { display: flex; flex-direction: column; gap: 18px; } #gform_wrapper_1 .gfield { margin: 0 !important; padding: 0 !important; } /* ===== Labels ===== */ #gform_wrapper_1 .gfield_label, #gform_wrapper_1 legend.gfield_label { display: block; font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; } /* ===== All Inputs base style ===== */ #gform_wrapper_1 input[type="text"], #gform_wrapper_1 input[type="email"], #gform_wrapper_1 input[type="tel"], #gform_wrapper_1 input[type="password"] { width: 100% !important; height: 58px !important; border: 1.5px solid #e0e0e0 !important; border-radius: 16px !important; padding: 0 48px 0 52px !important; font-size: 15px !important; color: #333 !important; background-color: #fff !important; box-shadow: none !important; outline: none !important; transition: border-color 0.2s ease; box-sizing: border-box !important; } #gform_wrapper_1 input[type="text"]:focus, #gform_wrapper_1 input[type="email"]:focus, #gform_wrapper_1 input[type="tel"]:focus, #gform_wrapper_1 input[type="password"]:focus { border-color: #4dc9b0 !important; box-shadow: 0 0 0 3px rgba(77,201,176,0.12) !important; } /* ===== Name field (suffix = input เดียว) ===== */ #gform_wrapper_1 .ginput_container--name { display: block; } #gform_wrapper_1 .name_suffix { display: block; width: 100%; position: relative; } /* Icon: User */ #gform_wrapper_1 .name_suffix::before { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23aaa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; pointer-events: none; z-index: 1; } /* ===== Email field ===== */ #gform_wrapper_1 .ginput_container_email { position: relative; } #gform_wrapper_1 .ginput_container_email::before { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23aaa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 8l9 6 9-6M3 8a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V8z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; pointer-events: none; z-index: 1; } /* ===== Phone field ===== */ #gform_wrapper_1 .ginput_container_phone { position: relative; } #gform_wrapper_1 .ginput_container_phone::before { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23aaa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.95.68l1.26 3.77a1 1 0 01-.23 1.03L8.5 9.84a11 11 0 005.66 5.66l1.36-1.76a1 1 0 011.03-.23l3.77 1.26a1 1 0 01.68.95V19a2 2 0 01-2 2C9.16 21 3 14.84 3 7V5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; pointer-events: none; z-index: 1; } /* ===== Password: stack แนวตั้ง ===== */ #gform_wrapper_1 .ginput_container_password { display: flex !important; flex-direction: column !important; gap: 18px !important; } #gform_wrapper_1 .ginput_container_password .gform-grid-col { width: 100% !important; flex: unset !important; } /* Password icon + eye toggle wrapper */ #gform_wrapper_1 .password_input_container { position: relative; display: block; } /* Icon: Lock */ #gform_wrapper_1 .password_input_container::before { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23aaa'%3E%3Crect x='5' y='11' width='14' height='10' rx='2' stroke-width='1.8'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M8 11V7a4 4 0 018 0v4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; pointer-events: none; z-index: 1; } /* Eye toggle button */ .gf-eye-toggle { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 0; color: #aaa; display: flex; align-items: center; z-index: 2; } .gf-eye-toggle svg { width: 20px; height: 20px; stroke: #aaa; } /* ===== Hint text ใต้รหัสผ่าน ===== */ #input_1_4_1_container::after { content: "รหัสผ่านต้องมีความยาวอย่างน้อย 8 ตัวอักษร"; display: block; font-size: 13px; color: #888; margin-top: 6px; padding-left: 2px; } /* ===== ยืนยันรหัสผ่าน label (แสดงแทน sub-label) ===== */ #input_1_4_2_container > label { display: block !important; font-size: 15px !important; font-weight: 700 !important; color: #1a1a2e !important; margin-bottom: 8px !important; } /* Override ซ่อน sub-label เฉพาะ password confirm */ #input_1_4_2_container > label.gform-field-label--type-sub { display: block !important; font-size: 15px !important; font-weight: 700 !important; color: #1a1a2e !important; } /* ===== Submit button ===== */ #gform_wrapper_1 .gform_footer { margin-top: 8px; } #gform_submit_button_1 { width: 100% !important; height: 58px !important; background: linear-gradient(135deg, #4dc9b0, #38b29d) !important; color: #fff !important; font-size: 17px !important; font-weight: 600 !important; border: none !important; border-radius: 16px !important; cursor: pointer !important; letter-spacing: 0.5px; transition: opacity 0.2s ease, transform 0.1s ease !important; } #gform_submit_button_1:hover { opacity: 0.92 !important; transform: translateY(-1px) !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'LINESeedSansTH'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://happiipetcare.com/wp-content/uploads/2026/03/LINESeedSansTH_W_Th.woff') format('woff'); } @font-face { font-family: 'LINESeedSansTH'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://happiipetcare.com/wp-content/uploads/2026/03/LINESeedSansTH_W_Rg.woff') format('woff'); } @font-face { font-family: 'LINESeedSansTH'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://happiipetcare.com/wp-content/uploads/2026/03/LINESeedSansTH_W_Bd.woff') format('woff'); } @font-face { font-family: 'LINESeedSansTH'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://happiipetcare.com/wp-content/uploads/2026/03/LINESeedSansTH_W_XBd.woff') format('woff'); } @font-face { font-family: 'LINESeedSansTH'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://happiipetcare.com/wp-content/uploads/2026/03/LINESeedSansTH_W_He.woff') format('woff'); } /* End Custom Fonts CSS */