@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:100%}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}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}.rootContainer{background-color:#f0f6ff;height:100vh;width:100%}.content{height:100vh;width:100%}.sideBar{height:12rem;background-image:url(/assets/bg-sidebar-mobile.f8e29a05.svg);background-repeat:no-repeat;background-size:cover}.sideBar .stepsContainer{padding-top:2rem;margin:0 auto;display:flex;width:12rem;justify-content:space-between}.sideBar .stepsContainer .steps .stepsNum{display:block;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:solid 1.5px hsl(0,0%,100%);border-radius:50%}.sideBar .stepsContainer .steps .stepsNum span{display:block;color:#fff}.sideBar .stepsContainer .steps #active{background-color:#bfe2fd;border-color:#bfe2fd}.sideBar .stepsContainer .steps #active span{color:#02295a}.sideBar .stepsContainer .steps h2,.sideBar .stepsContainer .steps span{display:none}.contentBox{width:90%;background-color:#fff;margin:0 auto;padding:1.5rem;border-radius:12px;transform:translateY(-80px);box-shadow:0 15px 25px -15px #9699ab}.contentBox h1{margin-bottom:1rem;margin-top:2rem}.contentBox p{margin-bottom:2rem}.contentBox form label{margin-top:1rem;display:block;transform:translateY(10px)}.contentBox form input{height:3rem;width:100%;border:solid 1px hsl(231,11%,63%);border-radius:4px;padding-left:1rem}.contentBox form input:focus{outline:1px solid hsl(243,100%,62%);border:1px solid hsl(243,100%,62%)}.contentBox input[type=radio],.contentBox input[type=checkbox]{display:none}.contentBox .invalid{border:solid 1px hsl(354,84%,57%)}.contentBox .planOption{border:solid 1.5px hsl(229,24%,87%);padding:1rem;display:flex;margin-bottom:1rem;border-radius:8px;align-content:flex-start}.contentBox .planOption:hover{border-color:#473dff}.contentBox .planOption img{height:40px}.contentBox .planOption .planInfo{margin-left:1rem;width:100%}.contentBox .planOption .planInfo h2{font-weight:600;color:#02295a;font-size:1rem}.contentBox .planOption .planInfo p{font-size:1rem;margin-bottom:.4rem;margin-top:.4rem}.contentBox .planOption .planInfo span{font-weight:500;font-size:.9rem;color:#02295a}.contentBox .selected,.contentBox #selected{border-color:#473dff;background-color:#f0f6ff}.timeSwitch{margin:2rem auto 0;height:3rem;border-radius:8px;background-color:#f0f6ff;display:flex;align-items:center}.timeSwitch .switchContainer{width:70%;margin:0 auto;display:flex;justify-content:space-around}.timeSwitch div .switch{margin:0 .5rem;display:block;width:40px;height:20px;position:relative;border-radius:40px;background-color:#02295a}.timeSwitch div .switch:before{position:absolute;content:"";background-color:#fff;border-radius:40px;width:15px;height:15px;margin:2.5px;transition:.3s}.timeSwitch div input:checked+.switch:before{transform:translate(20px)}.contentBox input:checked+.addOnOption{border-color:#473dff;background-color:#f0f6ff}.contentBox input:checked+.addOnOption .check-box-icon{background-color:#473dff;background-image:url(/assets/icon-checkmark.20a2d5c8.svg);background-size:60%;background-repeat:no-repeat;background-position:center;border:none}.contentBox .addOnOption{border:solid 1.5px hsl(229,24%,87%);padding:1rem;display:flex;margin-bottom:1rem;border-radius:8px;align-items:center;justify-content:space-between}.contentBox .addOnOption .planInfo{width:180px}.contentBox .addOnOption h2{font-size:1rem;color:#02295a}.contentBox .addOnOption p{font-size:.8rem;margin:0}.contentBox .addOnOption .check-box-icon{font-size:0;width:20px;height:20px;border:solid 1px hsl(229,24%,87%);border-radius:4px}.contentBox .addOnOption span{color:#473dff}.buttonContainer{height:5rem;position:absolute;bottom:0;background-color:#fff;width:100%;display:flex;padding:0 1rem;align-items:center;justify-content:space-between}.buttonContainer button{height:3rem;width:6rem;border:none;border-radius:4px;font-size:1rem;font-weight:500}.buttonContainer .forward{background-color:#02295a;color:#fff}.buttonContainer .backward{background-color:#fff;color:#9699ab}.buttonContainer .backward:hover{color:#02295a}.hide{display:none}.summaryContainer{padding:1rem;border-radius:12px;background-color:#f0f6ff}.summaryContainer .planContainer{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.summaryContainer .planContainer h2{color:#02295a;font-weight:600;text-transform:capitalize}.summaryContainer .planContainer a{color:#9699ab}.summaryContainer .planContainer span{font-weight:600;color:#02295a}.summaryContainer .addOnContainer{display:flex;flex-wrap:wrap;align-items:center}.summaryContainer .addOnContainer p{margin-bottom:0}.summaryContainer .addOnContainer span{text-align:right;color:#02295a}.summaryContainer .addOnContainer>p{width:65%;margin-top:.5rem}.summaryContainer .addOnContainer>span{width:35%;margin-top:.5rem}.totalContainer{padding:1rem;display:flex;justify-content:space-between;margin-top:1rem}.totalContainer h2{color:#9699ab}.totalContainer span{color:#473dff;font-weight:600}#confirmation{padding:4rem 1.5rem}#confirmation img{display:block;width:4rem;margin:0 auto}#confirmation h1,#confirmation p{text-align:center}#onlyForward{justify-content:right}#confirm{background-color:#473dff}@media (min-width: 1000px){.rootContainer{background-color:#f0f6ff;height:100vh;width:100%}.content{width:55%;min-width:900px;max-width:950px;height:40rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:12px;display:flex;position:relative;padding:1rem;justify-content:space-between;box-shadow:0 15px 25px -15px #9699ab}.sideBar{height:100%;width:250px;border-radius:12px;background-image:url(/assets/bg-sidebar-desktop.e6d2744a.svg)}.sideBar .stepsContainer{flex-wrap:wrap}.sideBar .stepsContainer .steps{width:100%;margin-bottom:2rem;display:flex;flex-wrap:wrap;flex-direction:row}.sideBar .stepsContainer .steps>div{display:flex;flex-wrap:wrap}.sideBar .stepsContainer .steps .stepsNum{margin-right:1rem}.sideBar .stepsContainer .steps .stepsNum+div{width:70%}.sideBar .stepsContainer .steps .stepsNum+div span,.sideBar .stepsContainer .steps .stepsNum+div h2{display:inline;width:100%;height:1rem}.contentBox{background-color:transparent;box-shadow:none;width:450px;padding:0;padding-top:2rem;transform:translateY(0);margin:0;margin-right:6rem}.contentBox form{display:flex;justify-content:space-between;flex-wrap:wrap}.contentBox form label{transform:translateY(0);margin-bottom:.5rem}.contentBox form .flexContainer{width:100%}.contentBox form .addOnOption{width:100%;margin-bottom:0}.contentBox .planOption{width:9rem;flex-wrap:wrap;height:174px}.contentBox .planOption .planInfo{margin:0;margin-top:2rem}.buttonContainer{position:absolute;background-color:transparent;box-shadow:none;width:450px;padding:0;right:0;margin-right:7rem}#confirmation{display:flex;flex-wrap:wrap;justify-content:center;align-content:center}#confirmation h1,#confirmation p{width:100%}}h1,h2,h3,h4,h5,p,a,li,span,label,input,button{font-family:Ubuntu,sans-serif}h1{font-size:1.6rem;font-weight:600;color:#02295a}p{color:#9699ab;line-height:1.5rem}label{font-size:.9rem;color:#02295a;font-weight:400}button{columns:hsl(0,0%,100%)}.stepsNum+div span{font-weight:300;color:#fff;font-size:.8rem}.stepsNum+div h2{font-weight:500;color:#fff;text-transform:uppercase}