*{margin:0;padding:0;box-sizing:border-box}:root{--color-blue-950: hsl(213, 96%, 18%);--color-purple-600: hsl(243, 100%, 62%);--color-blue-300: hsl(228, 100%, 84%);--color-blue-200: hsl(206, 94%, 87%);--color-red-500: hsl(354, 84%, 57%);--color-grey-500: hsl(231, 11%, 63%);--color-purple-200: hsl(229, 24%, 87%);--color-blue-100: hsl(218, 100%, 97%);--color-blue-50: hsl(231, 100%, 99%);--color-white: hsl(0, 100%, 100%)}body{height:100vh;width:100%;background-color:var(--color-blue-100);font-family:Ubuntu,sans-serif;display:flex;justify-content:center;align-items:center}.container{background-color:#fff;border:2px solid rgb(0,0,0);height:600px;width:900px;display:flex;padding:10px;border-radius:10px}#sidebar{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='274'%20height='568'%20fill='none'%20viewBox='0%200%20274%20568'%3e%3crect%20width='274'%20height='568'%20fill='%23483EFF'%20rx='10'/%3e%3cmask%20id='a'%20width='274'%20height='568'%20x='0'%20y='0'%20maskUnits='userSpaceOnUse'%20style='mask-type:alpha'%3e%3crect%20width='274'%20height='568'%20fill='%23fff'%20rx='10'/%3e%3c/mask%3e%3cg%20mask='url(%23a)'%3e%3cpath%20fill='%236259FF'%20fill-rule='evenodd'%20d='M-34.692%20543.101C3.247%20632.538%20168.767%20685.017%20211.96%20612.52c43.194-72.497-66.099-85.653-104.735-160.569-38.635-74.916-68.657-121.674-124.482-104.607-55.824%2017.068-55.375%20106.32-17.436%20195.757Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23F9818E'%20fill-rule='evenodd'%20d='M233.095%20601.153c60.679-28.278%2092.839-143.526%2041.875-171.528-50.965-28.003-57.397%2047.579-108.059%2075.987-50.662%2028.408-82.14%2050.207-69.044%2088.241%2013.096%2038.034%2074.549%2035.578%20135.228%207.3Z'%20clip-rule='evenodd'/%3e%3cpath%20stroke='%23fff'%20stroke-linecap='round'%20stroke-linejoin='bevel'%20stroke-width='5'%20d='m165.305%20469.097%2010.607-10.806M209.461%20474.581l-12.506-10.503M187.56%20488.991l-6.908%2014.798'/%3e%3cpath%20fill='%23FFAF7E'%20d='M.305%20546.891c37.003%200%2067-29.997%2067-67s-29.997-67-67-67-67%2029.997-67%2067%2029.997%2067%2067%2067Z'/%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;width:500px;height:100%;position:relative;padding:40px 30px}.circle{position:relative;width:30px;height:30px;border:1px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center}.number{font-size:1rem;font-weight:700;color:#fff}#sidebar h2{color:#fff;font-size:1rem;margin-top:3px}#sidebar p{color:#fff;opacity:.4;font-size:.8rem}.sidebar-item{display:flex;align-items:center;gap:15px;margin-bottom:30px}#sidebar h3{font-weight:700;font-size:.9rem}#formContainer{width:100%;height:100%;padding:50px 80px 20px 70px;display:flex;flex-direction:column;justify-content:space-between}.form-div{height:100%}.form-btns{display:flex;align-items:center;justify-content:space-between;gap:30px}button{font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:500}.goBack-btn{color:var(--color-blue-950);border:none;background-color:transparent}.goBack-btn:hover{opacity:.7;cursor:pointer}.nextStep-btn{background-color:var(--color-blue-950);color:#fff;padding:10px 20px;border:none;border-radius:8px}.nextStep-btn:hover{opacity:.7}.confirm-btn{background-color:var(--color-blue-950);color:#fff;padding:10px 20px;border:none;border-radius:8px}.confirm-btn:hover{background-color:var(--color-purple-600)}.subhead{margin-top:10px;font-size:.9rem;color:var(--color-grey-500)}.heading{font-size:1.8rem}#personalForm{height:100%;display:flex;flex-direction:column;align-items:start;justify-content:space-between;margin-top:40px;margin-bottom:100px}input{width:100%;margin-top:5px;height:40px;padding-left:10px;border-radius:5px;border:1px solid var(--color-grey-500)}input:focus{border-color:var(--color-purple-600);outline:none}.input-heading{width:100%;display:flex;justify-content:space-between;align-items:end}label{font-size:.8rem;margin-top:20px;opacity:.6;font-weight:700}label:active{border-color:var(--color-purple-600)}.requiered-heading{font-size:.7rem;color:var(--color-red-500)}.personal-next-btn{align-self:end}.container-content{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.content-div{height:100%;display:flex;flex-direction:column;justify-content:space-between}.btns{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.billings{display:flex;justify-content:space-between}.billing-box{width:130px;height:150px;border:1px solid var(--color-grey-500);margin-top:30px;border-radius:5px}.billing-content{height:100%;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:30px}.billing-content-text h4{font-size:1rem}.billing-content-text p{font-size:.8rem;color:var(--color-grey-500)}.billings{display:flex;gap:20px}.billing-box{border:2px solid #ccc;border-radius:12px;padding:15px;width:150px;cursor:pointer;display:flex;align-items:center;transition:.25s}.billing-box input[type=radio]{display:none}.billing-box:has(input:checked){border-color:#4a4cff;background:#eef0ff;box-shadow:0 0 0 3px #4a4cff33;transform:translateY(-2px)}.toggle-container{display:flex;align-items:center;gap:15px;font-weight:600;justify-content:center;margin-top:15px}.toggle-container input[type=radio]{display:none}.toggle-container span{cursor:pointer}.switch{position:relative;width:50px;height:26px;cursor:pointer}.switch input{display:none}.switch .slider{position:absolute;inset:0;background:#ccc;border-radius:50px;transition:.3s}.switch .slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider{background:#4a4cff}.switch input:checked+.slider:before{transform:translate(24px)}.add-div{display:flex}#addForm{margin-top:30px;display:grid;grid-template-columns:repeat(1,1fr);justify-items:start;align-items:center;width:100%}.addon-checkbox{height:80px;width:100%;display:flex;align-items:center;padding:10px 15px;border:1px solid #ccc;border-radius:8px;cursor:pointer;background-color:#f9f9f9;transition:background-color .3s}.addon-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#4a25f0;cursor:pointer;flex-shrink:0}.addon-content{display:flex;justify-content:space-between;align-items:center;flex-grow:1;margin-left:20px}.addon-content>p{color:#8c7add}.addon-text h4{font-size:.8rem}.addon-text p{opacity:.4}.Summary-content{height:100%;display:flex;flex-direction:column;justify-content:center;color:var(--color-blue-950)}.content-select{display:flex;gap:5px}.div-select{display:flex;align-items:center;justify-content:space-between}.div-select-text{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:5px}.div-select-text button{background:none;border:none;color:#4a25f0;font-size:.8rem;cursor:pointer}.procent{margin-top:20px;align-self:flex-end;justify-self:flex-end}.total-div{font-weight:700;margin-top:30px;display:flex;justify-content:space-between}.procent{margin-bottom:20px;color:#4a25f0}.summary-addons{display:flex;flex-direction:column;justify-content:space-between}.summary-addons-items{display:flex;justify-content:space-between}@media screen and (max-width:900px){#sidebar{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='375'%20height='172'%20viewBox='0%200%20375%20172'%3e%3cdefs%3e%3cpath%20id='a'%20d='M0%200h375v172H0z'/%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20xlink:href='%23a'/%3e%3c/mask%3e%3cuse%20xlink:href='%23a'%20fill='%23483EFF'/%3e%3cg%20mask='url(%23b)'%3e%3cg%20transform='translate(-151.029%20-133.957)'%3e%3cpath%20fill='%236259FF'%20d='M79.546%20349.634c54.547%20128.646%20292.524%20204.132%20354.626%2099.852%2062.102-104.28-95.035-123.204-150.583-230.963-55.547-107.759-98.711-175.015-178.973-150.466C24.354%2092.607%2025%20220.987%2079.546%20349.634Z'/%3e%3cellipse%20cx='129.864'%20cy='258.711'%20fill='%23FFAF7E'%20rx='96.329'%20ry='96.373'/%3e%3cpath%20fill='%23F9818E'%20d='M464.88%20433.146c87.31-40.69%20133.585-206.525%2060.253-246.82-73.333-40.293-82.587%2068.465-155.485%20109.343-72.898%2040.877-118.192%2072.245-99.348%20126.973%2018.845%2054.728%20107.27%2051.194%20194.58%2010.504Z'/%3e%3cg%20stroke='%23FFF'%20stroke-linecap='round'%20stroke-linejoin='bevel'%20stroke-width='5'%3e%3cpath%20d='m367.336%20243.125%2015.263-15.549M430.872%20251.016l-17.995-15.112M399.36%20271.751l-9.94%2021.293'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:center;background-repeat:no-repeat;width:100%;height:200px;position:relative;padding:40px 30px;display:flex;justify-content:center}.container{display:flex;flex-direction:column;width:400px;height:750px;margin:0 auto;padding:0}.number-item h2,.number-item p{display:none}.billings{display:flex;flex-direction:row;flex-wrap:wrap}.billing-box{width:100%;height:100%;display:flex;margin:0}.billing-content{display:grid;grid-template-columns:repeat(2,20px 1fr);place-items:center;padding-left:10px;margin:0}#selectForm{margin-top:20px}.toggle-container{margin-bottom:30px}#addForm{margin:10px 0 0}#formContainer{padding:40px}}