@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap";.step-container{position:absolute;top:0;box-sizing:border-box;height:10rem;width:100vw;background-image:url(/assets/bg-sidebar-mobile-f8e29a05.svg);background-size:cover;display:flex;justify-content:center;padding:2rem;gap:1rem}.step{display:flex;justify-content:center;align-items:center;box-sizing:border-box;height:2rem;width:2rem;border:1px solid var(--color-white);border-radius:50%;color:var(--color-white)}.step.active{color:var(--color-marine-blue);background-color:var(--color-pastel-blue);border:none}.form-container{position:relative;margin:1rem;background-color:var(--color-white);border-radius:8px;padding:2rem 1rem;display:flex;flex-direction:column;padding-bottom:calc(1rem + var(--footer-height))}input{box-sizing:border-box;width:100%;padding:.5rem 1rem;margin-bottom:1rem;border-radius:4px;background-color:inherit;border:1px solid var(--color-light-gray);color:#000;transition:all .5s ease}input:hover{cursor:pointer;border-color:var(--color-purplish-blue)}.back-button{background-color:inherit;border:none;color:var(--color-cool-gray);font-weight:600}footer{position:fixed;box-sizing:border-box;bottom:0;width:100%;background-color:var(--color-white);display:flex;flex-direction:row-reverse;justify-content:space-between;padding:1rem}#select-plan-id{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-bottom:1rem}#select-plan-id input[type=radio]{display:none}.radio-button-container{display:flex;align-items:center;box-sizing:border-box;padding:10px;border:1px solid var(--color-light-gray);border-radius:8px;color:var(--color-marine-blue);width:100%;transition:all .25s ease-in-out;gap:1rem}.radio-button-container:hover{border:1px solid var(--color-purplish-blue);transform:translateY(-2px);box-shadow:0 .25rem .25rem #5d5d5d33;cursor:pointer}#select-plan-id input[type=radio]:checked+div{background-color:var(--color-magnolia);border:1px solid var(--color-purplish-blue)}.switch-row{display:flex;flex-direction:row;justify-content:center;gap:1rem;padding:.5rem;background-color:var(--color-magnolia);border-radius:8px}#select-add-ons{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-bottom:1rem}.summary{background-color:var(--color-magnolia);padding:1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.internal-link{text-decoration:underline}.internal-link:hover{color:var(--color-marine-blue);cursor:pointer}.thank-you-logo{height:3.5rem;width:3.5rem;margin:auto;margin-top:2rem}.profile-upload-wrapper .avatar-preview{display:flex;justify-content:center;align-items:center;margin:.5rem auto;width:5.5rem;height:5.5rem;border-radius:999px;background:var(--color-alabaster);border:1px solid var(--color-light-gray);overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:600;font-size:1rem;color:var(--color-white);background:var(--color-marine-blue)}.avatar-placeholder svg{color:var(--color-marine-blue)}@media (min-width: 768px){.app{display:flex;justify-content:center;align-items:center;min-height:100vh}.desktop-app{display:flex}.step-container{position:relative;display:flex;flex-direction:column;background-image:url(/assets/bg-sidebar-desktop-e6d2744a.svg);width:16rem;height:32rem;justify-content:flex-start;border-radius:8px}.desktop-sidebar{align-items:center}.form-container{top:unset}#select-plan-id{flex-direction:row}.radio-button-container.radio-desktop{flex-direction:column;align-items:flex-start;min-width:8rem;min-height:10rem;justify-content:space-around}}:root{--color-marine-blue: hsl(213, 96%, 18%);--color-purplish-blue: hsl(243, 100%, 62%);--color-pastel-blue: hsl(228, 100%, 84%);--color-light-blue: hsl(206, 94%, 87%);--color-strawberry-red: hsl(354, 84%, 57%);--color-cool-gray: hsl(231, 11%, 63%);--color-light-gray: hsl(229, 24%, 87%);--color-magnolia: hsl(217, 100%, 97%);--color-alabaster: hsl(231, 100%, 99%);--color-white: hsl(0, 0%, 100%);font-family:Ubuntu,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-marine-blue);background-color:var(--color-light-gray);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--step-height: 10rem;--footer-height: 4.5rem}*{padding:0;margin:0;box-sizing:border-box}html{height:fill-available}body{min-height:100vh;min-height:fill-available}p{color:var(--color-cool-gray)}p,label{font-size:15px}button{border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:400;font-family:inherit;background-color:var(--color-marine-blue);cursor:pointer;transition:border-color .25s}button:hover{box-shadow:0 1rem 10rem #0003;background-color:var(--color-white);color:var(--color-marine-blue)}@media (prefers-color-scheme: light){:root{color:var(--color-marine-blue);background-color:var(--color-light-gray)}a:hover{color:var(--color-marine-blue)}button{background-color:var(--color-marine-blue)}}.text-primary{color:var(--color-marine-blue)}.text-secondary{color:var(--color-purplish-blue)}.text-red{color:var(--color-strawberry-red)}.text-white{color:var(--color-white)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-center{text-align:center}.bg-color-secondary{background-color:var(--color-purplish-blue);border:1px solid var(--color-purplish-blue)}.relative{position:relative}.absolute{position:absolute}.absolute-bottom{position:absolute;bottom:70px;width:100%;background-color:var(--color-white);z-index:1000;padding-left:12px}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.flex-between{display:flex;justify-content:space-between}.column-align-center{display:flex;flex-direction:column;align-items:center}.max-w-30{max-width:30rem}.p-1{padding:1rem}.pr-2{padding-right:2rem}.mb-1{margin-bottom:1rem}.gap-1{gap:1rem}.min-height-1{min-height:1rem}.bg-white{background-color:var(--color-white)}.rounded{border-radius:.5rem}.border-b{border-bottom:1px solid var(--color-light-gray)}.border-red{border:1px solid var(--color-strawberry-red)}.desktop-only{display:none}.cnic-grid{grid-template-columns:1fr}@media (min-width: 768px){.mobile-only{display:none}.desktop-only{display:inherit}.cnic-grid{display:grid!important;grid-template-columns:1fr 1fr!important}}