.submit-msg-box{position:absolute;background-color:#2b4246;color:#fff;padding:1rem;border-radius:12px;transform:translate(50%);right:50%;top:2%;opacity:1;visibility:visible;display:flex;flex-direction:column;gap:.57rem}.submit-msg-box span{color:var(--white);font-weight:500}.submit-msg-box p{color:var( --grey-500)!important;font-size:15px}.icon-box{display:flex;gap:.3rem}*{margin:0;padding:0;box-sizing:border-box}:root{--green-200: hsl(148, 38%, 91%);--green-600: hsl(169, 82%, 27%);--red: hsl(0, 66%, 54%);--white: hsl(0, 0%, 100%);--grey-500: hsl(186, 15%, 59%);--grey-900: hsl(187, 24%, 22%)}body{margin:0;padding:0;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--green-200)}form{max-width:700px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.55rem;padding:2.33rem;background-color:var(--white);border-radius:15px}span{color:var(--green-600);margin-left:4px}.gQuery label,.sQuery label,.consent label{margin-left:13px;margin-bottom:0!important}.circle{height:18px;width:18px;border-radius:50%;border:1px solid var(--grey-500)}.box{height:16px;width:16px;border:1px solid var(--grey-500)}.fname{grid-column:1/3}.lname{grid-column:3/5}.msg,.query,.consent,button,h1,.email{grid-column:1/5}input,textarea{border:1px solid var(--grey-500);border-radius:6px;width:100%;padding:.33rem}textarea{resize:none}.quries{display:flex;gap:1rem;grid-column:1/5}.fname label,.lname label,.email label,.query label,.msg label{margin-bottom:10px}input:focus,textarea:focus{border-color:var(--green-600);outline:none}input:hover,textarea:hover{border-color:var(--green-600);cursor:pointer}.sQuery,.gQuery{border:1px solid var(--grey-500);border-radius:6px;width:50%;display:flex;padding:.33rem 1rem;align-items:center;cursor:pointer}.consent{display:flex;align-items:center}.consent+p{grid-column:1/5;color:var(--red);margin-top:0!important}button{border:none;background-color:var(--green-600);color:var(--white);border-radius:8px;padding:1rem;font-weight:600}button:hover{background-color:#043939e8}.input-error{border:1px solid var(--red)!important;outline:none}input+p,textarea+p,.consent+p,.email+p,.query p{color:var(--red);margin-top:1rem}@media (max-width:500px){.fname,.lname{grid-column:1/5}.quries{flex-direction:column}.gQuery,.sQuery{width:100%}body{padding:1rem}}