*{font-family:Ubuntu,sans-serif;padding:0;margin:0;box-sizing:border-box}:root{font-size:calc(.5em + 1vw);--Marine-blue: hsl(213, 96%, 18%);--Purplish-blue: hsl(243, 100%, 62%);--Pastel-blue: hsl(228, 100%, 84%);--Light-blue: hsl(206, 94%, 87%);--Strawberry-red: hsl(354, 84%, 57%);--Cool-gray: hsl(231, 11%, 63%);--Light-gray: hsl(229, 24%, 87%);--Magnolia: hsl(217, 100%, 97%);--Alabaster: hsl(231, 100%, 99%);--White: hsl(0, 0%, 100%)}body{background-color:var(--Light-gray)}@media (min-width:576px){.container{max-width:540px;margin:auto}}@media (min-width:768px){.container{max-width:720px;margin:auto}}@media (min-width:992px){.container{max-width:960px;margin:auto}}@media (min-width:1200px){.container{max-width:1140px;margin:auto}}@media (min-width:1400px){.container{max-width:1320px;margin:auto}}.app{display:flex;margin-top:30px;margin-bottom:30px;padding:20px;background-color:var(--White);border-radius:10px;min-height:700px}.steps-section{flex:1;padding:40px 15px;position:relative;background-image:url(/form/assets/bg-sidebar-desktop.svg);background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:10px}.step{display:flex;align-items:center;color:var(--White);text-decoration:none;margin-bottom:20px;margin-left:20px;width:100%;pointer-events:none}.step .number{font-size:1.1rem;border-radius:50%;border:1px solid var(--White);margin-right:15px;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center}.step.active .number,.step .number:hover{background-color:var(--Light-blue);color:#000}.step .content p{color:var(--Light-gray)}.form-cont{flex:2;padding:30px;width:100%}.form-steps{width:80%;margin:auto;display:flex;flex-direction:column;height:100%}.header p{color:var(--Cool-gray);font-size:.8rem;margin-bottom:50px}.buttons{display:flex;align-items:center;margin-top:auto;padding:0 5px;width:100%}.buttons a{text-decoration:none}.buttons .next{margin-left:auto}.go-back-btn{background-color:transparent;border:0;font-size:1rem;color:var(--Cool-gray);transition:.3s;display:block;cursor:pointer}.submit-btn{background-color:var(--Marine-blue);transition:.3s;color:var(--White);padding:10px 20px;border-radius:10px;border:0;font-size:1rem;display:block;cursor:pointer}.submit-btn:hover{background-color:var(--Purplish-blue)}.go-back-btn:hover{color:#000}.confirm-btn{background-color:var(--Marine-blue)}.confirm-btn:hover{background-color:var(--Strawberry-red)}.stop-next{pointer-events:none}@media (max-width:768px){.container{max-width:100%}.app{flex-direction:column;padding:0;margin:0;background-color:var(--Light-blue);min-height:100vh}.steps-section{background-image:url(/form/assets/bg-sidebar-mobile.svg);display:flex;align-items:flex-start;justify-content:center;border-top-left-radius:0;border-top-right-radius:0;margin-top:-10px}.step .content{display:none}.step{margin:0;padding:5px;width:fit-content}.form-cont{background-color:var(--Light-gray);padding:0}.form-steps{background-color:var(--White);width:90%;padding:30px;border-radius:10px;margin-top:-60px;z-index:2;position:relative}.buttons{margin-top:80px}}.step-one-form input{display:block;width:100%;padding:10px 20px;border-radius:10px;border:1px solid var(--Cool-gray);font-size:1rem;margin-bottom:30px;outline:0}.step-one-form .labels{display:flex;align-items:center;margin-bottom:10px;padding:0 5px}.step-one-form label{display:block;margin-right:auto}.step-one-form input:focus{border-color:var(--Purplish-blue)}.valid-message{display:inline-block;color:var(--Strawberry-red);font-size:.6rem;text-align:center}.card-cont{display:flex;align-items:center;justify-content:space-between}.card{width:30%;padding:10px;display:flex;flex-direction:column;border:1px solid var(--Cool-gray);border-radius:10px;user-select:none;cursor:pointer}.card-active,.card:hover{border-color:var(--Purplish-blue);background-color:var(--Light-blue)}.card img{display:block;max-width:60%;height:auto;margin-bottom:70px}.card h3{font-size:.9rem;margin-bottom:5px}.card p{font-size:.8rem;color:var(--Cool-gray);margin-bottom:5px}.toggle-btn{display:flex;margin-top:30px;justify-content:center;align-items:center}.toggle{display:flex;justify-content:center;align-items:center}.toggle input[type=checkbox]{width:0;height:0;visibility:hidden}.toggle label{display:block;width:60px;height:30px;background-color:var(--Marine-blue);border-radius:25px;position:relative;cursor:pointer;transition:.3s}.toggle label:after{content:"";width:20px;height:20px;background-color:#e8f5f7;position:absolute;border-radius:50%;top:5px;left:5px;transition:.3s}.toggle input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}.toggle-btn span{display:block;margin:0 10px;color:var(--Cool-gray)}.toggle-btn .active{font-weight:500;color:#000}.plan-error{margin-top:20px;text-align:center;color:var(--Strawberry-red);font-size:.9rem}.box{display:flex;align-items:center;padding:20px 10px;border:1px solid var(--Cool-gray);border-radius:15px;margin-bottom:25px;cursor:pointer;user-select:none}.box:hover,.box-active{border-color:var(--Purplish-blue);background-color:var(--Magnolia)}.box input[type=checkbox]{width:3vw;height:3vh;border:1px solid var(--Cool-gray);outline:0;border-radius:10px;margin-right:20px}.box .content h4{font-weight:500;font-size:.9rem}.box .content p{font-size:.7rem;color:var(--Cool-gray)}.box .price{color:var(--Purplish-blue);margin-left:auto;font-size:.8rem}.cart .plan,.cart .total{background-color:#eee;border-radius:10px;padding:20px}.cart .plan-flex{display:flex;align-items:center;justify-content:space-between}.cart .plan{margin-bottom:30px}.cart .main-plan{padding-bottom:40px;margin-bottom:20px;position:relative;font-weight:500;font-size:.9rem}.cart .main-plan:after{content:"";position:absolute;height:2px;border-radius:5px;width:95%;background-color:#d4d3d3;bottom:0;left:50%;transform:translate(-50%)}.cart .main-plan .plan-price{color:var(--Purplish-blue)}.cart .add-plan{margin-bottom:10px;color:var(--Cool-gray);font-size:.9rem}.cart .total{font-weight:500}.cart .total .total-price{color:var(--Purplish-blue)}.finish{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;text-align:center}.finish img{display:block;width:20%;height:auto;margin-bottom:40px}.finish h3{font-size:2rem;margin-bottom:20px}.finish p{font-size:.9rem;color:var(--Cool-gray)}