html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input,textarea,select{font-family:inherit;font-size:inherit}.progress-bar[data-v-a079f353]{display:flex;justify-content:space-between;gap:1.125rem;padding:2rem 1.3rem}.step-wrapper[data-v-a079f353]{display:flex;align-items:center;flex:1 1 auto;gap:1.125rem}.step-wrapper[data-v-a079f353]:last-child{flex:0 0 auto}.step-circle[data-v-a079f353]{width:2.125rem;height:2.125rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#eff0f6;color:#6f6c90;flex:0 0 auto;transition:all .3s ease-in;transition-delay:.2s}.step--current[data-v-a079f353],.step--completed[data-v-a079f353]{background-color:#4a3aff;color:#fff}.step-connector[data-v-a079f353]{position:relative;height:.375rem;flex:1 1 auto;background-color:#eff0f6;border-radius:.5rem}.step-connector[data-v-a079f353]:after{content:"";position:absolute;width:0%;height:100%;border-radius:inherit;background-color:#4a3aff;transition:width .3s ease}.connector--current[data-v-a079f353]:after{width:50%;transition:width .5s ease;transition-delay:.3s}.step-connector[data-v-a079f353]:after,.connector--current[data-v-a079f353]:after:last-child,.step-circle[data-v-a079f353]{transition-delay:0s}.connector--completed[data-v-a079f353]:after{transition:width .3s ease;width:100%}.step-circle[data-v-a079f353]:last-child{transition-delay:0s}@media (max-width: 550px){.progress-bar[data-v-a079f353]{padding:2rem 0rem;gap:0rem}.step-wrapper[data-v-a079f353]{gap:0rem}.step-connector[data-v-a079f353]{box-sizing:content-box;margin:0 -4px;z-index:-100}}@media (max-width: 550px){.progress-bar[data-v-a079f353]{padding:1rem 0rem}}.base-button[data-v-8db0e3b1]{background-color:#4a3aff;border:1px solid #4A3AFF;border-radius:2rem;padding:1.25rem 2.5rem;cursor:pointer;transition:all .2s ease}.base-button[data-v-8db0e3b1]:disabled{opacity:.6;cursor:not-allowed}.base-button[data-v-8db0e3b1]:hover{box-shadow:0 0 7px #4a3aff}@media (max-width: 410px){.base-button[data-v-8db0e3b1]{padding:1rem 2rem}}.form-navigation[data-v-4ea5ee36]{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:2rem;gap:1rem;flex-wrap:wrap}.base-button--transparent[data-v-4ea5ee36]{background-color:transparent}.prev-button[data-v-4ea5ee36]{margin-right:auto}.next-button[data-v-4ea5ee36]{margin-left:auto}@media (max-width: 410px){.form-navigation[data-v-4ea5ee36]{margin-top:1rem}.prev-button[data-v-4ea5ee36],.next-button[data-v-4ea5ee36]{margin:0;flex:1 1 auto}}.form-item--input[data-v-2b257bc9]{position:relative;display:flex;flex-direction:column;gap:1.125rem}.form-item--input input[data-v-2b257bc9]{padding:1.25rem 3rem 1.25rem 1.25rem;border:1px solid #EFF0F6;box-shadow:0 2px 5px #eff0f6;border-radius:2rem;transition:all .2s ease-in;width:100%}.form-item--input input[data-v-2b257bc9]:focus{outline:none;border:1px solid #4A3AFF;box-shadow:none}.form-item__input-container[data-v-2b257bc9]{position:relative;display:flex;align-items:center}.form-item__input-icon[data-v-2b257bc9]{position:absolute;max-width:1.5rem;max-height:1.75rem;width:auto;height:auto;right:1.25rem;top:50%;transform:translateY(-50%);flex-shrink:0;color:#a0a3bd;transition:all .2s ease-in}.form-item__input-container:focus-within .form-item__input-icon[data-v-2b257bc9]{color:#4a3aff}.error-message[data-v-2b257bc9]{position:absolute;display:flex;align-items:center;min-height:1.5rem;bottom:-1.6rem}@media (max-width: 550px){.form-item--input[data-v-2b257bc9]{gap:.75rem}}@media (max-width: 410px){.form-item--input[data-v-2b257bc9]{margin-bottom:1rem}.form-item--input input[data-v-2b257bc9]{padding:.8rem 3rem .8rem 1.25rem}.error-message[data-v-2b257bc9]{bottom:-1.8rem}}.form-item--checkbox input[data-v-266933ef]{display:none}.form-item__checkbox-label[data-v-266933ef]{display:flex;align-items:center;border:1px solid #EFF0F6;border-radius:1rem;padding:1.5rem;gap:.75rem;transition:all .2s ease-in;cursor:pointer}.form-item__checkbox-label[data-v-266933ef]:hover{box-shadow:0 0 2px #4a3aff}.form-item--checkbox input:checked+.form-item__checkbox-label[data-v-266933ef]{border:1px solid #4A3AFF;outline:1px solid #4A3AFF}.form-item__icon-wrapper[data-v-266933ef]{width:4.125rem;height:4.125rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e4e1ff}.form-item__checkbox-icon[data-v-266933ef]{width:2.5rem;color:#4a3aff;filter:drop-shadow(0 0 .15rem rgba(74,58,255,.5))}@media (max-width: 410px){.form-item__checkbox-label[data-v-266933ef]{padding:1rem}.form-item__icon-wrapper[data-v-266933ef]{width:3rem;height:3rem}.form-item__checkbox-icon[data-v-266933ef]{width:2rem}}.form-items--services[data-v-d2c65a99]{position:relative}.error-message[data-v-d2c65a99]{position:absolute;bottom:-1.5rem;right:0}.form-item__radiobutton-wrapper[data-v-ed3bb21e]{position:relative;padding:2.8rem 2rem;display:flex;gap:.5rem;align-items:center;border:1px solid #EFF0F6;border-radius:1rem;transition:all .2s ease-in;cursor:pointer}.form-item__radiobutton-wrapper input[data-v-ed3bb21e]{width:0;height:0;opacity:0;cursor:pointer}.form-item__radiobutton-wrapper[data-v-ed3bb21e]:hover{box-shadow:0 0 2px #4a3aff}.form-item__radiobutton-wrapper[data-v-ed3bb21e]:has(input:checked){border:1px solid #4A3AFF;outline:1px solid #4A3AFF}.custom-radio-checkmark[data-v-ed3bb21e]{position:relative;background-color:#000;width:1.5rem;height:1.5rem;border-radius:50%;flex-shrink:0;background-color:#fff;box-shadow:inset 0 0 5px 1px #eff0f6;border:1px solid #EFF0F6}.custom-radio-checkmark[data-v-ed3bb21e]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.6rem;height:.6rem;background-color:#fff;opacity:0;border-radius:50%;transition:opacity .2s ease-in}.form-item__radiobutton-wrapper:has(input:checked) .custom-radio-checkmark[data-v-ed3bb21e]{background-color:#4a3aff;box-shadow:none}.form-item__radiobutton-wrapper:has(input:checked) .custom-radio-checkmark[data-v-ed3bb21e]:after{opacity:1}@media (max-width: 410px){.form-item__radiobutton-wrapper[data-v-ed3bb21e]{padding:1rem}}.form-items--submit[data-v-726c765e]{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}.submit-form[data-v-726c765e]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-width:35rem;width:100%;min-height:350px}.submit-img[data-v-726c765e]{max-width:9.8rem;height:auto;margin-bottom:1.125rem}.step-description[data-v-726c765e]{max-width:31.25rem;text-align:center}.form-container[data-v-6521274f]{width:100%;padding:0rem 3rem 2.25rem;box-shadow:0 4px 11px 2px #eff0f6;border:1px solid #EFF0F6;border-radius:25px;min-width:700px}.divider[data-v-6521274f]{height:1px;width:100%;background-color:#d9dbe9}.steps-container[data-v-6521274f]{margin-top:4rem;min-height:400px}@media (max-width: 790px){.form-container[data-v-6521274f]{min-width:unset}}@media (max-width: 550px){.form-container[data-v-6521274f]{padding:0rem 1.5rem 2rem}.steps-container[data-v-6521274f]{margin-top:2rem;min-height:unset}}.outer-wrapper[data-v-1efe8189]{width:100%;padding:1rem}.wrapper[data-v-1efe8189]{min-height:100vh;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:44rem}.text-content[data-v-1efe8189]{max-width:35rem;text-align:center;margin-bottom:2.625rem}.page-title[data-v-1efe8189]{margin-bottom:.75rem}@media (max-width: 550px){.text-content[data-v-1efe8189]{margin-bottom:1rem}}:root{font-size:16px;font-family:DM Sans,sans-serif;--page-title-size: 2.125rem;--page-title-height: 1.35;--page-title-weight: 700;--form-title-size: 1.5rem;--form-title-height: 1.45;--form-title-weight: 700;--paragraph-size: 1.125rem;--paragraph-height: 1.65;--paragraph-weight: 400;--button-size: 1.125rem;--button-height: 1.2;--button-weight: 700;--label-size: 1.125rem;--label-height: 1.2;--label-weight: 500;--input-size: 1.125rem;--input-height: 1.2;--input-weight: 400;--progressbar-size: 1rem;--progressbar-height: 1.1;--progressbar-weight: 500;--error-size: .8rem;--error-height: 1;--error-weight: 700;--text-primary: #170F49;--text-secondary: #6F6C90;--ui-primary: #4A3AFF;--ui-secondary: #EFF0F6}.page-title{font-size:var(--page-title-size);line-height:var(--page-title-height);font-weight:var(--page-title-weight);color:var(--text-primary)}.form-title{font-size:var(--form-title-size);line-height:var(--form-title-height);font-weight:var(--form-title-weight);color:var(--text-primary)}.paragraph{font-size:var(--paragraph-size);line-height:var(--paragraph-height);font-weight:var(--paragraph-weight);color:var(--text-secondary)}.base-button{font-size:var(--button-size);line-height:var(--button-height);font-weight:var(--button-weight);color:#fff}.base-button--transparent{font-size:var(--input-size);line-height:var(--input-height);font-weight:var(--input-weight);color:var(--ui-primary)}.form-item__label{font-size:var(--label-size);line-height:var(--label-height);font-weight:var(--label-weight);color:var(--text-primary)}.form-item__input,.form-item__input::placeholder{font-size:var(--input-size);line-height:var(--input-height);font-weight:var(--input-weight)}.form-item__input{color:var(--text-primary)}.form-item__input::placeholder{color:var(--text-secondary)}.progress-step{font-size:var(--progress-size);line-height:var(--progress-height);font-weight:var(--progress-weight);color:var(--text-secondary)}.error-message{font-size:var(--error-size);line-height:var(--error-height);font-weight:var(--error-weight);color:#db0000}@font-face{font-family:DM Sans;src:url(/multi-step-form/assets/DMSans-Regular-CWCJO-u8.woff2);font-weight:400}@font-face{font-family:DM Sans;src:url(/multi-step-form/assets/DMSans-Medium-DOwOpg28.woff2);font-weight:500}@font-face{font-family:DM Sans;src:url(/multi-step-form/assets/DMSans-Medium-DOwOpg28.woff2);font-weight:700}.form-title{margin-bottom:.5rem}.step-description{margin-bottom:2.5rem}.form-items{display:grid;grid-template-columns:repeat(2,minmax(17.75rem,284px));grid-auto-rows:minmax(120px,auto);gap:1.75rem 1.25rem;justify-content:space-between;align-items:start}@media (max-width: 790px){.form-items{grid-template-columns:1fr}}@media (max-width: 550px){.form-items{gap:1rem}}@media (max-width: 410px){.form-items{grid-auto-rows:auto}.step-description{margin-bottom:1.5rem}}
