.contact-us-banner{background:var(--secondary-clr);grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;display:grid}.contact-us-banner__heading{font-size:clamp(1.5rem,4vw,2rem);font-weight:500}.form{flex-direction:column;gap:40px;display:flex}.input-container{flex-direction:column;padding-bottom:5px;display:flex;position:relative}.input-container:before{content:"";background:#ffffff80;width:100%;height:2px;position:absolute;bottom:0;left:0}.input-container:after{content:"";transform-origin:0;background:#fff;width:100%;height:2px;transition:transform .5s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.input-container label{transition:transform .5s,color .5s,font-size .5s;position:absolute}.input-container ::placeholder{opacity:0;transition:opacity .5s}.input-container:has(input:disabled,textarea:disabled):after{background:#adff2f}.input-container:focus-within:after{transform:scaleX(1)}.input-container:focus-within label{color:#ffffff80;font-size:14px;transform:translateY(-20px)}.input-container:focus-within ::placeholder{opacity:1}.input-container--active:after{transform:scaleX(1)}.input-container--active label{color:#ffffff80;font-size:14px;transform:translateY(-20px)}.textarea{resize:none;flex-grow:1}.form__btn{color:#000;background:#fff;border-radius:10px;padding:10px;font-weight:500}.form__btn:disabled{color:#000;background:#adff2f}@media screen and not (min-width:700px){.contact-us-banner{grid-template-columns:repeat(1,1fr)}}