@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";.left-col{background-image:url(/assets/bg-sidebar-desktop-e6d2744a.svg);background-size:cover;background-position:bottom;background-repeat:no-repeat;border-radius:10px;color:var(--clr-neutral-white);padding-top:2.5rem;padding-left:2rem;padding-right:5.56rem}.step-container{display:flex;align-items:center;margin-bottom:2rem}.step{border:1px solid var(--clr-neutral-white);padding:6px 10px;border-radius:50%;line-height:16px}.active-step{background-color:var(--clr-primary-blue-light);color:var(--clr-primary-blue);border:1px solid var(--clr-primary-blue-light)}.step-number{margin-right:1rem;font-size:.875rem;font-weight:700}.step-text{font-size:.75rem;line-height:14px;color:var(--clr-primary-blue-pastel);text-transform:uppercase;margin-bottom:4px}.step-title{font-size:.875rem;font-weight:700;line-height:16px;text-transform:uppercase}.right-wrapper{padding:3.5rem 6.25rem}.personal-wrapper{padding:2rem 5.25rem}form{display:flex;flex-direction:column;max-width:450px;margin-bottom:5.75rem}form label{font-size:.875rem;line-height:16px;color:var(--clr-primary-blue);margin-bottom:.5rem}form input{border:1px solid var(--clr-neutral-gray-light);border-radius:5px;padding:.75rem 1rem;margin-bottom:1.5rem}form input:focus,form input:active{outline:none;border:1px solid var(--clr-primary-blue-purple)}.invalid{border:1px solid var(--clr-primary-strawberry-red)}.invalid-text{font-size:.75rem;line-height:14px;color:var(--clr-primary-strawberry-red);float:right;display:none}.plan-wrapper{padding:2rem 5.25rem}.plan-container{display:flex;margin-bottom:2rem}.plan-card-wrapper{width:77px}.plan-card{border:1px solid var(--clr-neutral-gray-light);border-radius:8px;padding:1.25rem 4rem 1rem 1rem}.plan-card:hover{cursor:pointer}.plan-card:not(:last-child){margin-right:1.125rem}.card-img{margin-bottom:2.44rem}.plan-card-title{line-height:18.38px;color:var(--clr-primary-blue);margin-bottom:.438rem}.plan-card-price{font-size:.875rem;color:var(--clr-neutral-cool-gray)}.plan-card-year{font-size:.75rem;color:var(--clr-primary-blue)}.active-card{background-color:var(--clr-neutral-very-light-grey);border-color:var(----clr-primary-blue-purple)}.time-container{display:flex;align-items:center;justify-content:center;background-color:var(--clr-neutral-very-light-grey);border-radius:8px;padding:.875rem 0;margin-bottom:7.25rem}.time-text{font-size:.875rem;font-weight:700;color:var(--clr-neutral-cool-gray)}.active-time{color:var(--clr-primary-blue)}.month{margin-right:1.5rem}.year{margin-left:1.5rem}.switch{position:relative;display:inline-block;width:38px;height:20px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--clr-primary-blue);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:12px;width:12px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider:before{transform:translate(18px)}.addons-wrapper{padding:2rem 5.25rem}.addon{display:flex;align-items:center;padding:1.125rem 1.5rem;border:1px solid var(--clr-neutral-gray-light);border-radius:5px;cursor:pointer;margin-bottom:1rem}.addons-container{margin-bottom:5rem;width:450px}input[type=checkbox]{margin-right:1.5rem;cursor:pointer;scale:1.25}.active-checkbox{border:1px solid var(--clr-primary-blue-purple);background-color:var(--clr-neutral-very-light-grey)}.addon-title{line-height:18px;margin-bottom:.4375rem;color:var(--clr-primary-blue);font-weight:500}.addon-text{font-size:.875rem;color:var(--clr-neutral-cool-gray)}.addon-end{margin-left:auto}.addon-price{font-size:.875rem;color:var(--clr-primary-blue-purple)}.confirm-wrapper{padding:2rem 5.25rem}.confirm-info-wrapper{width:450px}.inside-wrapper{padding:1rem 1.5rem 1.5rem}.confirm-col{display:flex;justify-content:space-between;margin-bottom:1rem}.inside-wrapper{background-color:var(--clr-neutral-very-light-grey);border-radius:8px;margin-bottom:1.5rem}.bottom-line{border-bottom:1px solid var(--clr-neutral-gray-light)}.confirm-info-plan{color:var(--clr-primary-blue);font-weight:500;line-height:18px;margin-bottom:.5rem}.plan-price{font-weight:700;color:var(--clr-primary-blue)}.change-plan{background-color:transparent;border:none;color:var(--clr-neutral-cool-gray);text-decoration:underline;text-underline-offset:2px;margin-bottom:1.5rem}.change-plan:hover{cursor:pointer;color:var(--clr-primary-blue-purple)}.confirm-addons-text{font-size:.875rem;color:var(--clr-neutral-cool-gray)}.confirm-addons-price{font-size:.875rem;color:var(--clr-primary-blue)}.col-bottom{margin:0 1.5rem 8rem}.confirm-total-text{font-size:.875rem;color:var(--clr-neutral-cool-gray)}.confirm-total-price{font-size:1.25rem;font-weight:700;color:var(--clr-primary-blue-purple)}.accent-btn{background-color:var(--clr-primary-blue-purple)}.accent-btn:hover{background-color:var(--clr-primary-blue-pastel)}.thank-you-container{padding:10.312rem 5.25rem}.thank-you-container img{height:80px;margin-bottom:2rem}.thank-you-wrapper{text-align:center;width:450px}.thank-you-title{font-size:2rem;font-weight:700;color:var(--clr-primary-blue);margin-bottom:.875rem}.thank-you-text{color:var(--clr-neutral-cool-gray)}.app-container{background-color:var(--clr-neutral-white);border-radius:15px;box-shadow:0 25px 40px -20px #00000018}.app-wrapper{display:flex;padding:16px}.app-title{font-size:2rem;line-height:37px;font-weight:700;color:var(--clr-primary-blue);margin-bottom:.69rem}.app-text{color:var(--clr-neutral-cool-gray);margin-bottom:2.5rem;line-height:25px}.btn{background-color:var(--clr-primary-blue);color:var(--clr-neutral-white);border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:.875rem;line-height:18px;font-weight:700;cursor:pointer;transition:background-color .3s ease-in-out;float:right}.btn:hover{background-color:var(--clr-primary-blue-purple)}.btn:active{transform:scale(.95)}.back-btn{background-color:var(--clr-neutral-white);border:none;color:var(--clr-neutral-cool-gray);margin-top:.9rem;font-weight:700;line-height:18px}.back-btn:hover{cursor:pointer;color:var(--clr-primary-blue)}@media screen and (max-width: 920px){.app-wrapper{flex-direction:column;padding:0}.left-col{background-image:url(/assets/bg-sidebar-mobile-f8e29a05.svg);background-size:cover;background-position:top;background-repeat:no-repeat;display:flex;flex-direction:row;justify-content:center;align-items:center;height:172px;border-radius:10px 10px 0 0;padding-right:0}.step-text,.step-title{display:none}.step-number{margin-right:1.5rem}.personal-wrapper,.plan-wrapper,.addons-wrapper,.confirm-wrapper,.thank-you-container{padding:2rem}.btn-personal,form{margin-bottom:1rem}.plan-container{flex-direction:column;align-items:center;width:100%}.plan-card-wrapper{display:flex}.card-img{margin-right:.875rem}.plan-card{margin-bottom:.75rem;width:100%}.plan-card:not(:last-child){margin-right:0}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:Ubuntu,sans-serif;font-size:16px;line-height:1.5;font-weight:400;--clr-primary-blue: hsl(213, 96%, 18%);--clr-primary-blue-purple: hsl(243, 100%, 62%);--clr-primary-blue-pastel: hsl(228, 100%, 84%);--clr-primary-blue-light: hsl(206, 94%, 87%);--clr-primary-strawberry-red: hsl(354, 84%, 57%);--clr-neutral-cool-gray: hsl(231, 11%, 63%);--clr-neutral-gray-light: hsl(229, 24%, 87%);--clr-neutral-magnolia: hsl(217, 100%, 97%);--clr-neutral-very-light-grey: hsl(231, 100%, 99%);--clr-neutral-white: hsl(0, 0%, 100%)}body{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--clr-neutral-magnolia)}