body,html{background-color:transparent;margin:0;padding:0;overflow:hidden}.hero-contact-form-box,body,main{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-contact-form-box{min-width:-moz-fit-content;min-width:fit-content;height:100%;max-height:-moz-fit-content;max-height:fit-content;max-width:550px;background-color:transparent;overflow:hidden!important}.hero-contact-form-box form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem}.hero-contact-form-box form .form-wrapper{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.5rem;padding:0;margin:0}.hero-contact-form-box form label{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-weight:500;color:var(--text-graphite-2);gap:.2rem}.hero-contact-form-box form input{width:100%;display:flex;flex-direction:column;background-color:transparent;border:none;border-bottom:1px solid var(--text-graphite-2);padding:.7rem 0 .7rem .2rem}.hero-contact-form-box form>input{max-width:100%}.hero-contact-form-box form input::placeholder{color:var(--text-graphite-2)}.hero-contact-form-box form input:focus,.hero-contact-form-box form textarea:focus{color:var(--text-graphite-2)}.hero-contact-form-box form textarea{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1rem .2rem;background-color:transparent;border:none;border-bottom:1px solid var(--text-graphite-2)}.hero-contact-form-box form textarea::placeholder{color:var(--text-graphite-2);font-family:Roboto,sans-serif}.hero-contact-form-box form button{width:100%;max-width:-moz-fit-content;max-width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:.7rem 1.5rem;cursor:pointer;border-radius:var(--border-radius-1);transition:.2s ease;background-color:var(--accent-color-1);color:var(--text-white-1);font-weight:700}.hero-contact-form-box form button:hover{transform:translateY(-10%)}@media screen and (max-width:300px){.hero-contact-form-box form .form-wrapper{flex-direction:column}.hero-contact-form-box form .form-wrapper input{max-width:100%}}