@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box}ol,ul{list-style:none}a{text-decoration:none;color:inherit}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#fff;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{font:inherit;background:none;border:none;outline:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button{cursor:pointer}html,body{height:100%}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}*{font-family:Ubuntu,sans-serif}body{display:flex;justify-content:center;align-items:center;width:100%;background-color:#eef5ff}.App{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:1rem 6.25rem 1rem 1rem;border-radius:.625rem;gap:15%;position:relative}@media screen and (max-width: 885px){body{display:block}.App{display:block;padding:0rem;align-items:normal}}.step-nav{position:relative;display:flex;flex-direction:column;width:274px;height:568px}.bg-desktop,.bg-mobile{position:absolute;top:0;left:0;z-index:0}.bg-mobile{display:none}.progress-steps{display:flex;flex-direction:column;position:relative;z-index:1;padding:2rem;gap:2rem}.step{display:flex;gap:1.25rem;align-items:center}.step-nav-btn,.active{border-radius:50%;border:1px solid #f0f5ff;background-color:transparent;color:#f0f5ff;width:3rem;height:3rem;font-size:1.25rem;font-weight:700;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.step-nav-btn:hover,.active{background-color:#bfe2fd;color:#02295a}.step-info{display:flex;flex-direction:column;justify-content:center}.step-info h2{font-weight:400;color:#adbeff}.step-info h3{font-weight:700;color:#fafbff}@media screen and (max-width: 885px){.step-nav{width:100%;background-color:#eef5ff;height:0px;min-height:768px}.bg-desktop{display:none}.bg-mobile{display:block;width:100%;height:auto}.progress-steps{flex-direction:row;justify-content:center;gap:.875rem}.step-nav-btn,.step-nav-btn:hover,.active{width:2rem;height:2rem;font-size:1rem}.step-info{display:none}}.next-btn{background-color:#02295a;color:#f0f5ff;transition:background-color .25s ease}.next-btn:hover{background-color:#02295abf}.next-btn,.back-btn,.confirm-btn{padding:1rem 1.5rem;border-radius:10px;width:125px}.back-btn{color:#9699ab;font-weight:500;transition:color .25s ease}.back-btn:hover{color:#02295a}.confirm-btn{background-color:#473dff;color:#f0f5ff;transition:background-color .25s ease}.confirm-btn:hover{background-color:#473dff80}@media screen and (max-width: 885px){.next-btn,.back-btn,.confirm-btn{padding:1rem;border-radius:6px;width:105px}}.personal-info{display:flex;flex-direction:column;width:28.125rem;padding-top:1.75rem;gap:.875rem}.your-info-content{display:flex;flex-direction:column;gap:2.5rem}.personal-info label{color:#02295a}.input{border:1px solid #d6d9e6;padding:1rem;width:450px;border-radius:10px;color:#02295a;font-weight:500}.input-error{border:1px solid #ed3548;padding:1rem;width:450px;border-radius:10px;color:#02295a;font-weight:500}.user-info{display:flex;flex-direction:column;gap:1.5rem}.user-input{display:flex;flex-direction:column;gap:.5rem}.user-input-info{display:flex;width:450px;justify-content:space-between;align-items:center}.input-error-msg{color:#ed3548;font-weight:500}.your-info-btns{display:flex;justify-content:flex-end;align-items:center;width:450px;position:absolute;right:0;bottom:0;padding:0 6.25rem 1.5rem 0}input:-webkit-autofill{-webkit-text-fill-color:#02295a;transition:background-color 5000s ease-in-out 0s}@media screen and (max-width: 885px){.personal-info{z-index:1;padding:0;position:absolute;top:13%;background-color:#fff;width:90%;border-radius:10px;padding:2rem 1.25rem;gap:.875rem}.step-title{gap:.75rem}.user-input{gap:.25rem}.personal-info input,.user-input-info{width:100%}.personal-info input{padding:.75rem}.your-info-content{gap:1.5rem}.your-info-btns{position:fixed;width:100%;padding:1rem;background-color:#fff}}.select-plan{display:flex;flex-direction:column;width:28.125rem;padding-top:1.75rem;gap:2.5rem}.plan-cards{display:flex;gap:1rem}.plan-option{display:flex;flex-direction:column;gap:2.5rem;border:1px solid #9699ab;border-radius:10px;padding:1.5rem 1rem;width:150px;transition:border-color .25s ease;cursor:pointer}.plan-option:hover,.selected{border-color:#473dff}.selected{background-color:#f8f9fe}.plan-level{color:#02295a;font-weight:500;font-size:1.125rem}.plan-price{color:#9699ab}.plan-discount{color:#02295a;font-size:.875rem}.plan-info{display:flex;flex-direction:column;gap:.25rem}.step-btns{display:flex;justify-content:space-between;align-items:center;width:575px;position:absolute;right:0;bottom:0;padding:0 6.25rem 1.5rem 0}@media screen and (max-width: 885px){.select-plan{z-index:1;padding:0;position:absolute;top:13%;background-color:#fff;width:90%;border-radius:10px;padding:2rem 1.25rem;gap:1.5rem}.step-title{gap:.75rem}.select-plan input{width:100%}.select-plan input{padding:.75rem}.plan-cards{flex-direction:column}.plan-option{flex-direction:row;align-items:center;width:100%;padding:.75rem;gap:.75rem}.step-btns{position:fixed;width:100%;padding:1rem;background-color:#fff}}.plan-toggle-container{display:flex;width:450px;justify-content:center;align-items:center;padding:1rem;gap:1rem;background-color:#f8f9fe;border-radius:10px}.plan-type{color:#9699ab;font-weight:500;transition:color .25s ease}.plan-type-active{color:#02295a;font-weight:500}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;background-color:#02295a;border-radius:36px;top:0;left:0;right:0;bottom:0;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider:before{transform:translate(22px)}@media screen and (max-width: 885px){.plan-toggle-container{width:100%}}.addons{display:flex;flex-direction:column;width:28.125rem;padding-top:1.75rem;gap:2.5rem}.addons-content{display:flex;flex-direction:column;gap:.875rem}.addon-item{display:flex;padding:1.5rem;border:1px solid #9699ab;border-radius:10px;justify-content:space-between;align-items:center;transition:border-color .25s ease,background-color .25s ease}.addon-item:hover{border-color:#473dff}.checked{background-color:#f8f9fe;border-color:#473dff}.addon-item label{display:flex;gap:1.5rem;align-items:center}.addon-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:1px solid #9699ab;border-radius:4px;outline:none;cursor:pointer;background-color:transparent;position:relative}.addon-item input[type=checkbox]:checked{background-color:#473dff;border:none}.addon-item input[type=checkbox]:before{content:"";display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:12px 9px}.addon-item input[type=checkbox]:checked:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'><path fill='none' stroke='white' stroke-width='2' d='M1 4l3.433 3.433L10.866 1'/></svg>")}.addon-info{display:flex;flex-direction:column;gap:.25rem}.addon-info h3{color:#02295a;font-size:1.125rem;font-weight:500}.addon-info p{color:#9699ab}.addon-cost p{color:#473dff;font-size:.875rem}@media screen and (max-width: 885px){.addons{z-index:1;padding:0;position:absolute;top:13%;background-color:#fff;width:90%;border-radius:10px;padding:2rem 1.25rem;gap:1.5rem}.step-title{gap:.75rem}.addon-item{width:100%;padding:.75rem}.addon-item label{gap:.75rem}.addon-info h3{font-size:1rem}.addon-info p{font-size:.875rem}}.summary{display:flex;flex-direction:column;width:28.125rem;padding-top:1.75rem;gap:2.5rem}.step-title{display:flex;flex-direction:column;gap:1.125rem}.step-title h2{color:#02295a;font-size:1.75rem;font-weight:700}.step-title p{color:#9699ab;font-size:1rem;font-weight:400}.summary-itens{display:flex;flex-direction:column;gap:1.5rem;background-color:#f8f9fe;padding:1.5rem;border-radius:10px}.summary-level,.summary-addons{display:flex;justify-content:space-between;align-items:center}.summary-level-info,.summary-addons-info{display:flex;flex-direction:column;gap:.25rem}.summary-level-info p{font-size:1.125rem;color:#02295a;font-weight:500}.change{color:#9699ab;text-decoration:underline;cursor:pointer;transition:color .25s ease;font-size:.875rem}.change:hover{color:#473dff}.summary-level-cost span{color:#02295a;font-weight:700}.summary-line{width:100%;border:none;height:1px;background-color:#d6d9e6;border-radius:10px}.summary-addons-info span{color:#9699ab;font-size:.875rem}.summary-addons-cost{color:#02295a;font-size:.875rem}.summary-value{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.summary-value-text{color:#9699ab;font-weight:500}.total{color:#473dff;font-weight:700;font-size:1.375rem}@media screen and (max-width: 885px){.summary{z-index:1;padding:0;position:absolute;top:13%;background-color:#fff;width:90%;border-radius:10px;padding:2rem 1.25rem;gap:1.5rem}.step-title{gap:.75rem}.summary-itens,.summary-value{padding:1rem .75rem}.total{font-size:1.125rem}}main{display:flex;gap:6.25rem}.step-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.steps-btns{display:flex;align-items:center;width:450px;justify-content:space-between;padding-bottom:1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width: 885px){main{display:block;align-items:center;flex-direction:column}.steps-btns{width:100%;position:fixed;left:0;bottom:0;background-color:#fff;align-items:center;padding:1rem}}.sucess-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:95%;width:28.125rem;padding-top:1.75rem;gap:2.5rem}.sucess-text{display:flex;flex-direction:column;align-items:center;gap:1.125rem}.sucess-text h2{color:#02295a;font-size:2.25rem;font-weight:700}.sucess-text p{color:#9699ab;text-align:center}@media screen and (max-width: 885px){.sucess-screen{z-index:1;padding:0;position:absolute;top:13%;background-color:#fff;height:auto;width:90%;border-radius:10px;padding:6rem 1.25rem;gap:1.5rem}.sucess-icon{width:60px;height:60px}.sucess-text h2{font-size:1.75rem}}
