.contact-page-container[data-v-f1d354af]{box-sizing:border-box;padding:0 24px;display:flex;flex-direction:column;gap:0px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;background:url(/images/auth/login-background.jpg) center;background-size:cover;background-repeat:no-repeat}.contact-page-container[data-v-f1d354af] *{box-sizing:border-box}.contact-page-container .contact-content-wrapper[data-v-f1d354af]{border-radius:24px;padding:48px 24px;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:flex-start;width:100%;flex-shrink:0;max-width:1200px;position:relative;background-color:#fff0!important}.contact-page-container .contact-content-wrapper .contact-header-section[data-v-f1d354af]{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contact-page-container .contact-content-wrapper .contact-header-section .page-title-section[data-v-f1d354af]{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contact-page-container .contact-content-wrapper .contact-header-section .page-title-section .page-title[data-v-f1d354af]{color:var(--Color-text-copy-primary-white, #f4f4f4);text-align:center;font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Heading-H1-font-size, 40px);font-style:normal;font-weight:var(--value, 700);line-height:var(--Heading-H1-line-height, 52px);letter-spacing:var(--Heading-H1-letter-spacing, 0);position:relative;align-self:stretch}.contact-page-container .contact-content-wrapper .contact-header-section .page-title-section .page-description[data-v-f1d354af]{color:var(--Color-text-copy-primary-white, #f4f4f4);text-align:center;font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Body-Md-font-size, 14px);font-style:normal;font-weight:var(--value, 400);line-height:var(--Body-Md-line-height, 22px);letter-spacing:var(--Body-Md-letter-spacing, .028px);position:relative;align-self:stretch}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links[data-v-f1d354af]{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link[data-v-f1d354af]{text-decoration:none;padding:0;display:flex;flex-direction:column;gap:0px;align-items:flex-start;justify-content:center;flex-shrink:0;position:relative;cursor:pointer}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link[data-v-f1d354af]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#d7d7d7;transform-origin:right;transform:scaleX(0);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link[data-v-f1d354af]:hover{text-decoration:none}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link:hover .label-text[data-v-f1d354af]{color:#fff}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link[data-v-f1d354af]:hover:after{transform-origin:left;transform:scaleX(1);opacity:1;background:#f4f4f4}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link .social-link-content[data-v-f1d354af]{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link .social-link-content .social-icon-wrapper[data-v-f1d354af]{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;flex-shrink:0;width:20px;position:relative}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link .social-link-content .social-icon-wrapper .facebook-icon[data-v-f1d354af],.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link .social-link-content .social-icon-wrapper .line-icon[data-v-f1d354af]{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link .social-link-content .social-icon-wrapper .facebook-icon[data-v-f1d354af],.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link .social-link-content .social-icon-wrapper .line-icon[data-v-f1d354af]{color:#f4f4f4}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link .social-link-content .social-label[data-v-f1d354af]{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;min-height:24px;position:relative}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link .social-link-content .social-label .label-spacer[data-v-f1d354af]{background:#f4f4f4;opacity:0;align-self:stretch;flex-shrink:0;width:4px;position:relative}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links .social-link .social-link-content .social-label .label-text[data-v-f1d354af]{color:var(--Color-text-link-normal-default, #d7d7d7);text-align:left;font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Label-L-font-size, 16px);font-style:normal;font-weight:var(--value, 500);line-height:var(--Label-XL-line-height, 28px);letter-spacing:var(--Label-XL-letter-spacing, .08px);position:relative;display:flex;align-items:center;justify-content:flex-start;transition:color .3s ease}.contact-page-container .contact-content-wrapper .contact-form-container[data-v-f1d354af]{background:#f4f4f4;border-radius:12px;padding:32px;display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:center;width:100%;flex-shrink:0;max-width:480px;position:relative}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper[data-v-f1d354af]{display:flex;flex-direction:column;gap:30px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form[data-v-f1d354af]{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .form-group[data-v-f1d354af]{background:#f4f4f4;display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;margin:0}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .message-group[data-v-f1d354af]{min-height:146px;height:auto}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .field-error[data-v-f1d354af]{color:#d72960;text-align:left;font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Label-Sm-font-size, 12px);font-weight:var(--value, 400);line-height:var(--Label-Sm-line-height, 18px);letter-spacing:var(--Label-Sm-letter-spacing, .06px);align-self:stretch}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .field-label-wrapper[data-v-f1d354af]{display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .field-label-wrapper .field-label[data-v-f1d354af]{color:var(--Color-text-copy-primary-black, #242424);text-align:left;font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Label-Md-font-size, 14px);font-style:normal;font-weight:var(--value, 400);line-height:var(--Label-Md-line-height, 24px);letter-spacing:var(--Label-Md-letter-spacing, .06px);position:relative;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .input-wrapper[data-v-f1d354af]{background:#f4f4f4;border-radius:8px;border:1.5px solid #d7d7d7;padding:8px 16px;display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;transition:border-color .15s ease,background-color .15s ease}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .input-wrapper[data-v-f1d354af]:hover{border-color:#b4b4b4}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .input-wrapper[data-v-f1d354af]:focus-within{border-color:#03989e}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .input-wrapper.input-wrapper--error[data-v-f1d354af]{border-color:#ef4473}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .input-wrapper input[data-v-f1d354af]{border:none;outline:none;background:transparent;width:100%;color:#242424;font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Body-L-font-size, 16px);font-style:normal;font-weight:var(--value, 400);line-height:var(--Body-L-line-height, 26px);letter-spacing:var(--Body-L-letter-spacing, .032px);text-overflow:ellipsis;overflow:hidden}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .input-wrapper input[data-v-f1d354af]::placeholder{color:#828282}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .input-wrapper input[data-v-f1d354af]:focus{outline:none}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .input-wrapper .input-status[data-v-f1d354af]{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;pointer-events:none}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .input-wrapper .input-status--success[data-v-f1d354af]{animation:input-status-fade-in-f1d354af .18s ease-out;color:#18a957}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .input-wrapper .input-status--error[data-v-f1d354af]{animation:input-status-fade-in-f1d354af .18s ease-out;color:#d72960}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .textarea-wrapper[data-v-f1d354af]{background:#f4f4f4;border-radius:8px;border:1.5px solid #d7d7d7;padding:8px 8px 12px 16px;display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;min-height:100px;transition:border-color .15s ease,background-color .15s ease}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .textarea-wrapper[data-v-f1d354af]:hover{border-color:#b4b4b4}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .textarea-wrapper[data-v-f1d354af]:focus-within{border-color:#03989e}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .textarea-wrapper.textarea-wrapper--error[data-v-f1d354af]{border-color:#ef4473}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .textarea-wrapper textarea[data-v-f1d354af]{border:none;outline:none;background:transparent;width:100%;min-height:100px;max-height:156px;resize:vertical;color:#242424;font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Body-L-font-size, 16px);font-style:normal;font-weight:var(--value, 400);line-height:var(--Body-L-line-height, 26px);letter-spacing:var(--Body-L-letter-spacing, .032px);text-overflow:ellipsis;overflow-y:auto}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .textarea-wrapper textarea[data-v-f1d354af]::-webkit-resizer{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M0.960938 15.0001L15.0013 0.959473" stroke="%23B4B4B4" stroke-width="1.5" stroke-linecap="round"/><path d="M8.96094 15.0001L15.0015 8.95947" stroke="%23B4B4B4" stroke-width="1.5" stroke-linecap="round"/></svg>') no-repeat center;background-size:14.041px 14.041px;width:14.041px;height:14.041px;position:absolute;right:0;bottom:0}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .textarea-wrapper textarea[data-v-f1d354af]::placeholder{color:#828282}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .textarea-wrapper textarea[data-v-f1d354af]:focus{outline:none}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .textarea-wrapper .input-status[data-v-f1d354af]{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;pointer-events:none}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .textarea-wrapper .input-status--success[data-v-f1d354af]{animation:input-status-fade-in-f1d354af .18s ease-out;color:#18a957}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form .textarea-wrapper .input-status--error[data-v-f1d354af]{animation:input-status-fade-in-f1d354af .18s ease-out;color:#d72960}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .submit-button[data-v-f1d354af]{background:#12a0a1;border-radius:8px;padding:8px;display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;border:none;cursor:pointer;transition:all .3s ease}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .submit-button[data-v-f1d354af]:hover{background:#0e8c8d}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .submit-button[data-v-f1d354af]:disabled{cursor:not-allowed;opacity:.7}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .submit-button[data-v-f1d354af]:disabled:hover{background:#12a0a1}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .submit-button .button-content[data-v-f1d354af]{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;flex-shrink:0;height:24px;position:relative}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .submit-button .button-content .button-text-wrapper[data-v-f1d354af]{padding:0 4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .submit-button .button-content .button-text-wrapper .button-text[data-v-f1d354af]{color:#f4f4f4;text-align:left;font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Label-XL-font-size, 18px);font-style:normal;font-weight:var(--value, 500);line-height:var(--Label-XL-line-height, 28px);letter-spacing:var(--Label-XL-letter-spacing, .08px);position:relative;display:flex;align-items:center;justify-content:flex-start}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form-error[data-v-f1d354af]{display:flex;align-items:flex-start;gap:6px;padding:7px 12px 3px;border:1.5px solid #ef4473;border-radius:8px;margin-top:2px;background-color:#f4f4f4;width:100%}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form-error__icon[data-v-f1d354af]{width:20px;height:20px;color:#d72960;flex-shrink:0;margin-top:-1px}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form-error__text[data-v-f1d354af]{font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;line-height:22px;font-weight:500;letter-spacing:.028px;color:#d72960;flex:1}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form-success[data-v-f1d354af]{display:flex;align-items:flex-start;gap:6px;padding:7px 12px 3px;border:1.5px solid #2e9a63;border-radius:8px;margin-top:2px;background-color:#f4f4f4;width:100%}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form-success__icon[data-v-f1d354af]{width:20px;height:20px;color:#2e9a63;flex-shrink:0;margin-top:-1px}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form-success__text[data-v-f1d354af]{font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;line-height:22px;font-weight:500;letter-spacing:.028px;color:#2e9a63;flex:1}@keyframes input-status-fade-in-f1d354af{0%{opacity:0;transform:translateY(-50%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media(max-width:768px){.contact-page-container[data-v-f1d354af]{padding:0 12px}.contact-page-container .contact-content-wrapper[data-v-f1d354af]{padding:24px 16px;gap:16px}.contact-page-container .contact-content-wrapper .contact-header-section[data-v-f1d354af]{gap:16px}.contact-page-container .contact-content-wrapper .contact-header-section .page-title-section .page-title[data-v-f1d354af]{font-size:32px;line-height:40px}.contact-page-container .contact-content-wrapper .contact-header-section .page-title-section .page-description[data-v-f1d354af]{font-size:12px;line-height:18px}.contact-page-container .contact-content-wrapper .contact-header-section .social-media-links[data-v-f1d354af]{gap:16px}.contact-page-container .contact-content-wrapper .contact-form-container[data-v-f1d354af]{padding:24px;max-width:100%}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper[data-v-f1d354af]{gap:40px}.contact-page-container .contact-content-wrapper .contact-form-container .form-wrapper .contact-form[data-v-f1d354af]{gap:12px}}