.contact-form{background-color:var(--color-white);position:relative;width:100%;border-radius:1rem;box-shadow:var(--shadow-medium)}@media screen and (min-width:48rem){.contact-form{width:25rem;position:relative;top:1rem}}.contact-form-full{width:100%;position:relative;top:1rem;box-shadow:none}@media screen and (min-width:48rem){.contact-form-full{width:100%}}.contact-form-full form{padding:0!important}.contact-form-full .input-container{margin:2rem 0!important}.contact-form form{padding:2rem;z-index:10;overflow:hidden;position:relative}.contact-form .title{color:var(--color-dark-100);font-weight:500;font-size:1.25rem;line-height:1;margin-bottom:1rem}.contact-form .input-container{position:relative;margin:1rem 0}.contact-form .input-container input::placeholder,.contact-form .input-container textarea::placeholder{color:var(--color-gray-500);font-weight:400;font-family:var(--font-poppins)}.contact-form .input-container.error .input{border-color:var(--error-color);background-color:rgba(209,12,12,.02);margin-bottom:1rem}.contact-form .input{font-family:Geist,sans-serif;width:100%;outline:none;border:none;border-bottom:1px solid var(--color-gray-300);background:none;padding:.75rem 0 .25rem;color:var(--color-dark-500);font-weight:400;font-size:.85rem;transition:.3s;margin-bottom:0}.contact-form .input:focus{border-color:var(--color-primary)}.contact-form textarea.input{font-family:Geist,sans-serif;font-weight:400;padding:.75rem 0 .25rem;min-height:60px;border-radius:0;resize:none;overflow-y:auto}.contact-form .input-container label{display:none}.contact-form .input-container.textarea label{top:1rem;transform:translateY(0);display:none}.contact-form .btn{width:100%;gap:.5rem}.contact-form .error-message{color:var(--error-color);font-size:.75rem;position:absolute;bottom:-.25rem;left:0}.contact-form .loader{width:1rem;height:1rem;border-width:2px;border-color:var(--color-gray-400);border-bottom-color:rgba(0,0,0,0)}