@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";:root{--marineBlue: hsl(213, 96%, 18%);--purplishBlue: hsl(243, 100%, 62%);--pastelBlue: hsl(228, 100%, 84%);--lightBlue: hsl(206, 94%, 87%);--strawberryRed: hsl(354, 84%, 57%);--coolGray: hsl(231, 11%, 63%);--lightGray: hsl(225, 25%, 94%);--magnolia: hsl(217, 100%, 97%);--alabaster: hsl(231, 100%, 99%);--white: hsl(0, 0%, 100%);font-family:Ubuntu,sans-serif}body{margin:0}.container{width:100vw;height:100vh;background-color:var(--magnolia);display:flex;align-items:center;justify-content:center}.login-container{background:var(--white);padding:1em;display:flex;height:550px;min-width:550px;max-width:920px;border-radius:15px;filter:drop-shadow(10px 10px 10px var(--lightGray))}.step-info{width:40%;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;color:#fff;border-radius:15px;padding:20px;box-sizing:border-box}.step-counter-container{height:47%;display:flex;flex-direction:column;justify-content:space-around}.step-info h4{font-weight:400;text-transform:uppercase;color:var(--coolGray);font-size:.9em}.step-info h2{font-size:16px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.step-1,.step-2,.step-3,.step-4{display:flex;align-items:center}.step-count-info{display:flex;justify-content:center;align-items:center;border-radius:20px;border:1px solid white;height:35px;width:35px;margin-right:20px}.step-count-info-current{display:flex;justify-content:center;align-items:center;border-radius:20px;background-color:var(--lightBlue);height:37px;width:37px;margin-right:20px}.title-container{margin-bottom:2em}.step-count-info h1{color:#fff;font-size:15px;margin:0}.step-count-info-current h1{color:var(--marineBlue);font-size:15px;margin:0}.step-info h4,.step-info h2{margin:0}.form-container{display:flex;flex-direction:column;align-items:center;padding:25px 80px;height:100%;width:60%}.form-group{display:flex;flex-direction:column;margin-bottom:.8em}.content{display:flex;flex-direction:column;justify-content:space-between;height:80%}.content>.form-group>label{font-size:.9em;font-weight:500;margin-bottom:.8em}.form-container input{padding:15px;border-radius:5px;border:1px solid var(--coolGray);color:var(--marineBlue);font-size:16px;font-weight:700}input::placeholder{color:var(--coolGray);font-size:14px}input:focus{outline:1px solid var(--purplishBlue);border:1px solid var(--coolGray);transition:outline 1ms ease-in-out}label{color:var(--marineBlue);font-weight:700}input[type=checkbox]{height:19px;width:19px;accent-color:var(--purplishBlue)}label input{display:inline}button{width:100px;height:40px;text-align:center;justify-content:center;border:0;border-radius:5px;background-color:var(--marineBlue);color:#fff;font-weight:700}button:hover{cursor:pointer}.step:not(.active){display:none}#plan{display:flex;flex-direction:row;justify-content:space-between}#plan .plan-info{width:22%;height:120px;padding:15px;border-radius:10px;border:1px solid var(--coolGray)}.plan-info{display:flex;flex-direction:column;justify-content:space-between}.plan-info:hover{cursor:pointer;border:1px solid var(--purplishBlue)!important}.plan-title h4,p{margin:.2em}.plan-title h4{color:var(--marineBlue)}#step2{width:100%}.plan-selected{border:1px solid var(--purplishBlue)!important;background-color:#adbeff33}h1.step-title{color:var(--marineBlue);margin:0 0 .3em}p.step-description{color:var(--coolGray)}.step{display:flex;flex-direction:column;justify-content:space-between;height:90%;width:100%}#step1 button,#step4 button{margin-left:auto}#step5{align-items:center;justify-content:center}#step5 p{color:var(--coolGray)}#step5 h1{margin:15px 0}.title p{margin:0;font-size:14px}.title{margin-bottom:24px;width:100%}.step-bottom-section{display:flex;justify-content:space-between;align-items:flex-end}.step-bottom-section h3{color:var(--coolGray);margin:0;font-size:1.1em;font-weight:500}.step-bottom-section h3:hover{color:var(--marineBlue);cursor:pointer}#price-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--alabaster);padding:1em;border-radius:.4em;font-weight:700}.toggle{width:40px;height:20px;display:flex;align-items:center;justify-content:flex-start;transition:justify-content 1sec ease-in-out;box-sizing:border-box;padding:.3em;margin:0 1em;border-radius:1em;background:var(--marineBlue)}.right{justify-content:flex-end;transition:justify-content 1sec ease-in-out}.toggle-button{width:13px;height:13px;border-radius:1em;background-color:#fff}.checkbox{display:flex;flex-direction:column;align-items:center;justify-content:center}.checkbox1,.checkbox2,.checkbox3{display:flex;align-items:center;justify-content:space-between;padding:1.5em;border-radius:8px;margin:1em 0;width:100%;height:70px;box-sizing:border-box;border:1px solid var(--coolGray)}.add_on_title{height:100%;display:flex;align-items:center;justify-content:flex-start;flex-grow:1}.add_on_title>div{margin-left:1.5em}.add_on_title>div>h3{margin:0 0 .3em;font-size:1em;color:var(--marineBlue)}.add_on_title>div>p{margin:0}.checkbox2:hover,.checkbox1:hover,.checkbox3:hover{cursor:pointer;border:1px solid var(--purplishBlue)!important}#plan{margin:2em 0}.final-plan-info{background-color:var(--magnolia);padding:2em;border-radius:.6em}.final-info-row{display:flex;align-items:center;justify-content:space-between}.final-info-row h4{margin:0 0 .6em;color:var(--marineBlue)}.final-info-row p{margin:0;color:var(--coolGray);text-decoration:underline}.final-info-row p:hover{margin:0;color:var(--purplishBlue);cursor:pointer}hr{margin-top:1.5em}ul{padding:0}li{list-style-type:none;display:flex;justify-content:space-between;margin-bottom:.6em}p.add-on-title{color:var(--coolGray)}p.add-on-price{color:var(--marineBlue)}.plan-total-price-container{display:flex;align-items:center;justify-content:space-between;padding:0 2em}.plan-total-price-container>p{font-weight:500;color:var(--coolGray)}#plan-total-price{color:var(--purplishBlue)}#confirm{background-color:var(--purplishBlue)}.mobile-step-info{display:none}@media (min-width: 256px) and (max-width: 768px){html{width:100vw}.step-info{display:none}.mobile-step-info{display:block;width:100%;position:absolute;top:3em;z-index:100}.login-container{min-width:70%;max-width:80%;height:57vh;display:flex;align-items:center;justify-items:center;filter:drop-shadow(0px 0px 0px var(--lightGray))}.container{position:relative}.form-container{width:100%;padding:0}#plan{display:flex;flex-direction:column;justify-content:start;width:100%}#plan .plan-info{flex-direction:row;height:2em;width:90%;margin-bottom:10px;justify-content:start;gap:10px;align-items:center}.step-bottom-section{align-items:center;margin-top:20px}.checkbox1,.checkbox2,.checkbox3{height:5em}#step-1,#step-2,#step-3,#step-4{display:flex;justify-content:space-betweens;height:100%}.form-container input{height:1.3em}#step5{height:40vh}.container{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-repeat:no-repeat;background-size:contain}.step{height:100%}.step-counter-container{flex-direction:row;justify-content:center;background:none;width:100%}.step-count-txt{display:none}}