.input-field{display:flex;flex-direction:column;margin-bottom:10px}.input-field:last-child{margin-bottom:0}.input-field label{font-weight:600;margin-bottom:.5rem;color:#84898C}.input-field input::placeholder{font-family:Sarabun,sans-serif;color:#84898C;font-size:var(--font-h4);line-height:var(--font-h4-lh)}.input-field input,.input-field textarea{font-family:Sarabun,sans-serif;height:50px;padding:.75rem;border:none;border-radius:5px;font-size:var(--font-h4);line-height:var(--font-h4-lh);transition:border-color .3s ease;resize:none}.input-field input:focus,.input-field textarea:focus{outline:none;font-size:var(--font-h4);line-height:var(--font-h4-lh);zoom:normal}.input-field input:focus-visible,.input-field textarea:focus-visible{outline:none}.input-field .input-with-icon{display:flex;align-items:center;position:relative;border-radius:10px;padding:10px 10px 10px 20px;background-color:#fff;height:50px;border:none}.input-field .input-with-icon input{border:none;outline:none;flex:1 1;font-family:Sarabun,sans-serif;padding:.75rem;border-radius:10px;font-size:var(--font-h4);line-height:var(--font-h4-lh);transition:border-color .3s ease}.input-field .input-with-icon .input-icon{display:flex;align-items:center;justify-content:center;color:#84898C}.input-field .input-with-icon:focus-within .input-icon{color:#000000}.input-field .input-with-icon.has-value .input-icon{color:#000000}.input-field .textarea-container{position:relative}.input-field .textarea-container textarea{width:100%;padding:12px 12px 20px;box-sizing:border-box}.input-field .char-count{position:absolute;bottom:8px;right:12px;font-size:14px;color:#C3C6C8}.input-field .error-message{color:#E30004;font-size:var(--font-h4);line-height:var(--font-h4-lh);margin-top:.5rem;text-align:right}.input-field.error .input-with-icon .input-icon{color:#E30004!important}.input-field.error .input-with-icon input{color:#E30004}.input-field.error .input-with-icon input::placeholder{color:#E30004!important}@media screen and (max-width:980px){.input-field .input-with-icon{padding-left:10px}.input-field .input-icon{width:30px;height:30px}}.custom-select{position:relative;width:100%;cursor:pointer}.custom-select .select-header{padding:10px 10px 10px 20px;border:1px solid #ccc;border-radius:10px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;font-size:var(--font-h4);line-height:var(--font-h4-lh)}.custom-select .select-header .placeholder{color:#84898C}.custom-select .select-header .selected{color:#000000}.custom-select .select-header .placeholder.open,.custom-select .select-header .selected.open{color:#E4BF45}.custom-select .select-header .arrow{margin-right:10px;color:#84898C;transition:transform .3s ease;transform:rotate(90deg)}.custom-select .select-header .arrow.open{color:#E4BF45;transform:rotate(-90deg)}.custom-select .select-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);z-index:10;max-height:200px;overflow-y:auto;transform:translateY(10px);font-size:var(--font-h4);line-height:var(--font-h4-lh)}.custom-select .select-menu .select-option{padding:13px 20px 14px;color:#84898C}.custom-select .select-menu .select-option:hover{background-color:transparent;color:#AD5D5D;font-weight:600}