.contact-form{margin-top:48px;margin-bottom:48px;background-color:#fff;border-radius:6px;max-width:620px;margin-inline:auto;padding:35px;box-shadow:0 2px 60px #0000001a}@media screen and (max-width:768px){.contact-form{max-width:initial;margin-bottom:0;padding:35px 30px 45px}}.contact-form .field-row{align-items:flex-start;gap:12px;width:100%;padding-top:12px;padding-bottom:12px;display:flex}@media screen and (max-width:768px){.contact-form .field-row{flex-direction:column;justify-content:flex-start;gap:24px}}.contact-form .field-col{border:1px solid #d1d1d6;border-radius:4px;flex:1;height:48px;position:relative}@media screen and (max-width:768px){.contact-form .field-col{flex:48px;width:100%}}.contact-form .field-col:has(textarea){height:auto;min-height:110px}.contact-form .field-col:has(.required) label:after{content:"*";color:red}.contact-form .field-col:focus-within label{top:-12px;transform:translateY(0)scale(.9)}.contact-form .field-col:not(:has(:placeholder-shown)) label{top:-12px;transform:translateY(0)scale(.9)}.contact-form .field-col label{color:#aeaeb2;pointer-events:none;z-index:10;transform-origin:0;transition:all .2s var(--material-cubic-bezier);background-color:#fff;padding:0 2px;font-size:15px;line-height:1.33;position:absolute;top:50%;left:16px;transform:translateY(-50%)}@media screen and (max-width:768px){.contact-form .field-col label{font-size:13px}}.contact-form .field-col textarea,.contact-form .field-col input{background-color:#0000;border:0;outline:none;margin:0;padding:0 0 0 16px;font-family:inherit;font-size:16px;position:absolute;inset:0}.contact-form .field-col textarea{padding-top:16px}.contact-form .field-info{color:#aeaeb2;text-align:left;font-size:12px}.contact-form .field-info>span{color:red}
