:root{--primary-green-200:#dff1e7;--primary-green-600:#0c7d69;--primary-red:#d73c3c;--neutral-white:#fff;--neutral-grey-500:#87a3a6;--neutral-grey-900:#2b4246}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#dff1e7;background-color:var(--primary-green-200);display:flex;flex-direction:column;font-family:Karla,sans-serif;font-size:16px;height:100dvh;justify-content:center;padding:0 1.1rem}input{margin-bottom:10px}.error-state{border-color:#d73c3c;border-color:var(--primary-red);color:#d73c3c;color:var(--primary-red)}fieldset,input,textarea{border:1px solid #87a3a6;border:1px solid var(--neutral-grey-500);border-radius:10px;font-family:Karla,sans-serif;margin-top:10px;padding:1rem;width:100%}:focus,input:hover{cursor:pointer;outline:1px solid}input[type=checkbox],input[type=radio]{border-color:#000;outline:none}fieldset{align-items:center;display:flex;gap:.5rem}fieldset>input{margin:0;width:auto}button{background-color:#0c7d69;background-color:var(--primary-green-600);border:none;border-radius:10px;color:#fff;color:var(--neutral-white);font-family:Karla,sans-serif;padding:1rem 0}button:hover{background-color:#2b4246;background-color:var(--neutral-grey-900);cursor:pointer}.App{background-color:#fff;background-color:var(--neutral-white);border-radius:10px;height:700px;overflow:auto;padding:50px;width:700px}.form{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr 1fr;justify-content:start}.form h1{grid-column:1}.form h1,.form p{grid-column:span 2}.form label[for=last-name]{grid-column:2}.form label[for=email]{grid-column:span 2;grid-row:3}.form input[name=email]{grid-column:span 2;grid-row:5}.form,button[name=submit],fieldset[name=consent],label[for=message],label[for=query]{grid-column:span 2}.form label[for=query]{grid-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:1fr 1fr}fieldset[name=general-enquiry]{grid-column:1;grid-row:2}fieldset[name=support-request]{grid-column:2;grid-row:2}fieldset[name=consent]{border:none;padding:0}.isActive{background-color:#dff1e7;background-color:var(--primary-green-200);outline:1px solid #0c7d69;outline:1px solid var(--primary-green-600)}.success-container{grid-gap:1rem;align-items:center;background-color:#0c7d69;background-color:var(--primary-green-600);border-radius:12px;color:#fff;color:var(--neutral-white);display:grid;gap:1rem;grid-template-columns:1fr;justify-content:start;max-height:700px;max-width:700px;overflow:auto;padding:3rem}.title-message{align-items:center;display:flex;gap:1rem}.title-message img{height:20px;width:20px}.content-details{grid-column-gap:2rem;grid-row-gap:5px;column-gap:2rem;display:grid;grid-template-columns:auto 1fr;row-gap:5px}.success-container button{background-color:#fff;background-color:var(--neutral-white);color:#000}.success-container{animation-duration:2s;animation-name:fadeIn}@media (max-width:600px){.App,.success-container{max-height:700px;overflow:auto;padding:2rem;width:100%}.content-details{row-gap:1rem}.content-details p:nth-last-child(3){grid-column:span 2}.form{column-gap:0;grid-template-columns:1fr}.form h1,.form label[for=email],.form label[for=first-name],.form label[for=last-name]{grid-column:1;grid-row:auto}.form h1{margin-bottom:20px}.form label[for=query]{grid-column-gap:0;column-gap:0;display:grid;grid-template-columns:1fr}fieldset[name=general-enquiry],fieldset[name=support-request]{grid-column:1;grid-row:auto}textarea{height:200px;line-height:1.6;text-align:justify}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.f8bc1346.css.map*/