@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#f0f5ff}body{font-family:Ubuntu,sans-serif;display:flex;justify-content:center;align-items:center;cursor:default;color:#02295a}.main-wrapper{position:absolute;inset:0;margin:auto;width:58.75rem;height:37.5rem;border-radius:15px;background-color:#fff;display:grid;grid-template-columns:17.125rem 41.625rem;align-items:center;justify-items:center;padding:0 15px}nav{width:17.125rem;height:35.5625rem;background-image:url(/assets/bg-sidebar-desktop.svg);background-repeat:no-repeat;background-size:cover}nav ul{margin-left:2rem;margin-top:2.5rem}nav ul .active .list-number{color:#02295a;background-color:#bfe2fd;border:none}nav ul a{text-decoration:none}nav ul a.active{text-decoration:none}nav li{text-transform:uppercase;list-style:none;display:flex;align-items:center;margin-top:2rem}nav li .list-number{color:#fff;font-size:.875rem;width:2rem;height:2rem;border-radius:50%;border:1px solid hsl(0,0%,100%);display:flex;align-items:center;justify-content:center;font-weight:700}nav li .list-right{display:flex;flex-direction:column;margin-left:1rem}nav li .list-right .step-number{color:#a8baff;font-size:.75rem}nav li .list-right .step-name{color:#fff;font-size:.875rem;font-weight:700;margin-top:5px}.page{width:28.125rem;height:100%;padding-top:3.5rem;position:absolute;right:6.25rem;display:flex;flex-direction:column}.page-header p{font-size:1rem;line-height:1.5625rem;color:#9699ab;margin-top:.6875rem}.info-page{align-items:center}#info-form{margin-top:2.1875rem}#info-form label{font-size:.875rem;display:flex;flex-direction:column;margin-bottom:1.5rem}#info-form input{width:28.125rem;height:3rem;border-radius:8px;border:1px solid hsl(231,23%,87%);margin-top:.5rem;padding-left:1rem;font-weight:500}#info-form input::-moz-placeholder{font-family:Ubuntu,sans-serif;color:#9699ab}#info-form input::placeholder{font-family:Ubuntu,sans-serif;color:#9699ab}#info-form input:focus{outline:1px solid hsl(243,100%,62%)}#info-form .next-step{font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:500;width:7.6875rem;height:3rem;border-radius:8px;border:none;background-color:#02295a;color:#fff;position:absolute;bottom:2rem;right:0;cursor:pointer;margin-top:5.75rem;align-self:flex-end}#info-form .next-step a{text-decoration:none}#info-form .next-step a:visited{color:#fff}#info-form .next-step:hover{background-color:#164988;transition:.1s}#info-form .error-message{position:absolute;right:0;color:#ed3548;font-size:.875rem;font-weight:700}#info-form input:has(~ .error-message){outline:1px solid hsl(354,84%,57%)}#info-form .error-message+input{outline:1px solid hsl(354,84%,57%)}#info-form input::-webkit-outer-spin-button,#info-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#plan-form{margin-top:2.1875rem}#plan-form .plan-selection{display:flex;justify-content:space-between}#plan-form .plan-selection-label{width:8.625rem;height:10rem}#plan-form .plan-selection-label .plan-input{display:none}#plan-form .plan-selection-label .plan-label-wrapper{width:100%;height:100%;padding:1.25rem 1rem;border:1px solid hsl(231,23%,87%);border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}#plan-form .plan-selection-label .plan-label-wrapper:hover{border:1px solid hsl(243,100%,62%);transition:.1s}#plan-form .plan-selection-label .plan-label-wrapper-yearly{height:11.4375rem}#plan-form .plan-selection-label .plan-label-wrapper-bottom{display:flex;flex-direction:column}#plan-form .plan-selection-label .plan-label-wrapper-bottom .plan-name{font-weight:500}#plan-form .plan-selection-label .plan-label-wrapper-bottom .plan-price{font-size:.875rem;color:#9699ab;margin-top:.5rem}#plan-form .plan-selection-label .plan-label-wrapper-bottom-yearly .plan-discount{font-size:.75rem;margin-top:.5rem}#plan-form input[name=plan]:checked+.plan-label-wrapper{background-color:#fafbff;border:1px solid hsl(243,100%,62%);transition:.1s}#plan-form .frequency-wrapper{width:100%;height:3rem;margin-top:2rem;display:flex;align-items:center;justify-content:center;background-color:#fafbff;border-radius:8px}#plan-form .frequency-wrapper .input-slider{background-color:#02295a;width:2.375rem;height:1.25rem;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 1.5rem;cursor:pointer}#plan-form .frequency-wrapper .frequency-label{font-weight:700;color:#9699ab}#plan-form .frequency-active-monthly #monthly-label{color:#02295a;transition:.1s}#plan-form .frequency-active-monthly .slider-left{width:.75rem;height:.75rem;border-radius:50%;background-color:#fff;transform:translate(-70%);transition:.2s ease-out}#plan-form .frequency-active-yearly{margin-top:3rem}#plan-form .frequency-active-yearly #yearly-label{color:#02295a}#plan-form .frequency-active-yearly .slider-left{width:.75rem;height:.75rem;border-radius:50%;background-color:#fff;transform:translate(70%);transition:.2s ease-out}.button-footer{position:absolute;bottom:2rem;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.button-footer .next-step{font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:500;width:7.6875rem;height:3rem;border-radius:8px;border:none;background-color:#02295a;color:#fff;cursor:pointer}.button-footer .next-step a{text-decoration:none}.button-footer .next-step a:visited{color:#fff}.button-footer .next-step:hover{background-color:#164988;transition:.1s}.button-footer .go-back{font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:500;border:none;color:#9699ab;background-color:#fff;cursor:pointer}.button-footer .go-back a{text-decoration:none}.button-footer .go-back a:visited{color:#9699ab}.button-footer .go-back a:hover{color:#02295a;transition:.1s}.button-footer-yearly{margin-top:6.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.button-footer-yearly .next-step{font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:500;width:7.6875rem;height:3rem;border-radius:8px;border:none;background-color:#02295a;color:#fff;cursor:pointer}.button-footer-yearly .next-step a{text-decoration:none}.button-footer-yearly .next-step a:visited{color:#fff}.button-footer-yearly .next-step:hover{background-color:#164988;transition:.1s}.button-footer-yearly .go-back{font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:500;border:none;color:#9699ab;background-color:#fff;cursor:pointer}.button-footer-yearly .go-back a{text-decoration:none}.button-footer-yearly .go-back a:visited{color:#9699ab}.button-footer-yearly .go-back a:hover{color:#02295a;transition:.1s}#addon-form{margin-top:2.1875rem}#addon-form .addon-label{width:100%;height:5.0625rem;padding:1rem 1.5rem;border:1px solid hsl(231,23%,87%);border-radius:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1rem}#addon-form .addon-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none}#addon-form .addon-label .checkmark{position:absolute;left:1.5rem;height:1.25rem;width:1.25rem;border:1px solid hsl(229,24%,87%);border-radius:5px;cursor:pointer}#addon-form .addon-label .checkmark:after{content:"";position:absolute;left:7px;top:4px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}#addon-form .addon-label input[type=checkbox]:checked{background-color:#fafbff;border:none}#addon-form .addon-label input[type=checkbox]:checked~.checkmark{background-color:#473dff;border:none}#addon-form .addon-label input[type=checkbox]:checked~.checkmark :after{display:block}#addon-form .addon-label:has(> input[type=checkbox]:checked){background-color:#fafbff}#addon-form .addon-left{display:flex;flex-direction:column;position:absolute;left:4.25rem}#addon-form .addon-left .addon-description{font-weight:500}#addon-form .addon-left .addon-details{font-size:.875rem;color:#9699ab;margin-top:.5rem}#addon-form .addon-price{color:#473dff;font-size:.875rem}#addon-form .button-footer{margin-top:5.25rem}.summary-wrapper .summary-wrapper-top{width:28.125rem;height:auto;background-color:#fafbff;padding:1.5rem;border-radius:8px;margin-top:2.1875rem}.summary-wrapper .summary-plan{display:flex;align-items:center;justify-content:space-between;font-weight:500;padding-bottom:1.5rem;border-bottom:1px solid hsla(231,11%,63%,.2)}.summary-wrapper #change{font-size:.875rem;background:none;border:none;margin-top:.5rem}.summary-wrapper #change a{color:#9699ab}.summary-wrapper #change a:hover{color:#473dff;transition:.1s}.summary-wrapper .summary-addon{width:100%;height:auto;display:flex;flex-direction:column}.summary-wrapper .summary-addon .summary-addon-wrapper{margin-top:1rem;font-size:.875rem;color:#9699ab;display:flex;justify-content:space-between}.summary-wrapper .summary-addon .addon-price{color:#02295a}.summary-wrapper .total-summary{width:100%;padding:1.5625rem 1.5rem 0;display:flex;justify-content:space-between}.summary-wrapper .total{color:#9699ab;font-size:.875rem}.summary-wrapper .total-price{color:#473dff;font-size:1.25rem;font-weight:700}#confirm{background-color:#473dff}#confirm:hover{background-color:#908aff;transition:.1s}.thank-you{width:28.125rem;display:flex;flex-direction:column;align-items:center;text-align:center}.thank-you h1{margin-top:2rem}.thank-you p{margin-top:.875rem;color:#9699ab;line-height:1.5625rem}.hidden{display:none}