form{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl, 40px);border-radius:var(--spacing-m, 16px);background:var(--color-pure-white, #fff);width:295px}.app{padding:24px;background-color:#fff;border-radius:var(--spacing-m, 16px)}@media (min-width: 768px){form{width:690px}.fl{display:flex;flex-direction:row!important}#email{width:100%}.radioSelectscontainer{flex-direction:row!important;width:100%}.radioSelects{flex-grow:1}.textSquare{height:132px}form .checkBox{width:90%}form .success{position:absolute;left:20%}}@media (min-width: 1400px){form{display:flex;width:736px;padding:var(--spacing-2xl, 40px);flex-direction:column;align-items:flex-start;gap:var(--spacing-2xl, 40px)}.form{width:656px}.fl{width:100%;justify-content:space-between}.fl .fields input{width:100%}form .success{position:absolute;left:38%}}.form{display:flex;flex-direction:column;gap:var(--spacing-xl, 32px);justify-content:flex-start;position:relative}.form h1{color:var(--color-dark-grey, #2a4144);font-family:Karla;font-size:var(--font-size-heading, 32px);font-style:normal;font-weight:700;line-height:100%;letter-spacing:-1px}.inputs{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-l, 24px)}.fields{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, 8px);width:100%}.fields input{display:flex;padding:var(--spacing-s, 12px) var(--spacing-l, 24px);flex-direction:column;align-items:flex-start;gap:var(--spacing-m, 16px);align-self:stretch;border-radius:8px;border:1px solid var(--color-medium-grey, #86a2a5);background:var(--color-pure-white, #fff);width:295px;height:51px}.fields input:focus{border:none}.fields input:hover{cursor:pointer}.radioInputs{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-m, 16px);width:100%}.radioSelects{display:flex;flex-direction:row-reverse;justify-content:start;gap:12px;border-radius:8px;border:1px solid var(--color-medium-grey, #86a2a5);background:var(--color-pure-white, #fff);color:var(--color-dark-grey, #2a4144);padding:var(--spacing-s, 12px) var(--spacing-l, 24px);font-family:Karla;font-size:var(--font-size-body-m, 18px);font-style:normal;font-weight:400;line-height:150%}.radioSelectscontainer{display:flex;flex-direction:column;gap:16px;width:100%}.textSquare{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, 8px);width:100%}.textSquare label{display:flex;align-items:flex-start;gap:var(--spacing-xs, 8px);align-self:stretch}.textSquare textarea{display:flex;padding:var(--spacing-s, 12px) var(--spacing-l, 24px);flex-direction:column;align-items:flex-start;gap:var(--spacing-m, 16px);align-self:stretch;width:100%;height:216px;border-radius:8px}span{color:#0c7d69}input[type=checkbox]{accent-color:#0c7d69}input[type=text]:focus,input[type=email]:focus{border:1px solid #0c7d69;box-shadow:0 0 3px #0c7d69;outline:none}.fl{display:flex;flex-direction:column;gap:25px}.checkBox{display:flex;align-items:center;gap:var(--spacing-m, 16px);height:48px;justify-content:flex-start;margin-left:.8rem}.checkBox label{color:var(--color-dark-grey, #2A4144);font-family:Karla;font-size:var(--font-size-body-s, 16px);font-style:normal;font-weight:400;line-height:150%}.check{width:24px;height:24px}button{border-radius:8px;background:var(--color-green, #0c7d69);padding:16px 40px;width:100%;border:none;color:#fff}.buttonContainer{display:flex;justify-content:center;width:100%}button:hover{background:var(--color-green-hover, #0c7d69);cursor:pointer}.success{display:flex;padding:var(--spacing-l, 24px);flex-direction:column;gap:var(--spacing-xs, 8px);border-radius:var(--spacing-s, 12px);background:var(--color-dark-grey, #2a4144);color:var(--color-light-green, #e0f1e8);font-family:Karla;font-size:var(--font-size-body-s, 16px);font-style:normal;font-weight:400;line-height:150%;position:sticky;top:0;z-index:1}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-light-green, #E0F1E8);display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}