.contact-section{background-image:url("/gradient -bg.svg");background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.contact-section .max-w-7xl{z-index:1;position:relative}.contact-section .floating-group{width:100%;margin-bottom:.5rem;position:relative}.contact-section .floating-group .floating-input{color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:1.25rem;outline:none;width:100%;padding:1.15rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-section .floating-group .floating-input::placeholder{color:#9ca3af;opacity:.6;font-weight:500;transition:color .2s}.contact-section .floating-group .floating-input.with-floating:placeholder-shown:not(:focus)::placeholder{color:#0000}.contact-section .floating-group .floating-input:focus::placeholder{color:#9ca3af;opacity:.6}.contact-section .floating-group .floating-input:focus{border-color:#e20166;box-shadow:0 0 0 4px #e201660d}.contact-section .floating-group .floating-label{color:#9ca3af;pointer-events:none;text-transform:uppercase;letter-spacing:.05em;background:#fff;padding:0 .5rem;font-size:.8rem;font-weight:700;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.contact-section .floating-group .floating-input:focus~.floating-label,.contact-section .floating-group .floating-input:not(:placeholder-shown)~.floating-label{color:#e20166;font-size:.65rem;font-weight:900;top:0;transform:translateY(-50%)scale(.9)}.contact-section textarea.floating-input{resize:none;padding-top:1.5rem}